diff options
author | mistic100 <mistic@piwigo.org> | 2014-06-13 19:53:56 +0000 |
---|---|---|
committer | mistic100 <mistic@piwigo.org> | 2014-06-13 19:53:56 +0000 |
commit | 0018bcd9f5ed3e86edfa83b389a8f2e42cf4101e (patch) | |
tree | fdf2b5d26b0db04856c4ed590f9954b2ddcd2b55 /plugins/AdminTools/template/style.css | |
parent | 715f13b123c799eb5dae73147278a6e67fb1d8ea (diff) |
add AdminTools to trunk
git-svn-id: http://piwigo.org/svn/trunk@28694 68402e56-0260-453c-a942-63ccdbb3a9ee
Diffstat (limited to '')
-rw-r--r-- | plugins/AdminTools/template/style.css | 251 |
1 files changed, 251 insertions, 0 deletions
diff --git a/plugins/AdminTools/template/style.css b/plugins/AdminTools/template/style.css new file mode 100644 index 000000000..9b10158c2 --- /dev/null +++ b/plugins/AdminTools/template/style.css @@ -0,0 +1,251 @@ +.icon-ato-null:before { content:' '; } + +.token-input-dropdown { + z-index:10000 !important; +} + +#ato_header, #ato_header_closed { + display:none; +} +#ato_header { + width:100%; +} +#ato_header, #ato_header_closed:not(.smartpocket) { + position:fixed; + top:0; + left:0; + background:#464646; + background-image:linear-gradient(to bottom, #383838 0%, #464646 20%, #464646 80%, #383838 100%); + z-index:1000; +} + +#ato_header>ul { + padding:0; + margin:0; +} + +#ato_header>ul li { + list-style:none; + line-height:16px; + font-size:13px; + white-space:nowrap; +} + #ato_header>ul li>*, #ato_header_closed:not(.smartpocket)>* { + display:inline-block; + padding:5px 10px; + border:none; + text-decoration:none; + } + #ato_header>ul li>*:before { + font-size:16px; + margin-right:0.5em; + } + +#ato_header>ul>li { + float:left; + display:inline-block; + position:relative; + overflow:visible; +} + #ato_header>ul>li a { + color:white; + } + #ato_header>ul>li.right { + float:right; + } + #ato_header>ul>li { + border-left:1px solid #666; + } + #ato_header>ul>li { + border-right:1px solid #222; + } + #ato_header>ul>li>*, #ato_header_closed:not(.smartpocket)>* { + color:#ddd; + text-shadow:1px 1px 0px #222; + } + #ato_header>ul>li.disabled [class*="icon-"] { + color:#888; + text-shadow:none; + } + #ato_header>ul>li:not(.disabled):hover, #ato_header_closed:not(.smartpocket):hover { + background:#222; + background-image:linear-gradient(to bottom, #222, #353535); + } + +#ato_header>ul ul { + display:none; + position:absolute; + top:27px; + left:0; + min-width:100%; + background:#fefefe; + padding:0; + margin:0; + box-shadow:3px 3px 5px rgba(0,0,0,0.5); +} + #ato_header>ul>li.right ul { + left:auto; + right:0; + } + #ato_header>ul ul li { + } + #ato_header>ul ul li:hover { + background:#dedede; + } + #ato_header>ul ul li>* { + color:#444; + text-shadow:1px 1px 0px #eee; + } + #ato_header>ul ul label { + font-weight:bold; + color:#777; + display:inline-block; + width:80px; + padding:5px; + text-align:right; + font-size:11px; + } + #ato_header>ul ul select, #ato_header>ul ul option { + font-size:13px; + line-height:15px; + color:#444; + background:#fefefe; + border-radius:2px; + text-shadow:none; + } + #ato_header>ul ul select { + border:1px solid #777; + height:22px; + padding:2px 3px; + } + #ato_header .switcher { + display:none; + } + +#ato_header_closed:not(.smartpocket) { + left:10px; + font-size:20px; + border-radius:0 0 20% 20%; + box-shadow:1px 1px 1px rgba(0,0,0,0.5); + width:35px; + height:35px; +} + #ato_header_closed:not(.smartpocket).right { + left:auto; + right:10px; + } + #ato_header_closed:not(.smartpocket)>* { + padding:4px; + } +#ato_header_closed.smartpocket { + float:left; + margin-right:10px; +} + #ato_header_closed.smartpocket .ui-btn-inner { + display:none; + } + +#ato_header>ul .close-panel { + padding:6px 1px 4px 5px; +} +#ato_header>ul .close-panel:hover { + color:#d00; +} +#ato_header>ul .saved { + display:none; + border:none !important; + -webkit-animation:blink 0.8s infinite; + animation:blink 0.8s infinite; +} + #ato_header>ul .saved>* { + color:#5f5; + } + +#ato_quick_edit { + padding:10px; +} + #ato_quick_edit fieldset { + margin:0; + padding:0; + border:none; + } + #ato_quick_edit fieldset.left { + float:left; + width:100px; + text-align:center; + } + #ato_quick_edit fieldset.left img { + border-radius:2px; + border:1px solid #111; + } + #ato_quick_edit fieldset.main { + margin:0 0 0 110px; + } + #ato_quick_edit label { + display:block; + font-weight:bold; + } + #ato_quick_edit input, #ato_quick_edit textarea, #ato_quick_edit select { + width:100%; + margin:0 0 1em 0; + border-radius:2px; + padding:2px; + -moz-box-sizing:border-box; + box-sizing:border-box; + } + #ato_quick_edit textarea { + height:110px; + } + #ato_quick_edit input[type="submit"] { + margin:1.5em 0; + cursor:pointer; + background:#e60; + border:none; + color:#fff; + } + #ato_quick_edit input[type="submit"]:hover { + background:#EF962F; + } + #ato_quick_edit ul.token-input-list { + width:100%; + margin:0 0 1em 0; + } + +@-webkit-keyframes blink { + 0% { opacity:0; } + 50% { opacity:1; } + 100% { opacity:0; } +} +@keyframes blink { + 0% { opacity:0; } + 50% { opacity:1; } + 100% { opacity:0; } +} + +@media (max-width:900px) { + #ato_header .ato-min-1 { + font-size:0px; + line-height:0px; + } + #ato_header .ato-min-1:before { + margin-right:0; + } + + #ato_header .ato-hide-1 { + display:none; + } +} + +@media (max-width:750px) { + #ato_header .ato-min-2 { + font-size:0px; + line-height:0px; + } + #ato_header .ato-min-2:before { + margin-right:0; + } + + #ato_header .ato-hide-2 { + display:none; + } +}
\ No newline at end of file |