margin: 0;
font: 10pt Helvetica, Verdana, sans-serif;
overflow: hidden;
+ background: #AAA;
}
#header {
- position: relative;
+ position: absolute;
padding: 0.2em 0.5em;
background-color: #CDCDCD;
- border-bottom: 1px solid black;
+ border-bottom: 0.1px solid black;
height: 1.8em;
line-height: 1.8em;
vertical-align: center;
+
+ top: 0px; left: 0px; right: 0px;
+ z-index: 300;
}
#header #breadcrumbs {
vertical-align: center;
}
+#content {
+ position: absolute;
+ top: 2.4em; left: 0px; right: 0px; bottom: 0px;
+ overflow: auto;
+ background-color: white;
+}
+
ul {
margin: 20px;
padding: 0;
#panels {
position: absolute;
- bottom: 0px; left: 0px; right: 0px; top: 1em;
+ bottom: 0px; left: 0px; right: 0px; top: 0px;
}
.panel-wrap {
.panel-content {
position: absolute;
overflow: auto;
+ overflow-x: hidden;
top: 22px; left: 0px; bottom:0px; right: 0px;
}
right: 0px;
}
+.panel-wrap.last-panel .panel-slider {
+ display: none;
+}
+
/* Toolbars with select box to change panel contents*/
.panel-toolbar {
position: absolute;
top: 0px; left:0px; right: 0px; height: 20px;
padding: 0 0 2px 0;
- border-top: 1px solid #AAA;
+ /* border-top: 1px solid #AAA; */
border-bottom: 1px solid #AAA;
font-size: 12px;
line-height: 20px;
background-color: #DDD;
}
+
/* ================= */
/* = Gallery panel = */
/* ================= */
.toolbar-tabs {
height: 21px;
-/* z-index: 1000;*/
-/* overflow: hidden;*/
}
.toolbar-tabs li:hover, .toolbar-tabs li.active {
.toolbar-buttons {
background-color: #EEE;
border-bottom: 1px solid #AAA;
+ z-index: 71;
}
.toolbar-buttons li {
cursor: default;
}
+.change-font-size {
+ width: 45px;
+ height: 18px;
+ padding: 3px 0 0;
+ position: absolute;
+ top: 0;
+ right: 0;
+}
+
+.change-font-size div {
+ float: left;
+ text-align: center;
+ width: 20px;
+ font-size: 13px;
+ margin: 1px;
+ cursor: default;
+ border-radius: 2px;
+ -moz-border-radius: 2px;
+ -webkit-border-radius: 2px;
+}
+
+.change-font-size div:hover {
+ background-color: #EEE;
+ border: 1px solid #AAA;
+ margin: 0;
+}
+
/* =========================== */
/* = DublinCore Editor panel = */
/* =========================== */
.change-notification {
color: red;
}
+
+/*
+ * Popups
+ */
+#message-box {
+ position: fixed;
+ top: 2px;
+ left: 40%;
+}
+
+.msg-error, .msg-success, .msg-warning {
+ overflow: hidden;
+ padding: 0.1em 0.2em;
+ text-align: center;
+ border: 1px solid;
+ -moz-border-radius: 8px;
+ -webkit-border-radius: 8px;
+ font-size: 10pt;
+ line-height: 11pt;
+ display: none;
+
+ width: 200px;
+}
+
+
+.msg-error {
+ background-color: red;
+ border-color: red;
+}
+
+.msg-success {
+ background-color: lightgreen;
+ border-color: lightgreen;
+}
+
+.msg-warning {
+ background-color: yellow;
+ border-color: yellow;
+
+}