aboutsummaryrefslogtreecommitdiffstats
path: root/admin/themes/roma/theme.css
diff options
context:
space:
mode:
Diffstat (limited to 'admin/themes/roma/theme.css')
-rw-r--r--admin/themes/roma/theme.css124
1 files changed, 94 insertions, 30 deletions
diff --git a/admin/themes/roma/theme.css b/admin/themes/roma/theme.css
index 6622fdd2b..a25965380 100644
--- a/admin/themes/roma/theme.css
+++ b/admin/themes/roma/theme.css
@@ -22,9 +22,10 @@ body, h3, dt, .throw, .content, label, LEGEND {
INPUT, select, textarea { color:#999; background-color: #444; }
option[disabled] { background-color: #999; color: #444; }
input[type="radio"], input[type="checkbox"] { background-color: transparent; }
-/* INPUT[type="checkbox"], INPUT[type="radio"]
-{ color:#999; background-color: #eee; } */
-INPUT[type="submit"], INPUT[type="reset"] { color:#999; border: 1px solid #666; background-color: #444; padding: 1px 15px; }
+
+
+.showInfo { color:#666; }
+.showInfo:hover { color:#999; }
h2 { color: #ccc; }
@@ -44,17 +45,14 @@ body {
/* #the_page { margin: 0; padding: 0; z-index: 1; top:0px; */
/* padding-top: 0; min-height: 100%; width:100%; position:absolute; left:0px; } */
-#headbranch { width: 233px; height: 240px; margin: 0; padding: 0;
-position:absolute; left:0px; top:0px; z-index: 0;
-}
h3, .row2, .content { background-color: #222; }
.throw, .row1 { background-color:#111; }
.throw em { font-style: normal; color: #ff3363; }
-#content { min-height: 466px; margin-top: 15px; }
-
-.content {
- border: 1px solid #222;
+#content {
+ border: 1px solid #222;
+ min-height: 466px;
+ margin-top: 15px;
}
.content h3 { font-size:20px; letter-spacing:-0.4px; margin:0 20px 12px 0; text-align:center; background:none; border: 0; }
@@ -73,7 +71,10 @@ UL.thumbnails span.wrap2 {
background-image: url(images/fillet.png); background-repeat: repeat-x; }
/* borders */
fieldset { border: 2px solid #333; }
-INPUT, SELECT, TEXTAREA { border: 1px solid #666; }
+
+.buttonLike, INPUT, SELECT, TEXTAREA {
+ border: 1px solid #666;
+}
input:focus, select:focus, textarea:focus {
background-color: #444;
color: #999;
@@ -106,8 +107,8 @@ a.Piwigo:hover span.Piwigo {
*, *:focus, *:active, input:active, a:active, input:focus, a:focus { outline: none; -moz-outline-width: 0px; }
*/
-a { color:#f70; border-width: 0; }
-a:hover, a:active { color: #f33; border-bottom: 1px solid #FF3363; cursor: pointer; }
+a { color:#f70; }
+a:hover, a:active { color: #f33; cursor: pointer; }
.content .navigationBar {color:#666;}
ul.actions, .content form#waiting {text-align:center;}
@@ -134,7 +135,7 @@ text-align:right; text-decoration:none; margin: 0; }
margin-top:4px; padding-bottom:3px; padding-top:3px; top:1px;
}
.tabsheet a:hover, .tabsheet li.selected_tab a { color: #F36; }
-.tabsheet a span { background-color:#222; display:block; font-size:10px; margin-right:2px; padding:0 3px 0 1px; }
+.tabsheet a span { background-color:#222; font-size:10px; margin-right:2px; padding:0 3px 0 1px; }
/* menubar is on all admin pages => No specific css file */
#menubar {
background:transparent url(images/menuBoxBottom_new.png) no-repeat scroll left bottom;
@@ -151,17 +152,28 @@ width: 207px; border:0; margin: 0; padding: 0; display: block; min-height:35px;
#menubar dl.first {
background:transparent url(images/menubar-top.png) no-repeat scroll left 1px; }
#menubar dl.last { padding: 0 0 24px 0;}
-#menubar dt { margin: 0; display: block; background: none; left:10px; font-weight:bold;
-position:relative; padding: 5px 1px 4px 5px; top:-8px; font-size: 13px; color: #666; outline:none;}
-#menubar dt span { background-color: #111; cursor:pointer; }
-#menubar li { margin: 0 0 0 6px; }
+#menubar dt {
+ margin: 0; display: block; background: none; left:10px; font-weight:bold;
+ position:relative; padding: 5px 1px 4px 5px; top:-8px; font-size: 13px; color: #666; outline:none;
+ cursor:pointer;
+}
+#menubar dt span { background-color: #111; }
+#menubar li { margin: 0 0 0 12px; }
#menubar li.external { list-style-image:url(images/external_inactive.png); padding:10px 0px 0pt 10px; }
#menubar li.external:hover { list-style-image:url(images/external_active.png); }
#menubar ul { color: #333; margin:0 9px 0 9px; line-height: 16px;
- list-style-type: square; list-style-position: inside; padding: 0; }
+ list-style-type: none; list-style-position: inside; padding: 0; }
#menubar ul.scroll { overflow-y:auto; max-height:500px;}
+#menubar dd [class^="icon-"]:before {
+ color: #666;
+}
+
/* jQuery tooltips */
+.ui-tooltip {
+ color: #eee;
+ background-color: #000;
+}
.cluetip-outer { border-color: #666; color: #666; background-color: #222; }
.cluetip-title { color: #ff3363; background-color: #111; }
/* jQuery ui resizable */
@@ -194,6 +206,7 @@ body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body
}
.ui-datepicker th {color:#ccc;}
.ui-state-disabled {color:#aaa;}
+.ui-timepicker-div, .ui-timepicker-div dt {color:#ccc;}
.ui-slider { background:#444;border-radius:2px;border:1px solid #666; }
.ui-slider .ui-slider-handle { border:1px solid #f36;background:#222;border-radius:0.6em; }
@@ -211,10 +224,20 @@ body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body
#ui-datepicker-div .ui-datepicker-current-day { background-color: #111 !important; border-color: #444; border-top-color: #111; border-left-color: #111;}
#ui-datepicker-div .ui-datepicker-days-cell { background-color:#444; border:1px solid #222; border-top-color: #444; border-left-color: #444;}
INPUT[type="text"].large { width: 317px; }
-input[type="button"], input[type="submit"], input[type="reset"] {
-color:#ff3363; background-color:#222; border-color: #ff3363; }
-input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
-color:#999; border-color: #666; }
+
+.buttonLike, input[type="button"], input[type="submit"], input[type="reset"] {
+ color:#ff3363;
+ background-color:#222;
+ border-color: #ff3363;
+ padding: 1px 15px;
+}
+
+.buttonLike:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
+ color:#999;
+ border-color: #666;
+ text-decoration: none;
+}
+
.bigbutton { background:transparent url(images/quickLocalSync_inactiv.png) no-repeat scroll left top; display: block;
color:#111; font-size:28px; height:161px; margin: 0 20px 0 auto; padding:0 18px 0; text-align:center; width:625px;
position:relative; z-index: 50;}
@@ -247,7 +270,7 @@ color:transparent;}
#pwgHead, #footer {background-color:#222;}
#footer {background-image: url(images/piwigo_logo_small.png);}
-.pluginBox, .pluginMiniBox {background-color:#333;color:#999;border-color:#333;}
+.pluginBox, .pluginMiniBox, .groups li {background-color:#333;color:#999;border-color:#333;}
.pluginBoxNameCell, .pluginMiniBoxNameCell {color:#ddd;}
.pluginBox.incompatible, .pluginMiniBox.incompatible {border-color:#800 !important;}
.pluginBoxes .merged, .pluginBoxes .missing {background-color:#422;border:1px solid #800;}
@@ -259,12 +282,12 @@ color:transparent;}
#batchManagerGlobal #selectedMessage {background-color:#555; color:#ddd;}
/* TokenInput (with Facebook style for ROMA) */
-ul.token-input-list {border-color:#666;background-color:#444;}
-ul.token-input-list li input {background-color:#444;}
-li.token-input-token span {color:#878787;}
-div.token-input-dropdown {background-color:#eee;border-color:#666;}
-div.token-input-dropdown ul li {background-color:#eee;}
-div.token-input-dropdown ul li.token-input-selected-dropdown-item {background-color:#FF7800;}
+ul.token-input-list {border-color:#666 !important;background-color:#444 !important;}
+ul.token-input-list li input {background-color:#444 !important;}
+li.token-input-token span {color:#878787 !important;}
+div.token-input-dropdown {background-color:#eee !important;border-color:#666 !important;}
+div.token-input-dropdown ul li {background-color:#eee !important;}
+div.token-input-dropdown ul li.token-input-selected-dropdown-item {background-color:#FF7800 !important;}
#progressbar {border:1px solid #666; background-color:#666;}
@@ -274,3 +297,44 @@ div.token-input-dropdown ul li.token-input-selected-dropdown-item {background-co
}
.selectedComment {background-color:#555; color:#fff;}
+
+.groups label>p {
+ color: #ccc;
+ font-size: 1.2em;
+ background-color:#111;
+}
+label>p.group_select {
+ color: #fff;
+ background-color:#555;
+}
+
+.userSeparator {
+ color:#666;
+}
+
+#configContent fieldset:not(.no-border) {
+ border-top-color:#444;
+}
+
+table.dataTable tr.even {
+ background-color: #111 !important;
+}
+
+table.dataTable tr.even td.sorting_1 {
+ background-color: #181818 !important;
+}
+
+table.dataTable tr.odd {
+ background-color: #222 !important;
+}
+
+table.dataTable tr.odd td.sorting_1 {
+ background-color: #282828 !important;
+}
+
+table.dataTable thead th {
+ border-color: #333 !important;
+}
+
+.userPropertiesContainer {border-color:#333;}
+.userPrefs {border-color:#333;}