fnp
/
redakcja.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Panele posiadaja teraz obiekt kontroller, który trzyma ich stan. TODO: lepsza inicjal...
[redakcja.git]
/
project
/
static
/
css
/
master.css
diff --git
a/project/static/css/master.css
b/project/static/css/master.css
index
71c9fb4
..
2e9e433
100644
(file)
--- a/
project/static/css/master.css
+++ b/
project/static/css/master.css
@@
-1,26
+1,31
@@
body {
margin: 0;
body {
margin: 0;
- font: 1
4px
Helvetica, Verdana, sans-serif;
+ font: 1
0pt
Helvetica, Verdana, sans-serif;
overflow: hidden;
}
#header {
position: relative;
overflow: hidden;
}
#header {
position: relative;
- padding:
2px
0.5em;
+ padding:
0.2em
0.5em;
background-color: #CDCDCD;
border-bottom: 1px solid black;
background-color: #CDCDCD;
border-bottom: 1px solid black;
- clear: both;
+ height: 1.8em;
+ line-height: 1.8em;
+ vertical-align: center;
}
#header #breadcrumbs {
}
#header #breadcrumbs {
-
}
}
-#header
#login_info
{
+#header
-right-toolbar
{
position: absolute;
right: 1em;
}
position: absolute;
right: 1em;
}
+#header button {
+ vertical-align: center;
+}
+
ul {
margin: 20px;
padding: 0;
ul {
margin: 20px;
padding: 0;
@@
-91,14
+96,7
@@
label {
#panels {
position: absolute;
#panels {
position: absolute;
- bottom: 0px; left: 0px; right: 0px; top: 50px;
-}
-
-.panels-mouse-overlay {
- position: absolute;
- top: 0px; bottom: 0px; left: 0px; right: 0px;
- z-index: 0;
- background: transparent;
+ bottom: 0px; left: 0px; right: 0px; top: 1em;
}
.panel-wrap {
}
.panel-wrap {
@@
-120,19
+118,33
@@
label {
}
/* contents */
}
/* contents */
-.panel-contents {
+.panel-content {
+ position: absolute;
+ top: 22px; left: 0px; bottom:0px; right: 0px;
+}
+
+.panel-overlay {
position: absolute;
position: absolute;
- top: 22px; left: 0px; right: 8px; bottom:0px;
+ top: 0px; bottom: 0px; left: 0px; right: 0px;
+ z-index: 10;
+ background: gray;
+ opacity: 0.8;
+ text-align: center;
+ overflow: hidden;
+ display: none;
+}
+
+.panel-content-overlay {
}
}
-.panel-wrap.
no-slider .panel-contents
{
+.panel-wrap.
last-panel .panel-content
{
right: 0px;
}
/* Toolbars with select box to change panel contents*/
.panel-toolbar {
right: 0px;
}
/* Toolbars with select box to change panel contents*/
.panel-toolbar {
-
position: absolute;
-
top: 0px; left:0px; right: 0px; height: 20px;
+ position: absolute;
+ top: 0px; left:0px; right: 0px; height: 20px;
padding: 0 0 2px 0;
border-top: 1px solid #AAA;
padding: 0 0 2px 0;
border-top: 1px solid #AAA;
@@
-152,23
+164,32
@@
label {
/* Slider between panels */
.panel-wrap .panel-slider {
/* Slider between panels */
.panel-wrap .panel-slider {
- position: absolute;
+ position: absolute;
+ background-color: #DDD;
-
top: 0px; bottom: 0px; right: 0px; width: 6px;
+ top: 0px; bottom: 0px; right: 0px; width: 6px;
border-left: 1px solid #999;
border-right: 1px solid #999;
border-left: 1px solid #999;
border-right: 1px solid #999;
+ border-top: none;
+ border-bottom: none;
+
+ z-index: 5;
}
.panel-wrap .panel-slider:hover {
background-color: #999;
}
.panel-wrap .panel-slider:hover {
background-color: #999;
- cursor: col-resize;
+ cursor: hand;
+}
+
+.panel-content-overlay.panel-wrap .panel-slider {
+ background-color: #DDD;
}
/* ================= */
/* = Gallery panel = */
/* ================= */
}
/* ================= */
/* = Gallery panel = */
/* ================= */
-.images-wrap, .htmleditor {
+.images-wrap, .
panel-
htmleditor {
overflow-x: hidden;
overflow-y: scroll;
}
overflow-x: hidden;
overflow-y: scroll;
}
@@
-178,12
+199,12
@@
label {
/* = XML Editor panel = */
/* ==================== */
/* = XML Editor panel = */
/* ==================== */
-
#
toolbar {
+
.
toolbar {
height: 48px;
overflow: hidden;
}
height: 48px;
overflow: hidden;
}
-
#toolbar, #toolbar ol, #sidebar-toolbar, #sidebar-
toolbar ol {
+
.toolbar, .
toolbar ol {
/* overflow: hidden;*/
display: block;
margin: 0;
/* overflow: hidden;*/
display: block;
margin: 0;
@@
-192,15
+213,7
@@
label {
border-top: 1px solid #AAA;
}
border-top: 1px solid #AAA;
}
-#sidebar-toolbar {
- width: 0;
-}
-
-#sidebar-toolbar, #sidebar-toolbar ol {
- overflow: hidden;
-}
-
-#sidebar-tabs li, #toolbar-tabs li {
+.toolbar-tabs li {
font-size: 14px;
display: block;
float: left;
font-size: 14px;
display: block;
float: left;
@@
-216,24
+229,24
@@
label {
-webkit-border-top-right-radius: 8px;
}
-webkit-border-top-right-radius: 8px;
}
-
#sidebar-tabs, #
toolbar-tabs {
+
.
toolbar-tabs {
height: 21px;
z-index: 1000;
/* overflow: hidden;*/
}
height: 21px;
z-index: 1000;
/* overflow: hidden;*/
}
-
#sidebar-tabs li:hover, #sidebar-tabs li.active, #toolbar-tabs li:hover, #
toolbar-tabs li.active {
+
.toolbar-tabs li:hover, .
toolbar-tabs li.active {
cursor: default;
background-color: #EEE;
border-bottom: 1px solid #EEE;
}
cursor: default;
background-color: #EEE;
border-bottom: 1px solid #EEE;
}
-
#
toolbar-buttons {
+
.
toolbar-buttons {
background-color: #EEE;
border-bottom: 1px solid #AAA;
}
background-color: #EEE;
border-bottom: 1px solid #AAA;
}
-
#
toolbar-buttons li {
+
.
toolbar-buttons li {
display: block;
font-size: 12px;
padding: 1px 8px;
display: block;
font-size: 12px;
padding: 1px 8px;
@@
-244,7
+257,7
@@
label {
float: left;
}
float: left;
}
-
#
toolbar-buttons li:hover {
+
.
toolbar-buttons li:hover {
background-color: #777;
color: #FFF;
cursor: default;
background-color: #777;
color: #FFF;
cursor: default;
@@
-264,3
+277,6
@@
div.isection p {
margin: 0.5em 1em;
}
margin: 0.5em 1em;
}
+.change-notification {
+ color: red;
+}