697aef6be6
Turns out it wasn't a good idea to have the comment author as the summary element's content since it prevents clicking the comment author action (because expanding the details element is the click action).
2285 lines
43 KiB
CSS
2285 lines
43 KiB
CSS
/* NORMALIZE.CSS v2.1.2
|
|
----------------------------------------------------------------- */
|
|
article,
|
|
aside,
|
|
details,
|
|
figcaption,
|
|
figure,
|
|
footer,
|
|
header,
|
|
hgroup,
|
|
main,
|
|
nav,
|
|
section,
|
|
summary {
|
|
display: block;
|
|
}
|
|
|
|
audio,
|
|
canvas,
|
|
video {
|
|
display: inline-block;
|
|
}
|
|
|
|
audio:not([controls]) {
|
|
display: none;
|
|
height: 0;
|
|
}
|
|
|
|
[hidden] {
|
|
display: none;
|
|
}
|
|
|
|
html {
|
|
font-family: sans-serif;
|
|
-ms-text-size-adjust: 100%;
|
|
-webkit-text-size-adjust: 100%;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
}
|
|
|
|
a:focus {
|
|
outline: thin dotted;
|
|
}
|
|
|
|
a:active,
|
|
a:hover {
|
|
outline: 0;
|
|
}
|
|
|
|
abbr[title] {
|
|
border-bottom: 1px dotted;
|
|
}
|
|
|
|
b,
|
|
strong {
|
|
font-weight: bold;
|
|
}
|
|
|
|
dfn {
|
|
font-style: italic;
|
|
}
|
|
|
|
hr {
|
|
-moz-box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
height: 0;
|
|
}
|
|
|
|
mark {
|
|
background: #ff0;
|
|
color: #000;
|
|
}
|
|
|
|
code,
|
|
kbd,
|
|
pre,
|
|
samp {
|
|
font-family: monospace, serif;
|
|
font-size: 1em;
|
|
}
|
|
|
|
pre {
|
|
white-space: pre-wrap;
|
|
}
|
|
|
|
q {
|
|
quotes: "\201C" "\201D" "\2018" "\2019";
|
|
}
|
|
|
|
small {
|
|
font-size: 80%;
|
|
}
|
|
|
|
sub,
|
|
sup {
|
|
font-size: 75%;
|
|
line-height: 0;
|
|
position: relative;
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
sup {
|
|
top: -0.5em;
|
|
}
|
|
|
|
sub {
|
|
bottom: -0.25em;
|
|
}
|
|
|
|
img {
|
|
border: 0;
|
|
}
|
|
|
|
svg:not(:root) {
|
|
overflow: hidden;
|
|
}
|
|
|
|
figure {
|
|
margin: 0;
|
|
}
|
|
|
|
fieldset {
|
|
border: 1px solid #c0c0c0;
|
|
margin: 0 2px;
|
|
padding: 0.35em 0.625em 0.75em;
|
|
}
|
|
|
|
legend {
|
|
border: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
button,
|
|
input,
|
|
select,
|
|
textarea {
|
|
font-family: inherit;
|
|
font-size: 100%;
|
|
margin: 0;
|
|
}
|
|
|
|
button,
|
|
input {
|
|
line-height: normal;
|
|
}
|
|
|
|
button,
|
|
select {
|
|
text-transform: none;
|
|
}
|
|
|
|
button,
|
|
html input[type="button"],
|
|
input[type="reset"],
|
|
input[type="submit"] {
|
|
-webkit-appearance: button;
|
|
cursor: pointer;
|
|
}
|
|
|
|
button[disabled],
|
|
html input[disabled] {
|
|
cursor: default;
|
|
}
|
|
|
|
input[type="checkbox"],
|
|
input[type="radio"] {
|
|
box-sizing: border-box;
|
|
padding: 0;
|
|
}
|
|
|
|
input[type="search"] {
|
|
-webkit-appearance: textfield;
|
|
-webkit-box-sizing: content-box;
|
|
-moz-box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
}
|
|
|
|
input[type="search"]::-webkit-search-cancel-button,
|
|
input[type="search"]::-webkit-search-decoration {
|
|
-webkit-appearance: none;
|
|
}
|
|
|
|
button::-moz-focus-inner,
|
|
input::-moz-focus-inner {
|
|
border: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
textarea {
|
|
overflow: auto;
|
|
vertical-align: top;
|
|
}
|
|
|
|
table {
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
}
|
|
|
|
|
|
/* BASE STYLES
|
|
----------------------------------------------------------------- */
|
|
html {
|
|
font-size: .875em;
|
|
}
|
|
|
|
html,
|
|
button,
|
|
input,
|
|
select,
|
|
textarea {
|
|
background: #fcfcfc;
|
|
color: #222;
|
|
font-family: Helvetica, Arial, sans-serif;
|
|
}
|
|
|
|
body {
|
|
line-height: 1.5;
|
|
margin: 0;
|
|
}
|
|
|
|
/* These selection declarations have to be separate. */
|
|
::-moz-selection {
|
|
background: #3e5f81;
|
|
color: #fff;
|
|
text-shadow: none;
|
|
}
|
|
|
|
::selection {
|
|
background: #3e5f81;
|
|
color: #fff;
|
|
text-shadow: none;
|
|
}
|
|
|
|
hr {
|
|
display: block;
|
|
height: 1px;
|
|
border: 0;
|
|
border-top: 1px solid #aaa;
|
|
margin: 1.5em 0;
|
|
padding: 0;
|
|
}
|
|
|
|
img {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
/* Responsive media objects
|
|
http://unstoppablerobotninja.com/entry/fluid-images */
|
|
embed,
|
|
object,
|
|
audio,
|
|
video,
|
|
img {
|
|
max-width: 100%;
|
|
}
|
|
|
|
video,
|
|
img {
|
|
height: auto;
|
|
}
|
|
|
|
.htmlarea .toolbar img {
|
|
max-width: inherit;
|
|
}
|
|
|
|
fieldset {
|
|
border: 0;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
textarea {
|
|
resize: vertical;
|
|
}
|
|
|
|
dt {
|
|
font-weight: bold;
|
|
}
|
|
|
|
dd {
|
|
margin: 0;
|
|
}
|
|
|
|
caption,
|
|
th {
|
|
text-align: left;
|
|
}
|
|
|
|
li ul,
|
|
li ol {
|
|
margin: 0;
|
|
}
|
|
|
|
pre code {
|
|
font-size: 1em;
|
|
}
|
|
|
|
nav ul,
|
|
nav ol {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
|
|
/* GENERIC CSS HELPER CLASSES
|
|
----------------------------------------------------------------- */
|
|
/* Hide only visually, but have it available for screenreaders */
|
|
.visuallyhidden {
|
|
border: 0;
|
|
clip: rect(0 0 0 0);
|
|
height: 1px;
|
|
margin: -1px;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
position: absolute;
|
|
width: 1px;
|
|
}
|
|
|
|
/* Clearfix: contain floats */
|
|
.clearfix:before,
|
|
.clearfix:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
|
|
.clearfix:after {
|
|
clear: both;
|
|
}
|
|
|
|
.plainList {
|
|
list-style: none;
|
|
margin-left: 0;
|
|
padding-left: 0;
|
|
}
|
|
|
|
|
|
/* ICON FONT:; http://fortawesome.github.com/Font-Awesome/
|
|
----------------------------------------------------------------- */
|
|
@font-face {
|
|
font-family: 'fontello';
|
|
src: url('{TEMPLATE_PATH}font/fontello.eot?87733287');
|
|
src: url('{TEMPLATE_PATH}font/fontello.eot?87733287#iefix') format('embedded-opentype'),
|
|
url('{TEMPLATE_PATH}font/fontello.woff?87733287') format('woff'),
|
|
url('{TEMPLATE_PATH}font/fontello.ttf?87733287') format('truetype'),
|
|
url('{TEMPLATE_PATH}font/fontello.svg?87733287#fontello') format('svg');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
[class^="icon-"]:before,
|
|
[class*=" icon-"]:before {
|
|
font-family: "fontello";
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
speak: none;
|
|
display: inline-block;
|
|
text-decoration: inherit;
|
|
width: 1em;
|
|
margin-right: .2em;
|
|
text-align: center;
|
|
opacity: 1;
|
|
font-variant: normal;
|
|
text-transform: none;
|
|
line-height: 1em;
|
|
}
|
|
|
|
.icon-plus:before { content: '\e805'; }
|
|
.icon-minus:before { content: '\e806'; }
|
|
.icon-home:before { content: '\e800'; }
|
|
.icon-attention:before { content: '\e802'; }
|
|
.icon-cog-alt:before { content: '\e801'; }
|
|
.icon-edit:before { content: '\e803'; }
|
|
.icon-ok-circled:before { content: '\e804'; }
|
|
.icon-ccw:before { content: '\e808'; }
|
|
.icon-cw:before { content: '\e807'; }
|
|
.icon-help-circled:before { content: '\e809'; }
|
|
.icon-info-circled:before { content: '\e80a'; }
|
|
.icon-eye:before { content: '\e80b'; }
|
|
.icon-chat:before { content: '\e80c'; }
|
|
.icon-trash:before { content: '\e80d'; }
|
|
.icon-resize-full:before { content: '\e818'; }
|
|
.icon-down-open:before { content: '\e816'; }
|
|
.icon-left-open:before { content: '\e813'; }
|
|
.icon-right-open:before { content: '\e814'; }
|
|
.icon-up-open:before { content: '\e815'; }
|
|
.icon-off:before { content: '\e80f'; }
|
|
.icon-move:before { content: '\e810'; }
|
|
.icon-rss:before { content: '\e812'; }
|
|
.icon-filter:before { content: '\e817'; }
|
|
.icon-resize-full-alt:before { content: '\e80e'; }
|
|
.icon-menu:before { content: '\e819'; }
|
|
.icon-sort:before { content: '\e81a'; }
|
|
.icon-medkit:before { content: '\e823'; }
|
|
.icon-picture:before { content: '\e81b'; }
|
|
.icon-user:before { content: '\e81c'; }
|
|
.icon-users:before { content: '\e81d'; }
|
|
.icon-folder-open:before { content: '\e81e'; }
|
|
.icon-lock:before { content: '\e81f'; }
|
|
.icon-lock-open:before { content: '\e820'; }
|
|
.icon-wrench:before { content: '\e811'; }
|
|
.icon-clock:before { content: '\e822'; }
|
|
|
|
|
|
/* BACKEND HELPER CLASSES
|
|
----------------------------------------------------------------- */
|
|
.icon_link,
|
|
#insert_image,
|
|
form > a,
|
|
#user_menu li,
|
|
.edit_actions li,
|
|
.actions li,
|
|
#login .form_field label,
|
|
#edit_entry_title label,
|
|
#edit_entry_metadata label,
|
|
#edit_entry_status label,
|
|
#filter_comments label,
|
|
#serendipity_comment label,
|
|
#sort_entries .form_select label,
|
|
#filter_entries .form_select label,
|
|
#filter_entries .form_field label,
|
|
#serendipity_category label,
|
|
.pluginmanager_plugin .form_check,
|
|
.pluginmanager_plugin h5,
|
|
.media_file .form_check,
|
|
.media_file h3,
|
|
#media_pane_filter label,
|
|
#media_pane_sort label,
|
|
#image_directory_create_form label,
|
|
#mediaPropertyForm .media_file_props label,
|
|
#mediaPropertyForm header b,
|
|
#mediaPropertyForm footer b,
|
|
#entries_list .entry_info span,
|
|
.folder_name,
|
|
.toggle_info,
|
|
#serendipityScaleForm .form_field label,
|
|
.filters_toolbar li {
|
|
display: inline-block;
|
|
}
|
|
|
|
.block_level,
|
|
.form_multiselect label,
|
|
label > span,
|
|
legend > span > span,
|
|
#back_to_blog,
|
|
.msg_error,
|
|
.msg_success,
|
|
.msg_notice,
|
|
.msg_dialogue,
|
|
#serendipity_category .form_multiselect label,
|
|
#image_directory_edit_form .form_select label,
|
|
#uploadform label,
|
|
#serendipity_admin_groups .form_field label,
|
|
#serendipity_admin_groups .form_select label,
|
|
.configuration_group .form_select label,
|
|
.configuration_group .form_multiselect label,
|
|
.configuration_group .form_field label,
|
|
.configuration_group .form_area label {
|
|
display: block;
|
|
}
|
|
|
|
.image_resize_hint p {
|
|
display: inline;
|
|
}
|
|
|
|
h5,
|
|
h6,
|
|
blockquote,
|
|
ul,
|
|
ol,
|
|
dl,
|
|
p,
|
|
table,
|
|
details,
|
|
.standalone,
|
|
.form_buttons,
|
|
form > a {
|
|
margin-top: 1.5em;
|
|
margin-bottom: 1.5em;
|
|
}
|
|
|
|
#categories,
|
|
#categories ul,
|
|
#serendipity_image_folders,
|
|
#serendipity_image_folders ul,
|
|
#serendipity_admin_groups ul,
|
|
.imageMessage ul,
|
|
.sequence_container {
|
|
list-style: none;
|
|
padding: 0;
|
|
}
|
|
|
|
.hilite_b {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.hilite_i {
|
|
font-style: italic;
|
|
}
|
|
|
|
.hilite_u {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
|
|
/* BASIC FORM STYLES (forked from formalize.me)
|
|
----------------------------------------------------------------- */
|
|
input[type="radio"],
|
|
input[type="checkbox"] {
|
|
position: relative;
|
|
vertical-align: top;
|
|
top: 5px;
|
|
}
|
|
|
|
.button_link:focus,
|
|
button:focus,
|
|
input:focus,
|
|
select:focus,
|
|
textarea:focus {
|
|
box-shadow: #0066ff 0 0 5px 0;
|
|
z-index: 1;
|
|
}
|
|
|
|
input[type="file"]:focus,
|
|
input[type="file"]:active,
|
|
input[type="radio"]:focus,
|
|
input[type="radio"]:active,
|
|
input[type="checkbox"]:focus,
|
|
input[type="checkbox"]:active {
|
|
box-shadow: none;
|
|
}
|
|
|
|
.button_link,
|
|
button,
|
|
input[type="button"],
|
|
input[type="reset"],
|
|
input[type="submit"] {
|
|
border-radius: 4px;
|
|
background-clip: padding-box;
|
|
border: 1px solid;
|
|
line-height: normal;
|
|
outline: 0;
|
|
padding: 3px 10px;
|
|
width: auto;
|
|
}
|
|
|
|
.button_link,
|
|
button,
|
|
input[type="button"] {
|
|
background: #ddd;
|
|
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fff), color-stop(100%, #ddd));
|
|
background-image: -webkit-linear-gradient(#fff, #ddd);
|
|
background-image: -moz-linear-gradient(#fff, #ddd);
|
|
background-image: -o-linear-gradient(#fff, #ddd);
|
|
background-image: linear-gradient(#fff, #ddd);
|
|
border-color: #ddd #bbb #999;
|
|
color: #222;
|
|
text-shadow: #fff 0 1px 1px;
|
|
}
|
|
|
|
.state_submit,
|
|
.state_submit:visited,
|
|
input[type="submit"] {
|
|
background: #468847;
|
|
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #63af64), color-stop(100%, #468847));
|
|
background-image: -webkit-linear-gradient(#63af64, #468847);
|
|
background-image: -moz-linear-gradient(#63af64, #468847);
|
|
background-image: -o-linear-gradient(#63af64, #468847);
|
|
background-image: linear-gradient(#63af64, #468847);
|
|
border-color: #468847 #2f5c30 #182f18;
|
|
}
|
|
|
|
.state_cancel,
|
|
.state_cancel:visited,
|
|
input[type="reset"],
|
|
input[type="submit"].state_cancel,
|
|
input[type="submit"].state_cancel:visited {
|
|
background: #b94a48;
|
|
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cc7a79), color-stop(100%, #b94a48));
|
|
background-image: -webkit-linear-gradient(#cc7a79, #b94a48);
|
|
background-image: -moz-linear-gradient(#cc7a79, #b94a48);
|
|
background-image: -o-linear-gradient(#cc7a79, #b94a48);
|
|
background-image: linear-gradient(#cc7a79, #b94a48);
|
|
border-color: #b94a48 #893634 #582322;
|
|
}
|
|
|
|
input:checked + .media_selector,
|
|
.button_link:hover,
|
|
button:hover,
|
|
input[type="button"]:hover {
|
|
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fff), color-stop(1px, #eee), color-stop(100%, #ccc));
|
|
background-image: -webkit-linear-gradient(#fff, #eee 1px, #ccc);
|
|
background-image: -moz-linear-gradient(#fff, #eee 1px, #ccc);
|
|
background-image: -o-linear-gradient(#fff, #eee 1px, #ccc);
|
|
background-image: linear-gradient(#fff, #eee 1px, #ccc);
|
|
}
|
|
|
|
.state_submit:hover,
|
|
.state_submit:focus,
|
|
input[type="submit"]:hover {
|
|
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #63af64), color-stop(1px, #519e52), color-stop(100%, #3b723c));
|
|
background-image: -webkit-linear-gradient(#63af64, #519e52 1px, #3b723c);
|
|
background-image: -moz-linear-gradient(#63af64, #519e52 1px, #3b723c);
|
|
background-image: -o-linear-gradient(#63af64, #519e52 1px, #3b723c);
|
|
background-image: linear-gradient(#63af64, #519e52 1px, #3b723c);
|
|
}
|
|
|
|
.state_cancel:hover,
|
|
.state_cancel:focus,
|
|
input[type="reset"]:hover,
|
|
input[type="submit"].state_cancel:hover,
|
|
input[type="submit"].state_cancel:focus {
|
|
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cc7a79), color-stop(1px, #c26260), color-stop(100%, #a2403e));
|
|
background-image: -webkit-linear-gradient(#cc7a79, #c26260 1px, #a2403e);
|
|
background-image: -moz-linear-gradient(#cc7a79, #c26260 1px, #a2403e);
|
|
background-image: -o-linear-gradient(#cc7a79, #c26260 1px, #a2403e);
|
|
background-image: linear-gradient(#cc7a79, #c26260 1px, #a2403e);
|
|
}
|
|
|
|
.button_link:active,
|
|
button:active,
|
|
input[type="button"]:active {
|
|
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fff), color-stop(1px, #ddd), color-stop(100%, #eee));
|
|
background-image: -webkit-linear-gradient(#fff, #ddd 1px, #eee);
|
|
background-image: -moz-linear-gradient(#fff, #ddd 1px, #eee);
|
|
background-image: -o-linear-gradient(#fff, #ddd 1px, #eee);
|
|
background-image: linear-gradient(#fff, #ddd 1px, #eee);
|
|
box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;
|
|
border-color: #999 #bbb #ddd;
|
|
}
|
|
|
|
.state_submit:active,
|
|
input[type="submit"]:active {
|
|
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #63af64), color-stop(1px, #468847), color-stop(100%, #519e52));
|
|
background-image: -webkit-linear-gradient(#63af64, #468847 1px, #519e52);
|
|
background-image: -moz-linear-gradient(#63af64, #468847 1px, #519e52);
|
|
background-image: -o-linear-gradient(#63af64, #468847 1px, #519e52);
|
|
background-image: linear-gradient(#63af64, #468847 1px, #519e52);
|
|
border-color: #182f18 #2f5c30 #468847;
|
|
}
|
|
|
|
.state_cancel:active,
|
|
input[type="reset"]:active
|
|
input[type="submit"].state_cancel:active {
|
|
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cc7a79), color-stop(1px, #b94a48), color-stop(100%, #c26260));
|
|
background-image: -webkit-linear-gradient(#cc7a79, #b94a48 1px, #c26260);
|
|
background-image: -moz-linear-gradient(#cc7a79, #b94a48 1px, #c26260);
|
|
background-image: -o-linear-gradient(#cc7a79, #b94a48 1px, #c26260);
|
|
background-image: linear-gradient(#cc7a79, #b94a48 1px, #c26260);
|
|
border-color: #582322 #893634 #b94a48;color: #fafafa;
|
|
}
|
|
|
|
a.button_link.state_submit,
|
|
a.button_link.state_submit:visited,
|
|
a.button_link.state_submit:hover,
|
|
a.button_link.state_submit:focus,
|
|
a.button_link.state_submit:active,
|
|
a.button_link.state_cancel,
|
|
a.button_link.state_cancel:visited,
|
|
a.button_link.state_cancel:hover,
|
|
a.button_link.state_cancel:focus,
|
|
a.button_link.state_cancel:active,
|
|
input[type="submit"],
|
|
input[type="reset"],
|
|
input[type="submit"]:hover,
|
|
input[type="reset"]:hover,
|
|
input[type="submit"]:focus,
|
|
input[type="reset"]:focus {
|
|
color: #fafafa;
|
|
text-shadow: #050505 0 1px 1px;
|
|
}
|
|
|
|
input[type="date"],
|
|
input[type="datetime"],
|
|
input[type="datetime-local"],
|
|
input[type="month"],
|
|
input[type="number"],
|
|
input[type="password"],
|
|
input[type="time"],
|
|
input[type="week"],
|
|
textarea,
|
|
select,
|
|
input[type="email"],
|
|
input[type="search"],
|
|
input[type="tel"],
|
|
input[type="text"],
|
|
input[type="url"] {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
background-clip: padding-box;
|
|
border-radius: 0;
|
|
-webkit-appearance: none;
|
|
background-color: #fafafa;
|
|
border: 1px solid;
|
|
border-color: #c1c1c1 #c1c1c1 #e1e1e1;
|
|
color: #222;
|
|
outline: 0;
|
|
padding: 2px 3px;
|
|
text-align: left;
|
|
height: 1.8em;
|
|
}
|
|
|
|
input[type="date"][disabled],
|
|
input[type="datetime"][disabled],
|
|
input[type="datetime-local"][disabled],
|
|
input[type="month"][disabled],
|
|
input[type="number"][disabled],
|
|
input[type="password"][disabled],
|
|
input[type="time"][disabled],
|
|
input[type="week"][disabled],
|
|
textarea[disabled],
|
|
select[disabled],
|
|
input[type="email"][disabled],
|
|
input[type="search"][disabled],
|
|
input[type="tel"][disabled],
|
|
input[type="text"][disabled],
|
|
input[type="url"][disabled] {
|
|
background-color: #eee;
|
|
}
|
|
|
|
button[disabled],
|
|
input[disabled],
|
|
select[disabled],
|
|
select[disabled] option,
|
|
select[disabled] optgroup,
|
|
textarea[disabled] {
|
|
box-shadow: none;
|
|
-moz-user-select: -moz-none;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
color: #888;
|
|
cursor: default;
|
|
}
|
|
|
|
/* Separate rule for Firefox.
|
|
Separate rule for IE, too.
|
|
Cannot stack with WebKit's. */
|
|
::-webkit-input-placeholder {
|
|
color: #888;
|
|
}
|
|
|
|
input:-moz-placeholder,
|
|
textarea:-moz-placeholder {
|
|
color: #888;
|
|
}
|
|
|
|
input.placeholder_text,
|
|
textarea.placeholder_text {
|
|
color: #888;
|
|
}
|
|
|
|
:invalid {
|
|
box-shadow: none;
|
|
}
|
|
|
|
textarea,
|
|
select[size],
|
|
select[multiple] {
|
|
height: auto;
|
|
}
|
|
|
|
@media (-webkit-min-device-pixel-ratio: 0) {
|
|
select {
|
|
background-image: url("data:image/gif;base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==");
|
|
background-repeat: no-repeat;
|
|
background-position: right center;
|
|
padding-right: 20px;
|
|
}
|
|
|
|
select[size],
|
|
select[multiple] {
|
|
background-image: none;
|
|
padding: 0;
|
|
}
|
|
}
|
|
|
|
textarea {
|
|
min-height: 40px;
|
|
overflow: auto;
|
|
resize: vertical;
|
|
width: 100%;
|
|
}
|
|
|
|
optgroup {
|
|
color: #222;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
}
|
|
|
|
|
|
/* BACKEND FORM STYLES
|
|
----------------------------------------------------------------- */
|
|
label,
|
|
legend > span,
|
|
figcaption {
|
|
font-weight: bold;
|
|
}
|
|
|
|
label > span,
|
|
legend > span > span,
|
|
input[type=checkbox] + label,
|
|
input[type=radio] + label,
|
|
.form_check label {
|
|
font-weight: normal;
|
|
}
|
|
|
|
input[type=checkbox],
|
|
#category_icon {
|
|
margin-right: .4em;
|
|
}
|
|
|
|
.form_radio {
|
|
float: left;
|
|
margin-right: 1em;
|
|
}
|
|
|
|
.form_radio label,
|
|
.form_check label {
|
|
display: inline-block !important;
|
|
}
|
|
|
|
.serendipity_commentDirection,
|
|
.configuration_group ul .form_check,
|
|
#serendipity_comments_list details,
|
|
#preview,
|
|
.form_field,
|
|
.form_area,
|
|
.form_check,
|
|
.form_radio,
|
|
.form_select,
|
|
.form_multiselect,
|
|
#entry_skip,
|
|
#filter_entries,
|
|
#sort_entries {
|
|
margin-top: .75em;
|
|
margin-bottom: .75em;
|
|
}
|
|
|
|
.configuration_group fieldset > fieldset,
|
|
.theme_options .configuration_group > fieldset,
|
|
.configuration_group .form_field,
|
|
.configuration_group .form_area,
|
|
.configuration_group .form_check,
|
|
.configuration_group .form_radio,
|
|
.configuration_group .form_select,
|
|
.configuration_group .form_multiselect {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#serendipity_config_options .configuration_group > .config_optiongroup,
|
|
.configure_plugin .configuration_group > .config_optiongroup {
|
|
margin-top: 0;
|
|
margin-bottom: 1.5em;
|
|
}
|
|
|
|
.configuration_group fieldset > fieldset,
|
|
.theme_options .configuration_group > fieldset,
|
|
.configure_plugin .configuration_group > fieldset,
|
|
.configure_plugin .config_optiongroup .odd,
|
|
.configure_plugin .config_optiongroup .even,
|
|
.configuration_group .form_field,
|
|
.configuration_group .form_area,
|
|
.configuration_group .form_select,
|
|
.configuration_group .form_multiselect {
|
|
padding: .75em 0;
|
|
}
|
|
|
|
.configure_plugin .configuration_group > h3 + fieldset {
|
|
padding: 0;
|
|
}
|
|
|
|
.importer_data dd,
|
|
.form_buttons > input {
|
|
margin-bottom: .75em;
|
|
}
|
|
|
|
.comment_data,
|
|
.comment_data dt,
|
|
.template_info dt,
|
|
.comment_summary,
|
|
.comment_full,
|
|
.serendipity_commentDirection,
|
|
.entry_info,
|
|
.pagination,
|
|
.media_choose .preview,
|
|
.media_file_metadata dt,
|
|
#serendipity_comments_list details {
|
|
clear: both;
|
|
}
|
|
|
|
|
|
/* COMMON STYLES (all resolutions)
|
|
|
|
Color scheme:
|
|
-------------
|
|
Dark blue: #3e5f81 Lite blue: #ccdee7
|
|
Orange: #d06604
|
|
Off black: #222 Off white: #fcfcfc
|
|
----------------------------------------------------------------- */
|
|
|
|
html {
|
|
background: #ccdee7;
|
|
}
|
|
|
|
body {
|
|
background: #fcfcfc;
|
|
}
|
|
|
|
a,
|
|
a:visited {
|
|
color: #3e5f81;
|
|
}
|
|
|
|
a:hover,
|
|
a:focus {
|
|
color: #d06604;
|
|
}
|
|
|
|
a.button_link,
|
|
a.button_link:hover,
|
|
a.button_link:focus,
|
|
.button_link > span:before {
|
|
color: #222;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.button_link > span:before {
|
|
margin-right: 0;
|
|
width: auto;
|
|
}
|
|
|
|
h1,
|
|
h2 {
|
|
font-size: 1.42857em;
|
|
line-height: 1.05em;
|
|
}
|
|
|
|
h1 {
|
|
margin: 0.55em 0;
|
|
}
|
|
|
|
h2 {
|
|
margin: 1.05em 0;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 1.28571em;
|
|
line-height: 1.16667em;
|
|
margin: 1.16667em 0;
|
|
}
|
|
|
|
h4,
|
|
#diagnose caption {
|
|
font-size: 1.14286em;
|
|
line-height: 1.3125em;
|
|
margin: 1.3125em 0;
|
|
}
|
|
|
|
h5,
|
|
h6 {
|
|
font-size: 1em;
|
|
}
|
|
|
|
summary {
|
|
cursor: pointer;
|
|
outline: none;
|
|
}
|
|
|
|
|
|
/* BACKEND MESSAGES
|
|
----------------------------------------------------------------- */
|
|
.msg_error,
|
|
.msg_success,
|
|
.msg_notice,
|
|
.msg_dialogue {
|
|
margin: 1.5em 0;
|
|
padding: 10px;
|
|
}
|
|
|
|
.msg_error {
|
|
background: #f2dede;
|
|
border: 1px solid #e4b9b9;
|
|
color: #b94a48;
|
|
}
|
|
|
|
.msg_success {
|
|
background: #dff0d8;
|
|
border: 1px solid #c1e2b3;
|
|
color: #468847;
|
|
}
|
|
|
|
.msg_notice {
|
|
background: #fcf8e3;
|
|
border: 1px solid #f7ecb5;
|
|
color: #c09853;
|
|
}
|
|
|
|
.msg_dialogue {
|
|
background: #eee;
|
|
border: 1px solid #aaa;
|
|
color: #777;
|
|
}
|
|
|
|
|
|
/* LOGIN FORM
|
|
----------------------------------------------------------------- */
|
|
#login {
|
|
margin: 2em auto 1em;
|
|
}
|
|
|
|
#back_to_blog {
|
|
margin: 1em auto 2em;
|
|
}
|
|
|
|
#back_to_blog,
|
|
#login {
|
|
max-width: 24em;
|
|
}
|
|
|
|
#login .form_check,
|
|
#login_send {
|
|
float: left;
|
|
}
|
|
|
|
#login_send {
|
|
margin: .5em 0 0 7.5em;
|
|
}
|
|
|
|
#login .form_field label {
|
|
min-width: 8em;
|
|
}
|
|
|
|
|
|
/* LAYOUT
|
|
----------------------------------------------------------------- */
|
|
#top > div,
|
|
#main_menu > ul > li,
|
|
#content {
|
|
margin-left: .75em;
|
|
margin-right: .75em;
|
|
}
|
|
|
|
.category_data,
|
|
.user_name,
|
|
.group_name,
|
|
#serendipity_comments_list .form_check,
|
|
#serendipity_comments_list h4,
|
|
.comment_data dt,
|
|
.comment_data dd,
|
|
.template_info dt,
|
|
.template_info dd,
|
|
#entries_list .form_check,
|
|
.pagination .prev,
|
|
.pagination .next {
|
|
float: left;
|
|
}
|
|
|
|
#mediaPropertyForm .media_wrap_thumb {
|
|
display: inline-block;
|
|
float: none;
|
|
margin: 0;
|
|
width: auto;
|
|
}
|
|
|
|
#entry_skip legend,
|
|
#entry_skip label,
|
|
#skipto_entry,
|
|
.dialog_delrip li {
|
|
float: left;
|
|
margin: 0 .4em 0 0;
|
|
}
|
|
|
|
#entries_list h3 {
|
|
float : left;
|
|
margin: .75em 1em .75em 0;
|
|
}
|
|
|
|
.edit_actions,
|
|
#entries_list .actions {
|
|
float: right;
|
|
}
|
|
|
|
#edit_entry_title label,
|
|
#edit_entry_metadata label,
|
|
#filter_comments label,
|
|
#serendipity_comment label {
|
|
width: 15%;
|
|
}
|
|
|
|
#edit_entry_status label,
|
|
#sort_entries .form_select label,
|
|
#filter_entries .form_select label,
|
|
#filter_entries .form_field label,
|
|
#serendipity_category label,
|
|
#media_pane_filter label,
|
|
#media_pane_sort label,
|
|
#image_directory_create_form label,
|
|
#mediaPropertyForm .media_file_props label,
|
|
#mediaPropertyForm header b,
|
|
#mediaPropertyForm footer b {
|
|
width: 20%;
|
|
}
|
|
|
|
.pagination .prev,
|
|
.pagination .next {
|
|
min-height: 1px;
|
|
width: 50%;
|
|
}
|
|
|
|
.category_data {
|
|
width: 75%;
|
|
}
|
|
|
|
#edit_entry_status select,
|
|
#sort_entries .form_select select,
|
|
#filter_entries .form_select select,
|
|
#filter_entries .form_field input {
|
|
width: 80%;
|
|
}
|
|
|
|
#edit_entry_title input,
|
|
#edit_entry_metadata input,
|
|
#edit_entry_metadata select,
|
|
#filter_comments .form_field > input,
|
|
#filter_comments select,
|
|
#serendipity_comment .form_field input,
|
|
#serendipity_comment select {
|
|
width: 85%;
|
|
}
|
|
|
|
.configuration_group .form_select select,
|
|
.configuration_group .form_multiselect select,
|
|
.configuration_group .form_field input,
|
|
.configuration_group .form_area textarea,
|
|
#uploadform .form_select select,
|
|
#uploadform .form_field input,
|
|
#diagnose > table {
|
|
width: 100%;
|
|
}
|
|
|
|
.js .configuration_group .media_choose input {
|
|
width: 90%;
|
|
}
|
|
|
|
.media_choose .preview {
|
|
background-repeat: no-repeat;
|
|
height: auto;
|
|
margin: .75em 0;
|
|
max-width: 100%;
|
|
}
|
|
|
|
#serendipity_category .form_multiselect label {
|
|
width: auto;
|
|
}
|
|
|
|
.editor_toolbar input,
|
|
.comment_data dt,
|
|
#serendipityScaleForm .form_field label {
|
|
min-width: 4.25em;
|
|
}
|
|
|
|
.category_data,
|
|
.user_name,
|
|
.group_name,
|
|
.folder_name {
|
|
min-width: 8em;
|
|
padding: .4em 0;
|
|
}
|
|
|
|
#image_directory_create_form .form_field input,
|
|
#image_directory_create_form .form_select select,
|
|
#mediaPropertyForm .form_field input,
|
|
#mediaPropertyForm .form_select select {
|
|
min-width: 12em;
|
|
}
|
|
|
|
#mediaPropertyForm textarea {
|
|
max-width: 40em;
|
|
}
|
|
|
|
|
|
/* HEADER
|
|
----------------------------------------------------------------- */
|
|
#top {
|
|
background: #3e5f81;
|
|
box-shadow: 0 1px 4px rgba(0,0,0,.5);
|
|
color: #ccdde7;
|
|
text-shadow: 1px 1px 1px rgba(0,0,0,.8);
|
|
}
|
|
|
|
#top a,
|
|
#top a:visited,
|
|
#top a:hover,
|
|
#top a:focus {
|
|
color: #ccdde7;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#top a:hover,
|
|
#top a:focus {
|
|
color: #fcfcfc;
|
|
}
|
|
|
|
#user_menu ul {
|
|
margin: .75em 0;
|
|
text-align: right;
|
|
}
|
|
|
|
#user_menu li {
|
|
margin: 0 0 0 1em;
|
|
}
|
|
|
|
#user_menu .logged_in {
|
|
float: left;
|
|
margin: 0 1em 0 0;
|
|
}
|
|
|
|
|
|
/* NAVIGATION
|
|
----------------------------------------------------------------- */
|
|
.smallscreen {
|
|
background: #ccdde7;
|
|
}
|
|
|
|
.js #main_menu {
|
|
clip: rect(0 0 0 0);
|
|
display: block;
|
|
max-height: 0;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
zoom: 1;
|
|
}
|
|
|
|
.js #main_menu.opened {
|
|
max-height: 9999px;
|
|
}
|
|
|
|
#main_menu h3 {
|
|
display: none;
|
|
visibility: hidden;
|
|
}
|
|
|
|
#main_menu > ul {
|
|
margin-bottom: .75em;
|
|
}
|
|
|
|
#main_menu li > ul > li {
|
|
float: left;
|
|
width: 50%;
|
|
}
|
|
|
|
#main_menu a {
|
|
display: inline-block;
|
|
padding: .2125em 0;
|
|
}
|
|
|
|
#main_menu a,
|
|
#main_menu a:visited {
|
|
text-decoration: none;
|
|
}
|
|
|
|
#nav-toggle {
|
|
display: inline-block;
|
|
font-size: 1.5em;
|
|
margin: .25em .5em;
|
|
}
|
|
|
|
|
|
/* CONTENT
|
|
----------------------------------------------------------------- */
|
|
#content {
|
|
padding-bottom: 1.5em;
|
|
}
|
|
|
|
#serendipity_admin_groups br,
|
|
.image_add_form br {
|
|
display: none;
|
|
visibility: hidden;
|
|
} /* Temporary */
|
|
|
|
#edit_entry_timestamp,
|
|
#edit_entry_category,
|
|
#media_pane_filter,
|
|
.comments_pane .pagination,
|
|
.media_pane .pagination,
|
|
.entries_pane .pagination {
|
|
position: relative;
|
|
}
|
|
|
|
#reset_timestamp,
|
|
#toggle_categoryselector {
|
|
position: absolute;
|
|
top: 1.55em;
|
|
right: 0;
|
|
}
|
|
|
|
#media_pane_filter #toggle_filters {
|
|
position: absolute;
|
|
top: 0;
|
|
}
|
|
|
|
.comments_pane .pagination h3,
|
|
.media_pane .pagination h3,
|
|
.entries_pane .pagination h3 {
|
|
font-size: 1em;
|
|
font-weight: normal;
|
|
position: absolute;
|
|
top: -60%;
|
|
left: 37%;
|
|
}
|
|
|
|
#reset_timestamp {
|
|
max-height: 1.25em;
|
|
right: 0;
|
|
}
|
|
|
|
#edit_entry_category label {
|
|
vertical-align: top;
|
|
}
|
|
|
|
.filters_toolbar,
|
|
.plugin_info {
|
|
margin: 0 0 1em;
|
|
}
|
|
|
|
fieldset p,
|
|
.media_file_meta > ul,
|
|
.image_resize_hint p {
|
|
margin: 0;
|
|
}
|
|
|
|
.media_file_metadata dl {
|
|
border-top: 1px solid #aaa;
|
|
float: left;
|
|
margin-top: 0;
|
|
}
|
|
|
|
.media_file_metadata dt,
|
|
.media_file_metadata dd {
|
|
border-bottom: 1px solid #aaa;
|
|
float: left;
|
|
min-width: 15em;
|
|
padding: .25em 0;
|
|
}
|
|
|
|
.importer_data dd > div {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.actions,
|
|
.edit_actions {
|
|
margin-top: .35em;
|
|
margin-bottom: .35em;
|
|
}
|
|
|
|
.media_file .actions,
|
|
#entries_list .actions {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#entries_list .actions,
|
|
.serendipityCommentForm {
|
|
margin-top: .75em;
|
|
}
|
|
|
|
.media_file .actions {
|
|
margin-top: 1em;
|
|
}
|
|
|
|
.category_data,
|
|
.category_desc {
|
|
margin: 0 1em 0 0;
|
|
}
|
|
|
|
#serendipity_comments_list .form_check,
|
|
#serendipity_comments_list h4 {
|
|
margin: .75em 0;
|
|
}
|
|
|
|
.comment_data dt,
|
|
.template_info dt,
|
|
.actions li,
|
|
.edit_actions li {
|
|
margin: 0 .4em 0 0;
|
|
}
|
|
|
|
.editor_toolbar input {
|
|
margin: 0 .25em .75em 0;
|
|
}
|
|
|
|
.comment_data,
|
|
.configuration_group h3,
|
|
form > .button_link:first-of-type,
|
|
.upload_form > .form_field:first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.upload_form > .form_field:first-child {
|
|
padding-top: .75em;
|
|
}
|
|
|
|
.installer .configuration_group h3 {
|
|
margin-top: 1.16667em;
|
|
}
|
|
|
|
#template_options,
|
|
#pluginlist_sidebar {
|
|
margin-bottom: 3em;
|
|
}
|
|
|
|
.editor_toolbar {
|
|
margin-top: .5em;
|
|
}
|
|
|
|
#serendipity_comments_list .actions {
|
|
margin: .75em 0;
|
|
}
|
|
|
|
.sub_perm {
|
|
margin-left: 1em;
|
|
}
|
|
|
|
#serendipity_admin_groups li ul div {
|
|
margin-left: 1.5em;
|
|
}
|
|
|
|
.category_info {
|
|
margin-left: 2.5em;
|
|
}
|
|
|
|
#template_select article,
|
|
.media_file,
|
|
.media_wrap_thumb,
|
|
.plugins_installable > li {
|
|
background: #eee;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
margin: 0 0 1em;
|
|
}
|
|
|
|
#template_select article,
|
|
.media_file,
|
|
.plugins_installable > li {
|
|
padding: 0 .5em 1em;
|
|
}
|
|
|
|
.template_preview {
|
|
max-width: 400px;
|
|
}
|
|
|
|
.media_wrap_thumb {
|
|
padding: .5em;
|
|
}
|
|
|
|
#serendipity_iframe {
|
|
box-shadow: 0 0 4px rgba(0,0,0,.5);
|
|
margin-top: 1.5em;
|
|
}
|
|
|
|
#template_select article,
|
|
#serendipityScaleImg img,
|
|
.media_file,
|
|
.media_wrap_thumb,
|
|
.plugins_installable > li,
|
|
#dashboard > section {
|
|
border: 1px solid #aaa;
|
|
}
|
|
|
|
#dashboard > section > h3 {
|
|
background: #eee;
|
|
border-bottom: 1px solid #aaa;
|
|
font-size: 1em;
|
|
margin: 0 -1em;
|
|
padding: .5em 1em;
|
|
}
|
|
|
|
#dashboard > section {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
margin: 0 0 1em;
|
|
padding: 0 1em;
|
|
}
|
|
|
|
.media_wrap_thumb {
|
|
float: left;
|
|
margin: 0 2% 1em 0;
|
|
width: 48%;
|
|
}
|
|
|
|
#serendipityScaleImg img {
|
|
height: auto;
|
|
max-width: 99%;
|
|
}
|
|
|
|
.zebra_list,
|
|
.option_list,
|
|
#uploads,
|
|
.configure_plugin .odd:first-of-type,
|
|
#categories .odd,
|
|
#categories .even,
|
|
#serendipity_image_folders .odd,
|
|
#serendipity_image_folders .even {
|
|
border-top: 1px solid #aaa;
|
|
}
|
|
|
|
.zebra_list > li,
|
|
.option_list .odd,
|
|
.option_list .even,
|
|
.theme_options .odd,
|
|
.theme_options .even,
|
|
.configure_plugin .odd,
|
|
.configure_plugin .even,
|
|
#categories,
|
|
#serendipity_image_folders,
|
|
.upload_form {
|
|
border-bottom: 1px solid #aaa;
|
|
}
|
|
|
|
.theme_options > div:first-of-type {
|
|
border-bottom: 1px solid #aaa;
|
|
margin-bottom: 0;
|
|
padding-bottom: 1.5em;
|
|
}
|
|
|
|
.zebra_list > .odd,
|
|
.option_list > .odd,
|
|
.theme_options .odd,
|
|
.configure_plugin .odd,
|
|
#categories .odd,
|
|
#serendipity_image_folders .odd,
|
|
.upload_form:nth-child(odd),
|
|
.upload_form:nth-child(odd) input[type="file"] {
|
|
background: #eee;
|
|
}
|
|
|
|
.pluginmanager_container .multidel_selected,
|
|
.zebra_list .multidel_selected,
|
|
.multidel_selected {
|
|
border: 1px solid #b94a48;
|
|
}
|
|
|
|
#entries_list h3,
|
|
#serendipity_comments_list h4 {
|
|
font-size: 1em;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
#entries_list > li,
|
|
#serendipity_comments_list > li {
|
|
padding: 0 0 0 .4em;
|
|
}
|
|
|
|
#categories li > ul,
|
|
#serendipity_image_folders li > ul {
|
|
padding: 0 0 0 1em;
|
|
}
|
|
|
|
#categories .edit_actions li,
|
|
#serendipity_image_folders .edit_actions li {
|
|
padding: 0;
|
|
}
|
|
|
|
#entries_list .entry_info span {
|
|
margin: 0 1em .75em 0;
|
|
}
|
|
|
|
#entries_list .icon_link {
|
|
height: 24px;
|
|
}
|
|
|
|
.entry_status,
|
|
.field_info {
|
|
background: #888;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
color: #fff;
|
|
padding: 0 4px;
|
|
}
|
|
|
|
.field_info {
|
|
clear: both;
|
|
display: block;
|
|
margin: .75em 0 0;
|
|
}
|
|
|
|
#entries_list .entry_info .entry_status {
|
|
float: right;
|
|
margin: 0 .4em .75em 0;
|
|
}
|
|
|
|
.status_timestamp {
|
|
min-width: 11em;
|
|
}
|
|
|
|
.status_timestamp .icon-info-circled {
|
|
color: #3e5f81;
|
|
cursor: help;
|
|
}
|
|
|
|
.show_config_option {
|
|
text-decoration: none;
|
|
}
|
|
|
|
|
|
/* FOOTER
|
|
----------------------------------------------------------------- */
|
|
|
|
#meta {
|
|
background: #ccdee7;
|
|
border-top: 1px solid #25253d;
|
|
color: #3e5f81;
|
|
text-align: center;
|
|
}
|
|
|
|
#meta p {
|
|
margin: 0;
|
|
padding: .75em;
|
|
}
|
|
|
|
|
|
/* PLUGIN MANAGER
|
|
----------------------------------------------------------------- */
|
|
.pluginmanager_container {
|
|
background: transparent;
|
|
border: 1px solid #ddd;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
height: 98%;
|
|
margin: 0;
|
|
min-height: 12.5em;
|
|
padding: 5px;
|
|
position: relative;
|
|
}
|
|
|
|
.pluginmanager_container .placeholder {
|
|
border: 1px solid black;
|
|
height: 50px;
|
|
position: relative;
|
|
}
|
|
|
|
.pluginmanager_container .placeholder:before {
|
|
border: 5px solid transparent;
|
|
border-left-color: red;
|
|
border-right: none;
|
|
content: "";
|
|
height: 0;
|
|
margin-top: -5px;
|
|
position: absolute;
|
|
left: -5px;
|
|
top: -4px;
|
|
width: 0;
|
|
}
|
|
|
|
.pluginmanager_plugin {
|
|
margin: 0 0 5px;
|
|
padding: 2em 5px 5px;
|
|
position: relative;
|
|
}
|
|
|
|
.pluginmanager_plugin:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.pluginmanager_item_odd,
|
|
.pluginmanager_item_even {
|
|
background: #eee;
|
|
border: 1px solid #ddd;
|
|
}
|
|
|
|
.pluginmanager_place,
|
|
.pluginmanager_ownership,
|
|
.pluginmanager_move,
|
|
.pagination .next {
|
|
text-align: right;
|
|
}
|
|
|
|
.config_optiongroup_last {
|
|
border-bottom: 1px solid #aaa;
|
|
}
|
|
|
|
.plugin_count {
|
|
clear: both;
|
|
margin: 0 0 1.5em;
|
|
}
|
|
|
|
.pluginmanager .pluginmanager_grablet {
|
|
cursor: move;
|
|
display: block;
|
|
}
|
|
|
|
.pluginmanager .pluginmanager_grablet,
|
|
.pluginmanager .pluginmanager_configure {
|
|
position: absolute;
|
|
top: 5px;
|
|
}
|
|
|
|
.pluginmanager .pluginmanager_grablet {
|
|
left: 5px;
|
|
}
|
|
|
|
.pluginmanager .pluginmanager_configure {
|
|
right: 5px;
|
|
}
|
|
|
|
.pluginmanager_plugin .form_check,
|
|
.pluginmanager_plugin h5,
|
|
.media_file .form_check {
|
|
margin: 0 0 1em;
|
|
}
|
|
|
|
.pluginmanager_description {
|
|
margin: 0 0 .5em;
|
|
}
|
|
|
|
.configuration_group .sequence_grablet,
|
|
.configuration_group .sequence_item .form_check {
|
|
display: inline-block;
|
|
margin: 0 .4em 0 0;
|
|
}
|
|
|
|
.configuration_group .sequence_item {
|
|
padding: .25em;
|
|
margin: 0 0 .25em;
|
|
}
|
|
|
|
#template_select h3,
|
|
.media_file h3 {
|
|
margin: .5em 0 1em;
|
|
}
|
|
|
|
.media_file .form_check input {
|
|
position: relative;
|
|
top: .125em;
|
|
}
|
|
|
|
.dragging,
|
|
.dragging * {
|
|
cursor: move !important;
|
|
}
|
|
|
|
.dragged {
|
|
position: absolute;
|
|
opacity: 0.5;
|
|
z-index: 2000;
|
|
}
|
|
|
|
|
|
/* MEDIA DB
|
|
----------------------------------------------------------------- */
|
|
#fs_crop {
|
|
min-height: 200px;
|
|
}
|
|
|
|
.media_pane .pagination {
|
|
margin: 0 2% 1em 0;
|
|
}
|
|
|
|
.no-js .media_file_preview img,
|
|
.js .template_wrap {
|
|
margin: 0 0 1em;
|
|
}
|
|
|
|
.js .template_info > dl {
|
|
margin: 0;
|
|
}
|
|
|
|
.js .media_file_preview,
|
|
.js .template_preview {
|
|
position: relative;
|
|
}
|
|
|
|
.js .media_pane .media_file_meta,
|
|
.js .template_info {
|
|
background: #222;
|
|
background: rgba(0,0,0,.6);
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
color: #fcfcfc;
|
|
height: 100%;
|
|
padding: .5em 1em;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
text-shadow: 1px 1px 1px rgba(0,0,0,.8);
|
|
width: 100%;
|
|
}
|
|
|
|
.no-js #show_config_all,
|
|
.no-js .show_config_option .icon-plus,
|
|
.no-js #reset_timestamp,
|
|
.no-js .filters_toolbar,
|
|
.no-js .invert_selection,
|
|
.no-js .toggle_comment_full,
|
|
.no-js #add_upload,
|
|
.no-js .choose_media,
|
|
.no-js .media_show_info,
|
|
.no-js .media_rename,
|
|
.no-js .template_show_info,
|
|
.no-js #serendipity_comments_list .comment_summary,
|
|
.no-js .editor_toolbar,
|
|
.js .additional_info,
|
|
.installer .toggle_info,
|
|
.hidden {
|
|
display: none !important;
|
|
visibility: hidden;
|
|
}
|
|
|
|
.js .installer .additional_info {
|
|
display: block !important;
|
|
visibility: visible;
|
|
}
|
|
|
|
input[name="serendipity[filter][fileCategory]"] {
|
|
display: none;
|
|
}
|
|
|
|
.media_selector {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.media_selector {
|
|
border-radius: 0;
|
|
border-right: 0 none;
|
|
}
|
|
|
|
/* These need an IE8 fallback */
|
|
.media_selector:first-of-type {
|
|
border-radius: 4px 0 0 4px;
|
|
}
|
|
|
|
.media_selector:last-of-type {
|
|
border-radius: 0 4px 4px 0;
|
|
border-right: 1px solid #bbb;
|
|
}
|
|
|
|
#media_selector_bar {
|
|
float: right;
|
|
margin: 0 2% 1em 0;
|
|
}
|
|
|
|
|
|
/* SMALL SCREEN (e.g. smartphones)
|
|
----------------------------------------------------------------- */
|
|
@media only screen and (min-width: 481px) {
|
|
#uploadform label {
|
|
display: inline-block;
|
|
min-width: 40%;
|
|
}
|
|
|
|
#uploadform .form_field input,
|
|
#uploadform .form_select select {
|
|
min-width: 16em;
|
|
}
|
|
|
|
.configuration_group .form_select select,
|
|
.configuration_group .form_multiselect select,
|
|
.configuration_group .form_field input,
|
|
.configuration_group .form_area textarea {
|
|
max-width: 320px;
|
|
}
|
|
|
|
#user_menu .logged_in {
|
|
display: block;
|
|
float: none;
|
|
margin: 0 0 .75em;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 640px) {
|
|
#banner,
|
|
#user_menu {
|
|
float: left;
|
|
width: 50%;
|
|
}
|
|
}
|
|
|
|
|
|
/* MEDIUM SCREEN (e.g. tablets)
|
|
----------------------------------------------------------------- */
|
|
@media only screen and (min-width: 768px) {
|
|
html {
|
|
font-size: 1em;
|
|
}
|
|
|
|
h1,
|
|
h2 {
|
|
font-size: 1.5em;
|
|
line-height: 1em;
|
|
}
|
|
|
|
h1 {
|
|
margin: .5em 0 1.5em;
|
|
}
|
|
|
|
h2 {
|
|
margin: 1em 0;
|
|
}
|
|
|
|
pre {
|
|
font-size: .875em;
|
|
line-height: 1.71429em;
|
|
margin: 1.71429em 0;
|
|
}
|
|
|
|
#main_menu li > ul > li {
|
|
width: 33%;
|
|
}
|
|
|
|
#further_links li {
|
|
display: inline-block;
|
|
margin-right: 1em;
|
|
}
|
|
|
|
#image_directory_edit_form > div > .form_select {
|
|
float: left;
|
|
margin: 0 5% 0 0;
|
|
}
|
|
|
|
#template_select article,
|
|
#serendipityScaleForm,
|
|
#serendipityScaleImg,
|
|
.media_file,
|
|
#dashboard > .quick_list {
|
|
float: left;
|
|
margin: 0 2% 1em 0;
|
|
width: 48%;
|
|
}
|
|
|
|
#dashboard > section {
|
|
margin: 0 2% 1em 0;
|
|
}
|
|
|
|
#template_select .current_template {
|
|
float: none;
|
|
margin: 0 0 2em;
|
|
width: 48%;
|
|
}
|
|
|
|
#mediaPropertyForm .media_file {
|
|
float: none;
|
|
margin: 1.5em 0;
|
|
width: auto;
|
|
}
|
|
|
|
#template_options fieldset legend,
|
|
#template_options fieldset > .grouped,
|
|
.configure_plugin fieldset legend,
|
|
.configure_plugin fieldset > .grouped,
|
|
.configure_plugin .sequence_container,
|
|
.configuration_group .form_select label,
|
|
.configuration_group .form_multiselect label,
|
|
.configuration_group .form_field label,
|
|
.configuration_group .form_area label,
|
|
.configuration_group .form_select select,
|
|
.configuration_group .form_multiselect select,
|
|
.configuration_group .form_field input,
|
|
.configuration_group .form_area textarea,
|
|
.configuration_group fieldset > fieldset legend,
|
|
#uploadform .form_select label,
|
|
#uploadform .form_field label,
|
|
#uploadform .form_select select,
|
|
#uploadform .form_field input,
|
|
#serendipity_category fieldset legend,
|
|
#serendipity_category fieldset > .grouped,
|
|
.field_info {
|
|
float: left;
|
|
margin-right: 2%;
|
|
width: 48%;
|
|
}
|
|
|
|
.field_info {
|
|
margin: .85715em 2% 0 0;
|
|
}
|
|
|
|
.configuration_group .form_select select,
|
|
.configuration_group .form_multiselect select,
|
|
.configuration_group .form_field input,
|
|
.configuration_group .form_area textarea,
|
|
#uploadform .form_select select,
|
|
#uploadform .form_field input {
|
|
max-width: 48%;
|
|
}
|
|
|
|
.js .configuration_group .media_choose input {
|
|
margin-right: 1%;
|
|
max-width: 41.5%;
|
|
}
|
|
|
|
.media_choose .button_link {
|
|
position: relative;
|
|
top: 2px;
|
|
}
|
|
|
|
.configuration_group .form_select,
|
|
.configuration_group .form_multiselect,
|
|
.configuration_group .form_field,
|
|
.configuration_group .form_area,
|
|
.configuration_group fieldset > fieldset,
|
|
#template_select .odd,
|
|
.media_pane .odd,
|
|
#dashboard > section:last-child {
|
|
clear: left;
|
|
}
|
|
|
|
#serendipityScaleImg {
|
|
overflow: hidden;
|
|
}
|
|
|
|
#serendipityScaleImg {
|
|
margin-top: 2.25em;
|
|
}
|
|
|
|
.configure_plugin fieldset .form_radio,
|
|
.configuration_group fieldset > fieldset .form_radio,
|
|
#serendipity_plugin_config > fieldset .form_radio,
|
|
#template_options fieldset .form_radio {
|
|
margin-top: 0;
|
|
}
|
|
|
|
/* Plugin manager */
|
|
.pluginmanager_side {
|
|
float: left;
|
|
margin: 0 0 1.5em;
|
|
vertical-align: top;
|
|
}
|
|
|
|
#pluginlist_sidebar .pluginmanager_side {
|
|
margin-right: 1%;
|
|
width: 32%;
|
|
}
|
|
|
|
#pluginlist_event .pluginmanager_side {
|
|
margin-right: 1%;
|
|
width: 49%;
|
|
}
|
|
|
|
#meta p {
|
|
font-size: .875em;
|
|
padding: .85715em;
|
|
}
|
|
}
|
|
|
|
|
|
/* LARGE SCREEN (e.g. netbooks)
|
|
----------------------------------------------------------------- */
|
|
@media only screen and (min-width: 1024px) {
|
|
h1 {
|
|
font-size: 1.125em;
|
|
line-height: 1.3333em;
|
|
margin: .6667em 0;
|
|
}
|
|
|
|
#user_menu ul {
|
|
margin: .75em 0;
|
|
}
|
|
|
|
#top > div,
|
|
main {
|
|
margin: 0 auto;
|
|
max-width: 80em;
|
|
width: 96%;
|
|
}
|
|
|
|
.smallscreen {
|
|
background: transparent;
|
|
}
|
|
|
|
.js #main_menu {
|
|
position: relative;
|
|
}
|
|
|
|
.js #main_menu {
|
|
max-height: none;
|
|
}
|
|
|
|
#main_menu a {
|
|
display: block;
|
|
padding: .125em 0;
|
|
}
|
|
|
|
#nav-toggle {
|
|
display: none;
|
|
}
|
|
|
|
#main_menu h3 {
|
|
background: #eee;
|
|
border-bottom: 1px solid #aaa;
|
|
display: block;
|
|
font-size: 1em;
|
|
margin: 0 -1em;
|
|
padding: .5em 1em;
|
|
visibility: visible;
|
|
}
|
|
|
|
#main_menu > ul {
|
|
margin-top: 1.5em;
|
|
margin-bottom: 1.5em;
|
|
}
|
|
|
|
#main_menu > ul > li {
|
|
border: 1px solid #aaa;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
margin: 0 0 1em;
|
|
padding: 0 1em;
|
|
}
|
|
|
|
#main_menu li > ul > li {
|
|
float: none;
|
|
width: 100%;
|
|
}
|
|
|
|
#edit_entry_timestamp,
|
|
#reset_timestamp {
|
|
max-height: auto;
|
|
position: static;
|
|
}
|
|
|
|
#toggle_categoryselector {
|
|
left: 0;
|
|
right: auto;
|
|
}
|
|
|
|
.js #categoryselector {
|
|
margin-left: 2.5em;
|
|
}
|
|
|
|
#edit_entry_metadata label,
|
|
#edit_entry_status label,
|
|
#sort_entries .form_select label,
|
|
#filter_entries .form_select label,
|
|
#filter_entries .form_field label,
|
|
#filter_comments label,
|
|
#serendipity_category label,
|
|
#serendipity_comment label,
|
|
#media_pane_filter label,
|
|
#media_pane_sort label {
|
|
display: block;
|
|
width: auto;
|
|
}
|
|
|
|
#user_menu .logged_in {
|
|
display: inline-block;
|
|
margin: 0;
|
|
}
|
|
|
|
#main_menu {
|
|
float: left;
|
|
margin: 0 2% 0 0;
|
|
}
|
|
|
|
#content {
|
|
float: right;
|
|
margin: 0 0 0 2%;
|
|
}
|
|
|
|
#edit_entry_metadata > div,
|
|
#edit_entry_submit > div {
|
|
float: left;
|
|
width: 50%;
|
|
}
|
|
|
|
#edit_entry_submit .form_buttons {
|
|
text-align: right;
|
|
}
|
|
|
|
#sort_entries .form_select,
|
|
#filter_comments .inputs > div,
|
|
#serendipity_category > .inputs > div,
|
|
#serendipity_comment .form_field,
|
|
#media_filter > div,
|
|
#media_pane_sort > .left,
|
|
#media_pane_sort > .center,
|
|
#media_pane_sort > .right,
|
|
#media_pane_sort > .grouped > div {
|
|
float: left;
|
|
width: 33% ;
|
|
}
|
|
|
|
#preview {
|
|
float: left;
|
|
margin-bottom: 2.25em;
|
|
width: 66%;
|
|
}
|
|
|
|
#filter_entries .form_select,
|
|
#filter_entries .form_field {
|
|
float: left;
|
|
width: 25%;
|
|
}
|
|
|
|
#media_pane_sort .left,
|
|
#serendipity_comment .form_area {
|
|
clear: both;
|
|
}
|
|
|
|
#main_menu {
|
|
width: 23%;
|
|
}
|
|
|
|
#content {
|
|
width: 73%;
|
|
}
|
|
|
|
.installer #content {
|
|
float: none;
|
|
margin: 0 auto;
|
|
max-width: 45em;
|
|
width: 100%;
|
|
}
|
|
|
|
#edit_entry_status select[multiple],
|
|
#sort_entries .form_select select,
|
|
#filter_entries .form_select select,
|
|
#filter_entries .form_field input,
|
|
#media_filter input,
|
|
#media_filter select,
|
|
#media_pane_sort select {
|
|
width: 85%;
|
|
}
|
|
|
|
.js #edit_entry_metadata select {
|
|
width: 89%;
|
|
}
|
|
|
|
#edit_entry_title input,
|
|
.no-js #edit_entry_metadata select {
|
|
width: 100%;
|
|
}
|
|
|
|
|
|
#login {
|
|
margin: 4em auto 1em;
|
|
}
|
|
|
|
#back_to_blog {
|
|
margin: 1em auto 4em;
|
|
}
|
|
|
|
#media_pane_sort div fieldset input,
|
|
#media_pane_sort div fieldset select,
|
|
#media_pane_filter div fieldset input,
|
|
#media_pane_filter div fieldset select {
|
|
margin-bottom: .75em;
|
|
}
|
|
}
|
|
|
|
|
|
/* LARGER SCREEN (e.g. laptops)
|
|
----------------------------------------------------------------- */
|
|
@media only screen and (min-width: 1280px) {
|
|
.js .configuration_group .media_choose input {
|
|
max-width: 42.5%;
|
|
}
|
|
|
|
.js #edit_entry_metadata select {
|
|
width: 91%;
|
|
}
|
|
|
|
#edit_entry_status_comments .form_check {
|
|
float: left;
|
|
margin: .75em 1em .75em 0;
|
|
}
|
|
}
|
|
|
|
|
|
/* HUGE SCREEN (e.g. desktops)
|
|
----------------------------------------------------------------- */
|
|
@media only screen and (min-width: 1400px) {
|
|
html {
|
|
font-size: 1.125em;
|
|
}
|
|
}
|