diff options
Diffstat (limited to 'admin/themes/default/theme.css')
| -rw-r--r-- | admin/themes/default/theme.css | 191 |
1 files changed, 131 insertions, 60 deletions
diff --git a/admin/themes/default/theme.css b/admin/themes/default/theme.css index dd4a63385..654685563 100644 --- a/admin/themes/default/theme.css +++ b/admin/themes/default/theme.css @@ -1,4 +1,7 @@ /* content.css */ +[class*="icon-"]:before { text-decoration:none !important; } + +.showInfo { font-size:15px;cursor:pointer;line-height:15px; } /* .Content is on every pages so it is common and it will no longer be a specific css */ .content h2 {margin: 0; padding: 5px 0.5em 5px 0.5em; text-align: right; font-size: 120%;} @@ -24,6 +27,9 @@ ul.categoryActions { margin: 0 2px; width: auto; list-style-position:outside; .content div.comment blockquote { margin-right: 0.5em; overflow: visible; /*avoid a very strange margin behaviour (all browsers) */ } +.commentFilterSelected {color:#666;text-decoration:underline;} +.comment .pendingFlag {font-style:italic;color:red;} + /* not used but should be */ #thePopuphelpPage .content { margin: 1em; } @@ -96,7 +102,7 @@ display:block; position:absolute; z-index:101; padding:8px 0 0 3px; color:white; /* History tables */ TABLE.table2 { border: 1px solid #111; - margin: 1em auto; + margin: 0 auto; padding: 0; } @@ -110,7 +116,6 @@ TABLE.table2 TR { TABLE.table2 THEAD TD { padding:7px 10px 3px 10px; } TABLE.table2 TR.throw { text-align: center; } -TABLE.table2 { margin:0pt auto; } .sort { display:block; padding:8px 5px 0px 1px; clear: right; float:left; } @@ -301,19 +306,15 @@ float:left; } #pwgHead A {color:#ccc;} -#pwgHead A:hover {color:#fff;border-bottom:1px solid #fff} +#pwgHead A:hover {color:#fff} #headActions {float:right; height:36px; line-height:36px; margin-right:10px;} A { - text-decoration:none; - border-bottom: 0; + text-decoration: none; } A:hover { - border-bottom: 1px solid #FF3363; -} -A.button, A.button:hover { - border: 0; + text-decoration: underline; } IMG { border: none; @@ -468,9 +469,18 @@ FORM.properties SPAN.property { padding: 0 0.5em 0 0; } -#mainConf, #historyConf, #commentsConf, #watermarkConf {border:none} - -#configContent label { +#configContent fieldset { + border:none; + padding-left:20px; +} +#configContent fieldset:not(.no-border) { + border-top:1px solid #bbb; +} +#configContent legend { + padding-left:0; + margin-left:-20px; +} +#configContent label:not(.no-bold) { font-weight: bold; } @@ -478,10 +488,6 @@ FORM.properties SPAN.property { white-space:nowrap; } -#mainConf li { - margin-bottom: 1em; -} - #theHeader H1 { margin-bottom: 0.5em; } @@ -494,9 +500,6 @@ UL.actions { UL.actions LI { display: inline; } -UL.actions A { - border: none; -} UL.tagSelection { width: 99%; @@ -512,6 +515,15 @@ UL.tagSelection LI { } /* jQuery tooltips */ +.ui-tooltip { + padding: 8px; + position: absolute; + z-index: 9999; + max-width: 300px; + -webkit-box-shadow: 0 0 5px #aaa; + box-shadow: 0 0 5px #aaa; +} + .cluetip-outer { position: relative; border: 1px solid #111111; @@ -604,7 +616,7 @@ html, body {height:100%; margin:0; padding:0;} } #footer A {color:#ccc;} -#footer A:hover {color:#fff;border-bottom:1px solid #fff;} +#footer A:hover {color:#fff} #adminHome { text-align:center; @@ -616,7 +628,7 @@ html, body {height:100%; margin:0; padding:0;} } #adminHome A {display:block; font-size:1.1em; font-weight:bold;} -#adminHome A {border:none;} +#adminHome A {text-decoration:none;} #piwigoInfos {float:left; margin-left:140px;} #pageInfos {float:right; margin-right:10px;} @@ -744,6 +756,14 @@ html, body {height:100%; margin:0; padding:0;} left: 0; } +#menubar dt [class^=icon-] { + font-size:120%; +} + +#menubar dd [class^="icon-"]:before { + margin-right: 0.5em; +} + .content { padding:0 5px 0 0; margin: 0 5px 0 227px; @@ -757,10 +777,10 @@ html, body {height:100%; margin:0; padding:0;} #thePopuphelpPage #pwgHead {display:none} #thePopuphelpPage #footer {display:none} -.themeBox {display:inline-table; text-align:center; height:192px; background-color:#eee; margin:5px; -moz-border-radius:5px; overflow:hidden; } +.themeBox {display:inline-table; text-align:center; height:192px; background-color:#eee; margin:5px; border-radius:5px; overflow:hidden; } .themeBox IMG {border:1px solid white; margin:0 15px;} -.themeName {font-size:1.1em; margin:5px 0;} +.themeName {font-size:1em; margin:5px 0; position:relative; } .themeActions {display: table-row; font-size:12px; height: 43px; } .themeActions DIV {display: table-cell; vertical-align: middle; line-height:18px; } .themeActions A {} @@ -816,7 +836,6 @@ h2:lang(en) { text-transform:capitalize; } .infos .submit {margin-left:30px;} .checkActions {text-align:left;padding:0;margin:0;} -.comment A:hover {border:none;} .pluginBoxes { text-align:left; @@ -851,8 +870,7 @@ h2:lang(en) { text-transform:capitalize; } .pluginMiniBoxNameCell {font-size:1.05em; margin:5px 0;position:relative;} .pluginActions {display: table-row; font-size:0.95em; color:#777;} .pluginActions DIV {display: table-cell; vertical-align: middle; line-height:18px; } -.showInfo {display:block;position:absolute;top:0;right:5px;width:15px;font-style:italic;font-family:"Georgia",serif;background-color:#464646;font-size:0.9em;border-radius:10px;-moz-border-radius:10px;} -.showInfo:hover {cursor:pointer;border:none;} +.pluginMiniBox .showInfo, .themeBox .showInfo { display:block;position:absolute;top:0;right:5px;width:15px; } .warning:before {content:url(icon/warning.png);vertical-align:top;} .deactivate_all {text-align:right;font-size:0.95em;} @@ -864,7 +882,7 @@ h2:lang(en) { text-transform:capitalize; } .languageActions {display: table-row; font-size:12px; } .languageActions DIV {display: table-cell; vertical-align: middle; line-height:18px; } -#ui-datepicker-div {-moz-border-radius:5px;} +#ui-datepicker-div {-moz-border-radius:5px; border-radius:5px;} #ui-datepicker-div .ui-icon-circle-triangle-w, #ui-datepicker-div .ui-icon-circle-triangle-e {color:transparent;} #ui-datepicker-div A.ui-datepicker-prev, #ui-datepicker-div A.ui-datepicker-next {background-color:transparent;} #ui-datepicker-div A.ui-datepicker-prev:hover, #ui-datepicker-div A.ui-datepicker-next:hover {-moz-border-radius:5px;} @@ -878,7 +896,6 @@ h2:lang(en) { text-transform:capitalize; } } .HelpActions a { border:0; margin:0; } -.HelpActions a:hover {border:0;} .HelpActions li {list-style-image:none; list-style-position:outside; list-style-type:none; text-align:center; text-indent:0pt; } legend {text-align:left;} @@ -948,16 +965,14 @@ LEGEND { #batchManagerGlobal #checkActions {text-align:left; margin:0 0 20px 0;} #batchManagerGlobal ul.thumbnails div.actions {display:none;position:absolute;top:0;right:5px;color:#fff} #batchManagerGlobal ul.thumbnails div.actions a {color:#fff;} -#batchManagerGlobal ul.thumbnails div.actions a:hover {border-color:#fff;} #batchManagerGlobal ul.thumbnails span.wrap1:hover div.actions {display:block;} #batchManagerGlobal #selectedMessage {padding:5px; border-radius:5px;} -#batchManagerGlobal #selectSet a {border-bottom:1px dotted;} #batchManagerGlobal #applyOnDetails {font-style:italic;} #batchManagerGlobal .actionButtons {text-align:left;} #batchManagerGlobal #filterList {padding-left:5px;} #batchManagerGlobal #filterList li {margin-bottom:5px; list-style-type:none;} #batchManagerGlobal a.removeFilter {background: url(icon/remove_filter.png) no-repeat top left;width:7px;height:7px;display:inline-block;} -#batchManagerGlobal a.removeFilter:hover {background: url(icon/remove_filter_hover.png); border:none;} +#batchManagerGlobal a.removeFilter:hover {background: url(icon/remove_filter_hover.png);} #batchManagerGlobal .removeFilter span {display:none} #batchManagerGlobal #applyFilterBlock {margin-top:20px;} #batchManagerGlobal .useFilterCheckbox {display:none;} @@ -965,38 +980,21 @@ LEGEND { #batchManagerGlobal #filter_dimension blockquote {margin:5px 0 20px 15px;} #batchManagerGlobal #filter_dimension .ui-slider-horizontal {width:650px;margin:5px 0 10px 0;} - -/* TokenInput (with Facebook style) */ -ul.token-input-list {overflow: hidden; height: auto !important; height: 1%;width: 400px;border: 1px solid #8496ba;cursor: text;font-size: 12px;font-family: Verdana;min-height: 1px;z-index: 999;margin: 0;padding: 0;background-color: #fff;list-style-type: none;clear: left;} -ul.token-input-list li input {border: 0;width: 100px;padding: 3px 8px;background-color: white;margin: 2px 0;-webkit-appearance: caret;} -li.token-input-token {overflow: hidden; height: auto !important; height: 15px;margin: 3px;padding: 1px 3px;background-color: #eff2f7;color: #000;cursor: default;border: 1px solid #ccd5e4;font-size: 11px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;float: left;white-space: nowrap;} -li.token-input-token p {display: inline;padding: 0;margin: 0;} -li.token-input-token span {color: #a6b3cf;margin-left: 5px;font-weight: bold;cursor: pointer;} -li.token-input-selected-token {background-color: #5670a6;border: 1px solid #3b5998;color: #fff;} -li.token-input-input-token {float: left;margin: 0;padding: 0;list-style-type: none;width:10px;} -div.token-input-dropdown {position: absolute;width: 400px;background-color: #fff;overflow: hidden;border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;cursor: default;font-size: 11px;font-family: Verdana;z-index: 1;} -div.token-input-dropdown p {margin: 0;padding: 5px;font-weight: bold;color: #777;} -div.token-input-dropdown ul {margin: 0;padding: 0;} -div.token-input-dropdown ul li {background-color: #fff;padding: 3px;margin: 0;list-style-type: none;} -div.token-input-dropdown ul li.token-input-dropdown-item {background-color: #fff;} -div.token-input-dropdown ul li.token-input-dropdown-item2 {background-color: #fff;} -div.token-input-dropdown ul li em {font-weight: bold;font-style: normal;} -div.token-input-dropdown ul li.token-input-selected-dropdown-item {background-color: #3b5998;color: #fff;} - -#mainConf a.addFilter {font-weight:normal;margin-left:20px;} -#mainConf a.removeFilter {font-weight:normal;} -#mainConf span.property span.filter:first-child a.removeFilter {display:none;} /* can't delete the first field */ -#mainConf span.filter {display:block;margin-left:20px;} -#mainConf .transparent {opacity:0.5;filter:alpha(opacity=50);} -#mainConf .order_by_is_custom {display:block;font-weight:normal;font-style:italic;margin-left:20px;} +#order_filters a.addFilter {font-weight:normal;margin-left:20px;} +#order_filters a.removeFilter {font-weight:normal;} +#order_filters span.property span.filter:first-child a.removeFilter {display:none;} /* can't delete the first field */ +#order_filters span.filter {display:block;margin-left:20px;} +#order_filters .transparent {opacity:0.5;filter:alpha(opacity=50);} +#order_filters .order_by_is_custom {display:block;font-weight:normal;font-style:italic;margin-left:20px;} /* Upload Form */ #uploadBoxes .file {margin-bottom:5px;text-align:left;} #uploadBoxes {margin-top:20px;} #addUploadBox {margin-bottom:2em;} +p.uploadInfo {text-align:left;font-size:90%;color:#999;} p#uploadWarningsSummary {text-align:left;margin-bottom:1em;font-size:90%;color:#999;} -p#uploadWarningsSummary .showInfo {position:static;display:inline;padding:1px 6px;margin-left:3px;} +p#uploadWarningsSummary .showInfo {margin-left:3px;} p#uploadWarnings {display:none;text-align:left;margin-bottom:1em;font-size:90%;color:#999;} p#uploadModeInfos {text-align:left;margin-top:1em;font-size:90%;color:#999;} @@ -1028,6 +1026,27 @@ p#uploadModeInfos {text-align:left;margin-top:1em;font-size:90%;color:#999;} padding-left:10px; } +#albumLinks ul, .photoLinks ul { + padding-left:0; +} + +#albumLinks li, .photoLinks li { + list-style:none; +} + +.photoLinks { + vertical-align:top; +} + +.photoLinks ul { + margin:0; +} + +/* Album Manager */ +#addAlbumForm input[name="category_name"], #formCreateAlbum input[name="virtual_name"] { + width:300px; +} + /* Pending Comments */ #pendingComments { padding:0 5px 0 10px; @@ -1041,9 +1060,12 @@ p#uploadModeInfos {text-align:left;margin-top:1em;font-size:90%;color:#999;} text-align:left; } +.commentFilter {text-align:left;margin:5px 1em;} +.commentFilter .navigationBar {float:right; margin:0;} + FORM#categoryOrdering p.albumTitle {margin:0;} -FORM#categoryOrdering p.albumActions {visibility:hidden; margin:0} -FORM#categoryOrdering .categoryLi:hover p.albumActions {visibility:visible;} +FORM#categoryOrdering p.albumActions, FORM#categoryOrdering span.albumInfos {visibility:hidden; margin:0} +FORM#categoryOrdering .categoryLi:hover p.albumActions, FORM#categoryOrdering .categoryLi:hover span.albumInfos {visibility:visible;} .showCreateAlbum {text-align:left; margin:0 1em 1em 1em;line-height:22px;} #autoOrder p, #createAlbum p {text-align:left; margin:0 0 1em 0;} @@ -1097,6 +1119,55 @@ input[type="text"].dError {border-color:#ff7070; background-color:#FFe5e5;} border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; - -border-radius:10px; margin-left:5px; -}
\ No newline at end of file +} + +.groups { + text-align:center; +} +.groups li { + vertical-align: middle; + position: relative; + display: inline-block; + text-align: left; + height: 300px; + width: 250px; + margin: 5px; + border-radius: 5px; +} +.groups p { + text-align:left; +} +.groups label>p { + margin: 0; + border-radius: 5px 5px 0 0; + padding: 2px; + text-align: center; +} + +.groups input { + float: right; +} +p.list_user { + text-align: left; + max-height: 200px; + overflow: auto; +} +a.group_perm { + position: absolute; + bottom: 5px; + right: 5px; +} + +#userList .openUserDetails {visibility:hidden;} +#userList tr:hover .openUserDetails {visibility:visible;} +#userList .icon-cancel-circled {visibility:visible;} + +.userProperties {max-width:730px;} +.userPropertiesContainer {border-top:1px solid #ddd;margin-top:1em;} +.userPropertiesSet {width:350px;float:left;padding-top:5px} +.userPropertiesSetTitle {font-weight:bold;margin-bottom:1em;} +.userPrefs {border-left:1px solid #ddd;padding-left:10px;} +.userProperty {width:340px;float:left;margin-bottom:15px;} +.userActions {float:right;text-align:right;} + |