diff options
Diffstat (limited to 'admin/themes/roma/theme.css')
-rw-r--r-- | admin/themes/roma/theme.css | 124 |
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;} |