cc0a590ec6
- include Modernizr in the installer as well (needed for no-js/js) - reference backend JS before body instead of in head - added container markup for installer error msgs - some styling for tables in the installer - remove obsolete no-js/js styles for JS-less installer - compensate for the lack of iconfonts (due to the style.css not being piped through serendipity.css.php in the installer) by using different markup which works with system fonts
3117 lines
57 KiB
CSS
3117 lines
57 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: #ccdde7;
|
|
color: #444;
|
|
text-shadow: none;
|
|
}
|
|
|
|
::selection {
|
|
background: #ccdde7;
|
|
color: #444;
|
|
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;
|
|
}
|
|
|
|
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;
|
|
}
|
|
|
|
/* details polyfill */
|
|
.no-details details > * {
|
|
display: none;
|
|
}
|
|
|
|
.no-details details > summary:before {
|
|
content: '\25BA ';
|
|
float: left;
|
|
width: 20px;
|
|
}
|
|
|
|
.no-details details.open > summary:before {
|
|
content: '\25BC ';
|
|
}
|
|
|
|
.no-details details summary {
|
|
display: block;
|
|
}
|
|
|
|
/* HELPER CLASSES */
|
|
/* Hide visually, 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;
|
|
}
|
|
|
|
.tabs-list,
|
|
.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?61076562');
|
|
src: url('{TEMPLATE_PATH}font/fontello.eot?61076562#iefix') format('embedded-opentype'),
|
|
url('{TEMPLATE_PATH}font/fontello.woff?61076562') format('woff'),
|
|
url('{TEMPLATE_PATH}font/fontello.ttf?61076562') format('truetype'),
|
|
url('{TEMPLATE_PATH}font/fontello.svg?61076562#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-search:before { content: '\e81f'; }
|
|
.icon-medkit:before { content: '\e823'; }
|
|
.icon-users:before { content: '\e81d'; }
|
|
.icon-picture:before { content: '\e81b'; }
|
|
.icon-ok-circled:before { content: '\e804'; }
|
|
.icon-cancel:before { content: '\e811'; }
|
|
.icon-plus:before { content: '\e805'; }
|
|
.icon-minus:before { content: '\e806'; }
|
|
.icon-help-circled:before { content: '\e809'; }
|
|
.icon-info-circled:before { content: '\e80a'; }
|
|
.icon-home:before { content: '\e800'; }
|
|
.icon-thumbs-up-alt:before { content: '\e825'; }
|
|
.icon-thumbs-down-alt:before { content: '\e826'; }
|
|
.icon-edit:before { content: '\e803'; }
|
|
.icon-chat:before { content: '\e80c'; }
|
|
.icon-attention-circled:before { content: '\e813'; }
|
|
.icon-trash:before { content: '\e80d'; }
|
|
.icon-folder-open:before { content: '\e81e'; }
|
|
.icon-user:before { content: '\e81c'; }
|
|
.icon-menu:before { content: '\e819'; }
|
|
.icon-cog-alt:before { content: '\e801'; }
|
|
.icon-logout:before { content: '\e80f'; }
|
|
.icon-clock:before { content: '\e822'; }
|
|
.icon-resize-full:before { content: '\e818'; }
|
|
.icon-resize-full-alt:before { content: '\e80e'; }
|
|
.icon-move:before { content: '\e810'; }
|
|
.icon-down-dir:before { content: '\e80b'; }
|
|
.icon-up-dir:before { content: '\e820'; }
|
|
.icon-left-dir:before { content: '\e827'; }
|
|
.icon-right-dir:before { content: '\e828'; }
|
|
.icon-cw:before { content: '\e807'; }
|
|
.icon-ccw:before { content: '\e808'; }
|
|
.icon-globe:before { content: '\e821'; }
|
|
.icon-list-bullet:before { content: '\e824'; }
|
|
.icon-filter:before { content: '\e817'; }
|
|
.icon-sort:before { content: '\e81a'; }
|
|
.icon-rss:before { content: '\e812'; }
|
|
|
|
|
|
/* BACKEND HELPER CLASSES */
|
|
.icon_link,
|
|
#insert_image,
|
|
form > a,
|
|
form > button,
|
|
.edit_actions li,
|
|
.actions li,
|
|
#login .form_field label,
|
|
#filter_comments label,
|
|
#serendipity_comment label,
|
|
#sort_entries .form_select label,
|
|
#filter_entries .form_select label,
|
|
#filter_entries .form_field label,
|
|
.pluginmanager_plugin .form_check,
|
|
.pluginmanager_plugin h5,
|
|
.media_file .form_check,
|
|
.media_file h3,
|
|
#media_pane_filter label,
|
|
#media_pane_sort label,
|
|
#karmafilters label,
|
|
#image_directory_create_form label,
|
|
#entries_list .entry_info span,
|
|
.folder_name,
|
|
.toggle_info,
|
|
#serendipityScaleForm .form_field label,
|
|
.filters_toolbar li,
|
|
#dashboard_entries .entry_status,
|
|
.comment_status,
|
|
.tabs > ul > li,
|
|
#maintenance > section > .button_link,
|
|
.overviewListForm {
|
|
display: inline-block;
|
|
}
|
|
|
|
.block_level,
|
|
.form_multiselect label,
|
|
label > span,
|
|
.wrap_legend > legend > span,
|
|
.msg_error,
|
|
.msg_success,
|
|
.msg_notice,
|
|
.msg_hint,
|
|
#edit_entry_title label,
|
|
#edit_entry_metadata .form_field label,
|
|
#edit_entry_metadata .form_select label,
|
|
#serendipity_category 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,
|
|
#captchabox .captcha,
|
|
#dashboard_entries li > a,
|
|
#mediaPropertyForm .media_file_props label,
|
|
#mediaPropertyForm header b,
|
|
#mediaPropertyForm footer b,
|
|
#content .upgrade_done {
|
|
display: block;
|
|
}
|
|
|
|
.image_resize_hint p {
|
|
display: inline;
|
|
}
|
|
|
|
h5,
|
|
h6,
|
|
blockquote,
|
|
ul,
|
|
ol,
|
|
dl,
|
|
p,
|
|
table,
|
|
details,
|
|
.standalone,
|
|
.form_buttons,
|
|
#maintenance > section > .button_link,
|
|
form > a,
|
|
form > button,
|
|
#content .upgrade_done {
|
|
margin-top: 1.5em;
|
|
margin-bottom: 1.5em;
|
|
}
|
|
|
|
.overviewListForm > button {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#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,
|
|
#diagnose caption {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.hilite_i {
|
|
font-style: italic;
|
|
}
|
|
|
|
.hilite_u {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
|
|
/* FORM STYLES */
|
|
input[type="radio"],
|
|
input[type="checkbox"] {
|
|
position: relative;
|
|
vertical-align: top;
|
|
top: 5px;
|
|
}
|
|
|
|
.button_link:focus,
|
|
.tabs > ul a:focus,
|
|
button:focus,
|
|
#edit_entry_category button.mfp-close: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,
|
|
.tabs > ul a,
|
|
button,
|
|
#edit_entry_category button.mfp-close,
|
|
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;
|
|
text-decoration: none;
|
|
width: auto;
|
|
}
|
|
|
|
.button_link,
|
|
.tabs > ul a,
|
|
button,
|
|
input[type="button"] {
|
|
background: #ddd;
|
|
background-image: -webkit-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,
|
|
#edit_entry_category button.mfp-close,
|
|
#edit_entry_category button.mfp-close:visited,
|
|
input[type="submit"],
|
|
button[type="submit"] {
|
|
background: #468847;
|
|
background-image: -webkit-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-linear-gradient(#cc7a79, #b94a48);
|
|
background-image: linear-gradient(#cc7a79, #b94a48);
|
|
border-color: #b94a48 #893634 #582322;
|
|
}
|
|
|
|
.button_link:hover,
|
|
.tabs > ul a:hover,
|
|
button:hover,
|
|
input[type="button"]:hover {
|
|
background: #ccc;
|
|
background-image: -webkit-linear-gradient(#fff, #eee 1px, #ccc);
|
|
background-image: linear-gradient(#fff, #eee 1px, #ccc);
|
|
}
|
|
|
|
.state_submit:hover,
|
|
.state_submit:focus,
|
|
#edit_entry_category button.mfp-close:hover,
|
|
#edit_entry_category button.mfp-close:focus,
|
|
input[type="submit"]:hover,
|
|
button[type="submit"]:hover {
|
|
background: #63af64;
|
|
background-image: -webkit-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: #cc7a79;
|
|
background-image: -webkit-linear-gradient(#cc7a79, #c26260 1px, #a2403e);
|
|
background-image: linear-gradient(#cc7a79, #c26260 1px, #a2403e);
|
|
}
|
|
|
|
.active,
|
|
input:checked + .media_selector,
|
|
.tabs > ul .on a,
|
|
.button_link:active,
|
|
.tabs > ul a:active,
|
|
button:active,
|
|
input[type="button"]:active {
|
|
background-image: -webkit-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,
|
|
#edit_entry_category button.mfp-close:active,
|
|
input[type="submit"]:active
|
|
button[type="submit"]:active {
|
|
background-image: -webkit-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-linear-gradient(#cc7a79, #b94a48 1px, #c26260);
|
|
background-image: linear-gradient(#cc7a79, #b94a48 1px, #c26260);
|
|
border-color: #582322 #893634 #b94a48;color: #fafafa;
|
|
}
|
|
|
|
input[type="submit"].entry_preview {
|
|
background: #ddd;
|
|
background-image: -webkit-linear-gradient(#fff, #ddd);
|
|
background-image: linear-gradient(#fff, #ddd);
|
|
border-color: #ddd #bbb #999;
|
|
color: #222;
|
|
text-shadow: #fff 0 1px 1px;
|
|
}
|
|
|
|
input[type="submit"].entry_preview:hover,
|
|
input[type="submit"].entry_preview:focus {
|
|
background: #ccc;
|
|
background-image: -webkit-linear-gradient(#fff, #eee 1px, #ccc);
|
|
background-image: linear-gradient(#fff, #eee 1px, #ccc);
|
|
color: #222;
|
|
text-shadow: #fff 0 1px 1px;
|
|
}
|
|
|
|
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"],
|
|
button[type="submit"],
|
|
input[type="reset"],
|
|
input[type="submit"]:hover,
|
|
input[type="reset"]:hover,
|
|
button[type="submit"]:hover,
|
|
input[type="submit"]:focus,
|
|
input[type="reset"]:focus,
|
|
button[type="submit"]:focus {
|
|
color: #fafafa;
|
|
text-shadow: #050505 0 1px 1px;
|
|
}
|
|
|
|
.toggle_info,
|
|
.toggle_info:visited,
|
|
.toggle_info:hover,
|
|
.toggle_info:focus,
|
|
.toggle_info:active,
|
|
.filter_karma,
|
|
.filter_karma:visited,
|
|
.filter_karma:hover,
|
|
.filter_karma:focus,
|
|
.filter_karma:active {
|
|
margin: 0 0 0 .4em;
|
|
padding: 1px 3px;
|
|
}
|
|
|
|
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="datetime-local"]::-webkit-clear-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
|
|
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 FF + IE. Cannot stack with WebKit. */
|
|
::-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: 3em;
|
|
overflow: auto;
|
|
resize: vertical;
|
|
width: 100%;
|
|
}
|
|
|
|
optgroup {
|
|
color: #222;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
}
|
|
|
|
|
|
/* BACKEND FORM STYLES */
|
|
label,
|
|
.wrap_legend,
|
|
figcaption {
|
|
font-weight: bold;
|
|
}
|
|
|
|
label > span,
|
|
.wrap_legend > legend > span,
|
|
input[type=checkbox] + label,
|
|
input[type=radio] + label,
|
|
.form_check label,
|
|
.js #toggle_extended label {
|
|
font-weight: normal;
|
|
}
|
|
|
|
input[type=checkbox],
|
|
#toggle_extended,
|
|
#toggle_metadata,
|
|
#toggle_advanced,
|
|
#category_icon {
|
|
margin-right: .4em;
|
|
}
|
|
|
|
.form_radio {
|
|
float: left;
|
|
margin-right: 1em;
|
|
}
|
|
|
|
.form_radio label,
|
|
.form_check label {
|
|
display: inline !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,
|
|
#edit_entry_metadata,
|
|
#advanced_options,
|
|
#entry_skip,
|
|
.filter_pane,
|
|
#s9y_links > ul,
|
|
#serendipity_category .inputs,
|
|
#serendipity_customfields textarea,
|
|
#adv_opts {
|
|
margin-top: .75em;
|
|
margin-bottom: .75em;
|
|
}
|
|
|
|
#media_filter_path .form_select {
|
|
margin: 0 0 0 2em;
|
|
}
|
|
|
|
#serendipity_category .inputs .form_radio,
|
|
.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,
|
|
.quick_list ol > li {
|
|
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,
|
|
.configure_plugin .cke {
|
|
clear: both;
|
|
}
|
|
|
|
|
|
/* COMMON STYLES */
|
|
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;
|
|
}
|
|
|
|
.js .mfp-wrap #edit_entry_category .wrap_legend,
|
|
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;
|
|
}
|
|
|
|
#diagnose caption {
|
|
margin-top: 0;
|
|
}
|
|
|
|
#diagnose tr {
|
|
border-bottom: 1px solid #aaa;
|
|
}
|
|
|
|
#diagnose td h5 {
|
|
margin: .5em 0;
|
|
}
|
|
|
|
.toggle_headline,
|
|
#category_list h3,
|
|
h5,
|
|
h6 {
|
|
font-size: 1em;
|
|
}
|
|
|
|
summary {
|
|
cursor: pointer;
|
|
outline: none;
|
|
}
|
|
|
|
|
|
/* MESSAGES */
|
|
.msg_error,
|
|
.msg_success,
|
|
.msg_notice,
|
|
.msg_hint {
|
|
margin: 1.5em 0;
|
|
padding: .5em;
|
|
}
|
|
|
|
.installer .msg_error,
|
|
.installer .msg_success,
|
|
.installer .msg_notice,
|
|
.installer .msg_hint {
|
|
display: inline-block;
|
|
margin: .5em 0;
|
|
padding: 0 .5em;
|
|
}
|
|
|
|
.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 #fbeed5;
|
|
color: #c09853;
|
|
}
|
|
|
|
.msg_hint {
|
|
background: #eee;
|
|
border: 1px solid #aaa;
|
|
color: #777;
|
|
}
|
|
|
|
|
|
/* LAYOUT */
|
|
#top > div,
|
|
#main_menu,
|
|
#content {
|
|
margin: 0;
|
|
padding-left: 2.5%;
|
|
padding-right: 2.5%;
|
|
width: 95%;
|
|
}
|
|
|
|
#top > div {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
#workspace,
|
|
.serendipity_statistics > .wide_box {
|
|
overflow: hidden;
|
|
}
|
|
|
|
#serendipity_customfields label {
|
|
margin-right: 1em;
|
|
}
|
|
|
|
.category_data,
|
|
.user_name,
|
|
.group_name,
|
|
#serendipity_comments_list .form_check,
|
|
#serendipity_comments_list h4,
|
|
.karmalog .form_check,
|
|
.karmalog h4,
|
|
.comment_data dt,
|
|
.comment_data dd,
|
|
.template_info dt,
|
|
.template_info dd,
|
|
#entries_list .form_check,
|
|
.pagination .prev,
|
|
.pagination .next,
|
|
#serendipity_customfields textarea,
|
|
#dashboard_header h2 {
|
|
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,
|
|
.toggle_links {
|
|
float: right;
|
|
}
|
|
|
|
#karmalog .serendipity_karmaVoting_links {
|
|
float: right;
|
|
font-size: 1em;
|
|
margin: .75em;
|
|
}
|
|
|
|
.toggle_links {
|
|
margin: 1.25em 0 .75em;
|
|
}
|
|
|
|
#filter_comments label,
|
|
#serendipity_comment label {
|
|
width: 15%;
|
|
}
|
|
|
|
#sort_entries .form_select label,
|
|
#filter_entries .form_select label,
|
|
#filter_entries .form_field label,
|
|
#media_pane_filter label,
|
|
#media_pane_sort label,
|
|
#karmafilters label,
|
|
#image_directory_create_form label {
|
|
width: 20%;
|
|
}
|
|
|
|
.media_file_keywords li {
|
|
float: left;
|
|
margin: 0 2% .5em 0;
|
|
width: 48%;
|
|
}
|
|
|
|
.pagination .prev,
|
|
.pagination .next {
|
|
min-height: 1px;
|
|
width: 50%;
|
|
}
|
|
|
|
.pagination > ul {
|
|
min-height: 1em;
|
|
}
|
|
|
|
#sort_entries .form_select select,
|
|
#filter_entries .form_select select,
|
|
#filter_entries .form_field input {
|
|
width: 80%;
|
|
}
|
|
|
|
#filter_comments .form_field > input,
|
|
#filter_comments select,
|
|
#serendipity_comment .form_field input,
|
|
#serendipity_comment select,
|
|
.js .configuration_group .media_choose input,
|
|
.js #serendipity_category .form_field #category_icon,
|
|
#dashboard_header h2 {
|
|
width: 85%;
|
|
}
|
|
|
|
#edit_entry_title input,
|
|
#edit_entry_metadata .form_field input,
|
|
#edit_entry_metadata select,
|
|
#categoryselector,
|
|
.configuration_group .form_select select,
|
|
.configuration_group .form_multiselect select,
|
|
.configuration_group .form_field input,
|
|
.configuration_group .form_area textarea,
|
|
#serendipity_category .form_field input,
|
|
#serendipity_category .form_select select,
|
|
#serendipity_category .form_multiselect select,
|
|
#directory_permissions .form_multiselect select,
|
|
#uploadform .form_select select,
|
|
#uploadform .form_field input,
|
|
#login .form_field input,
|
|
#diagnose > table,
|
|
#advanced_options .form_multiselect select,
|
|
.serendipity_statistics table {
|
|
width: 100%;
|
|
}
|
|
|
|
.comment_data dd {
|
|
max-width: 75%;
|
|
}
|
|
|
|
.media_choose .preview {
|
|
background-repeat: no-repeat;
|
|
height: auto;
|
|
margin: .75em 0;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.editor_toolbar button,
|
|
.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;
|
|
}
|
|
|
|
.user_level {
|
|
display: block;
|
|
}
|
|
|
|
#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;
|
|
}
|
|
|
|
#serendipityEntry {
|
|
position: relative;
|
|
}
|
|
|
|
#edit_entry_submit {
|
|
position: absolute;
|
|
top: -.75em;
|
|
right: 0;
|
|
}
|
|
|
|
|
|
/* HEADER */
|
|
#top {
|
|
background: #3e5f81;
|
|
background-image: -webkit-linear-gradient(#3e5f81, #294564);
|
|
background-image: linear-gradient(#3e5f81, #294564);
|
|
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;
|
|
}
|
|
|
|
|
|
/* NAVIGATION */
|
|
.js #main_menu {
|
|
margin-left: -100%;
|
|
}
|
|
|
|
.js #content {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.js #main_menu,
|
|
.js #content {
|
|
float: left;
|
|
}
|
|
|
|
.active_nav #main_menu {
|
|
box-shadow: 1px 1px 4px rgba(0,0,0,.5);
|
|
margin-left: 0;
|
|
width: 80%;
|
|
}
|
|
|
|
.active_nav #content {
|
|
margin-right: -100%;
|
|
}
|
|
|
|
#main_menu {
|
|
background: #ccdde7;
|
|
}
|
|
|
|
#main_menu h3 {
|
|
border-bottom: 1px solid #aaa;
|
|
color: #666;
|
|
font-size: 1em;
|
|
margin-bottom: .5em;
|
|
padding-bottom: .25em;
|
|
}
|
|
|
|
#main_menu > ul {
|
|
margin-bottom: .75em;
|
|
}
|
|
|
|
#main_menu a {
|
|
display: block;
|
|
padding-top: 3px;
|
|
padding-bottom: 3px;
|
|
}
|
|
|
|
#main_menu a,
|
|
#main_menu a:visited,
|
|
.quick_list h3 a,
|
|
.quick_list h3 a:visited {
|
|
text-decoration: none;
|
|
}
|
|
|
|
#nav-toggle {
|
|
float: left;
|
|
font-size: 1.25em;
|
|
margin: .35em .8em 0 0;
|
|
}
|
|
|
|
#main_menu #user_menu li {
|
|
display: inline-block;
|
|
margin-right: .5em;
|
|
width: auto;
|
|
}
|
|
|
|
|
|
/* CONTENT */
|
|
#content {
|
|
padding-bottom: 1.5em;
|
|
}
|
|
|
|
#edit_entry_timestamp,
|
|
#edit_entry_category,
|
|
#media_pane_filter,
|
|
.comments_pane .pagination,
|
|
.media_pane .pagination,
|
|
.entries_pane .pagination,
|
|
.karma_pane .pagination {
|
|
position: relative;
|
|
}
|
|
|
|
#media_pane_filter #toggle_filters {
|
|
position: absolute;
|
|
top: 0;
|
|
}
|
|
|
|
.comments_pane .pagination h3,
|
|
.media_pane .pagination h3,
|
|
.entries_pane .pagination h3,
|
|
.karma_pane .pagination h3 {
|
|
font-size: 1em;
|
|
font-weight: normal;
|
|
text-align: center;
|
|
}
|
|
|
|
#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,
|
|
#dashboard_entries .entry_status {
|
|
margin-top: .35em;
|
|
margin-bottom: .35em;
|
|
}
|
|
|
|
#login .form_buttons,
|
|
.media_file .actions,
|
|
#entries_list .actions,
|
|
.msg_hint > p:last-of-type {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#entries_list .actions,
|
|
.serendipityCommentForm,
|
|
#captchabox .captcha,
|
|
.editor_toolbar {
|
|
margin-top: .75em;
|
|
}
|
|
|
|
.media_file .actions,
|
|
.js #add_upload {
|
|
margin-top: 1em;
|
|
}
|
|
|
|
.category_data {
|
|
margin: 0 1em 0 0;
|
|
}
|
|
|
|
.category_desc {
|
|
display: block;
|
|
}
|
|
|
|
#serendipity_comments_list .form_check,
|
|
#serendipity_comments_list h4,
|
|
.karmalog .form_check,
|
|
.karmalog h4 {
|
|
margin: .75em 0;
|
|
}
|
|
|
|
.comment_data dt,
|
|
.template_info dt,
|
|
.edit_actions li {
|
|
margin: 0 .4em 0 0;
|
|
}
|
|
|
|
.actions li {
|
|
margin: 0 .4em .5em 0;
|
|
}
|
|
|
|
.no-js .media_file .actions li {
|
|
margin: 0 .4em 0 -.4em;
|
|
}
|
|
|
|
.editor_toolbar button {
|
|
margin: 0 .25em .75em 0;
|
|
}
|
|
|
|
.comment_data,
|
|
.configuration_group h3,
|
|
form > .button_link:first-of-type,
|
|
.upload_form > .form_field:first-child,
|
|
#uploadform .tabs ul {
|
|
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;
|
|
}
|
|
|
|
#serendipity_comments_list .actions {
|
|
margin: .75em 0;
|
|
}
|
|
|
|
.remove_msg,
|
|
.remove_msg:visited {
|
|
color: inherit;
|
|
margin-left: .4em;
|
|
}
|
|
|
|
.sub_perm {
|
|
margin-left: 1em;
|
|
}
|
|
|
|
#serendipity_admin_groups li ul div {
|
|
margin-left: 1.5em;
|
|
}
|
|
|
|
.category_info {
|
|
margin-left: 1em;
|
|
}
|
|
|
|
#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;
|
|
}
|
|
|
|
.filter_pane,
|
|
#meta_data > div,
|
|
#adv_opts > fieldset > div,
|
|
#adv_opts > fieldset > fieldset,
|
|
#downloads {
|
|
background: #eee;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
border: 1px solid #aaa;
|
|
padding: 0 .4em;
|
|
}
|
|
|
|
#meta_data > div,
|
|
#adv_opts > fieldset > div,
|
|
#adv_opts > fieldset > fieldset {
|
|
margin-bottom: 1em;
|
|
padding: .4em;
|
|
}
|
|
|
|
.filter_pane .form_buttons {
|
|
margin: 0;
|
|
}
|
|
|
|
#template_select article,
|
|
.media_file,
|
|
.plugins_installable > li {
|
|
padding: 0 .5em 1em;
|
|
}
|
|
|
|
.media_file {
|
|
padding: 0 .5em .5em;
|
|
}
|
|
|
|
.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,
|
|
#maintenance > section,
|
|
.serendipity_statistics > section,
|
|
#login {
|
|
border: 1px solid #aaa;
|
|
}
|
|
|
|
.mfp-content #s9y_links,
|
|
.mfp-content #edit_entry_category {
|
|
background: #fcfcfc;
|
|
margin: 0 auto;
|
|
max-width: 480px;
|
|
padding: 0 2em;
|
|
position: relative;
|
|
width: auto;
|
|
}
|
|
|
|
.mfp-content #edit_entry_category {
|
|
padding-bottom: 2em;
|
|
}
|
|
|
|
#edit_entry_category button.mfp-close {
|
|
color: #fafafa;
|
|
font-size: 1em;
|
|
height: auto;
|
|
opacity: 1;
|
|
text-shadow: #050505 0 1px 1px;
|
|
top: auto;
|
|
right: 1.5em;
|
|
bottom: 1em;
|
|
}
|
|
|
|
.js .mfp-wrap #edit_entry_category .wrap_legend,
|
|
.mfp-content #s9y_links h3 {
|
|
border-bottom: 1px solid #aaa;
|
|
display: block;
|
|
margin-bottom: .583335em;
|
|
padding-bottom: .583335em;
|
|
}
|
|
|
|
#category_list h3 {
|
|
float: left;
|
|
line-height: 1.5em;
|
|
margin: 0 2em .75em 0;
|
|
}
|
|
|
|
#category_list ul {
|
|
margin: 0 0 .75em;
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
#category_list li {
|
|
display: inline-block;
|
|
margin: 0 1em 0 0;
|
|
}
|
|
|
|
#template_select article,
|
|
.plugins_installable > li,
|
|
.media_file {
|
|
border-radius: 2px;
|
|
}
|
|
|
|
#dashboard > section > h3,
|
|
#maintenance > section > h3,
|
|
.serendipity_statistics > section > h3,
|
|
#login fieldset > span {
|
|
background: #ddd;
|
|
background-image: -webkit-linear-gradient(#fff, #ddd);
|
|
background-image: linear-gradient(#fff, #ddd);
|
|
border-bottom: 1px solid #aaa;
|
|
color: #666;
|
|
font-size: 1em;
|
|
margin: 0 -1em;
|
|
padding: .5em 1em;
|
|
}
|
|
|
|
#login fieldset > span {
|
|
display: block;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#dashboard > section,
|
|
#maintenance > section,
|
|
.serendipity_statistics > section,
|
|
#login {
|
|
border-radius: 2px;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
margin: 0 0 1em;
|
|
padding: 0 1em;
|
|
}
|
|
|
|
#dashboard_entries .actions {
|
|
float: left;
|
|
}
|
|
|
|
#dashboard_entries .entry_status {
|
|
float: right;
|
|
}
|
|
|
|
.media_wrap_thumb {
|
|
float: left;
|
|
margin: 0 2% 1em 0;
|
|
width: 48%;
|
|
}
|
|
|
|
#serendipityScaleImg img,
|
|
.configure_plugin .cke {
|
|
height: auto;
|
|
max-width: 99%;
|
|
}
|
|
|
|
.zebra_list,
|
|
.option_list .odd,
|
|
.option_list .even {
|
|
border: 1px solid #aaa;
|
|
}
|
|
|
|
.zebra_list .odd,
|
|
.zebra_list .even,
|
|
.upload_form {
|
|
border-bottom: 1px solid #aaa;
|
|
}
|
|
|
|
.zebra_list {
|
|
border-bottom: 0 none;
|
|
}
|
|
|
|
.option_list .odd,
|
|
.option_list .even {
|
|
margin-top: -1px;
|
|
}
|
|
|
|
.zebra_list .odd,
|
|
.option_list .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: 2px solid #b94a48;
|
|
}
|
|
|
|
#entries_list h3,
|
|
#serendipity_comments_list h4,
|
|
.karmalog h4 {
|
|
font-size: 1em;
|
|
line-height: 1.5;
|
|
max-width: 85%;
|
|
}
|
|
|
|
.toggle_headline > button,
|
|
#toggle_extended,
|
|
#toggle_metadata,
|
|
#toggle_advanced {
|
|
text-align: left;
|
|
width: 100%;
|
|
}
|
|
|
|
#entries_list > li,
|
|
#serendipity_comments_list > li,
|
|
.karmalog > li,
|
|
#categories li > div,
|
|
#serendipity_image_folders li > div,
|
|
.upload_form {
|
|
padding: 0 0 0 .4em;
|
|
}
|
|
|
|
.zebra_list .odd,
|
|
.zebra_list .even,
|
|
.option_list .odd,
|
|
.option_list .even,
|
|
.configure_plugin .config_optiongroup .odd,
|
|
.configure_plugin .config_optiongroup .even {
|
|
padding-left: .4em;
|
|
}
|
|
|
|
.theme_options .odd,
|
|
.theme_options .even {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
padding: 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;
|
|
}
|
|
|
|
.entry_status,
|
|
.comment_status,
|
|
.field_info {
|
|
background: #888;
|
|
border-radius: 2px;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
color: #fff;
|
|
padding: 0 .25em;
|
|
text-shadow: 1px 1px 1px rgba(0,0,0,.8);
|
|
}
|
|
|
|
.field_info {
|
|
clear: both;
|
|
display: block;
|
|
margin: .75em 0 0;
|
|
}
|
|
|
|
.installer .toggle_info {
|
|
padding: 1px 2px;
|
|
position: relative;
|
|
top: -1px;
|
|
}
|
|
|
|
.installer .toggle_info b {
|
|
display: inline-block;
|
|
font-family: Georgia, 'Times New Roman', serif;
|
|
font-size: .875em;
|
|
line-height: 1;
|
|
width: 1em;
|
|
speak: none;
|
|
text-align: center;
|
|
}
|
|
|
|
.installer .field_info a,
|
|
.installer .field_info a:visited {
|
|
color: #444;
|
|
text-shadow: none;
|
|
}
|
|
|
|
.installer .field_info a:hover,
|
|
.installer .field_info a:focus {
|
|
color: #fcfcfc;
|
|
}
|
|
|
|
#entries_list .entry_info .entry_status,
|
|
.comment_status {
|
|
float: right;
|
|
}
|
|
|
|
.comment_status {
|
|
margin: .5em;
|
|
}
|
|
|
|
#maintenance_cleanup .comment_status {
|
|
float: none;
|
|
margin: 0 0 .5em;
|
|
}
|
|
|
|
.pending {
|
|
color: #666;
|
|
}
|
|
|
|
#entries_list .entry_info .entry_status {
|
|
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;
|
|
}
|
|
|
|
label .perm_name,
|
|
.installer pre {
|
|
color: #888;
|
|
}
|
|
|
|
.perm_name {
|
|
font-family: monospace, serif;
|
|
font-size: .875em;
|
|
font-style: normal;
|
|
}
|
|
|
|
|
|
/* FOOTER */
|
|
#meta {
|
|
border-top: 1px solid #aaa;
|
|
color: #3e5f81;
|
|
text-align: center;
|
|
}
|
|
|
|
#meta p {
|
|
color: #666;
|
|
margin: 0;
|
|
padding: .75em;
|
|
}
|
|
|
|
|
|
/* LOGIN FORM */
|
|
#login {
|
|
margin: 2em auto 4em;
|
|
max-width: 22em;
|
|
}
|
|
|
|
#login .form_field label {
|
|
min-width: 8em;
|
|
}
|
|
|
|
|
|
/* PLUGIN MANAGER */
|
|
.pluginmanager_container {
|
|
background: transparent;
|
|
border: 1px solid #ddd;
|
|
border-radius: 2px;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
height: 98%;
|
|
margin: 0;
|
|
min-height: 12.5em;
|
|
padding: .25em;
|
|
position: relative;
|
|
}
|
|
|
|
.pluginmanager_container .placeholder {
|
|
border: 1px solid black;
|
|
border-radius: 2px
|
|
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;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.pluginmanager_place,
|
|
.pluginmanager_ownership,
|
|
.pluginmanager_move,
|
|
.pagination .next,
|
|
#login .form_buttons {
|
|
text-align: right;
|
|
}
|
|
|
|
.no-js .pluginmanager_place {
|
|
margin-top: .5em;
|
|
}
|
|
|
|
.plugin_count {
|
|
clear: both;
|
|
margin: 0 0 1.5em;
|
|
}
|
|
|
|
.pluginmanager .pluginmanager_grablet {
|
|
cursor: move;
|
|
display: block;
|
|
}
|
|
.pluginmanager_grablet button {
|
|
cursor: move;
|
|
}
|
|
|
|
.pluginmanager .pluginmanager_grablet,
|
|
.pluginmanager .pluginmanager_configure,
|
|
.pluginmanager_move {
|
|
position: absolute;
|
|
top: 5px;
|
|
}
|
|
|
|
.pluginmanager .pluginmanager_grablet,
|
|
.pluginmanager_move {
|
|
left: 5px;
|
|
}
|
|
|
|
.pluginmanager .pluginmanager_configure {
|
|
right: 5px;
|
|
}
|
|
|
|
.pluginmanager_plugin .form_check,
|
|
.pluginmanager_plugin h5 {
|
|
margin: .75em 0;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.nojs-controls,
|
|
.touch .pluginmanager_grablet {
|
|
display: none;
|
|
visibility: hidden;
|
|
}
|
|
|
|
.no-js .nojs-controls,
|
|
.touch .nojs-controls {
|
|
display: block;
|
|
visibility: visible;
|
|
}
|
|
|
|
|
|
/* MEDIA DB */
|
|
.media_pane .pagination,
|
|
.no-js .media_file_preview img,
|
|
.js .template_wrap,
|
|
.media_file .form_check {
|
|
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 #select_category,
|
|
.no-js #toggle_metadata,
|
|
.no-js #toggle_advanced,
|
|
.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,
|
|
.no-js .toggle_info .info-icon-circled,
|
|
.no-js .pluginmanager_grablet,
|
|
.no-js .image_resize_hint,
|
|
.no-js #serendipityScaleForm > .form_check,
|
|
.no-js .customfieldMedia,
|
|
.no-js .toggle_links,
|
|
.no-js .toggle_info,
|
|
.no-js #category_list,
|
|
.js .additional_info,
|
|
.hidden,
|
|
.msg_error > br,
|
|
.msg_success > br,
|
|
.msg_notice > br,
|
|
.msg_hint > br {
|
|
display: none !important;
|
|
visibility: hidden;
|
|
}
|
|
|
|
.no-js .mfp-hide {
|
|
display: block !important;
|
|
visibility: visible;
|
|
}
|
|
|
|
input[name="serendipity[filter][fileCategory]"] {
|
|
display: none;
|
|
}
|
|
|
|
.media_selector {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.media_selector,
|
|
.tabs > ul li > a {
|
|
border-radius: 0;
|
|
border-right: 0 none;
|
|
}
|
|
|
|
/* Needs IE8 fallback */
|
|
.media_selector:first-of-type,
|
|
.tabs > ul .first > a {
|
|
border-radius: 4px 0 0 4px;
|
|
}
|
|
|
|
.media_selector:last-of-type,
|
|
.tabs > ul .last > a {
|
|
border-radius: 0 4px 4px 0;
|
|
border-right: 1px solid #bbb;
|
|
}
|
|
|
|
#media_selector_bar {
|
|
float: right;
|
|
margin: 0 0 1em;
|
|
}
|
|
|
|
/* TEMP fixes for tree view */
|
|
#expandcontractdiv {
|
|
font-size: 1em !important;
|
|
margin: .75em auto !important;
|
|
}
|
|
|
|
#footerContainer {
|
|
margin-left: .75em !important;
|
|
margin-right: .75em !important;
|
|
}
|
|
|
|
#footerContainer .button_link {
|
|
display: block;
|
|
}
|
|
|
|
.ygtvitem table {
|
|
margin: 0;
|
|
}
|
|
/* end TEMP fixes */
|
|
|
|
/* MAGNIFIC POPUP */
|
|
.mfp-bg {
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 1042;
|
|
overflow: hidden;
|
|
position: fixed;
|
|
background: #0b0b0b;
|
|
opacity: 0.8;
|
|
filter: alpha(opacity=80); }
|
|
|
|
.mfp-wrap {
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 1043;
|
|
position: fixed;
|
|
outline: none !important;
|
|
-webkit-backface-visibility: hidden; }
|
|
|
|
.mfp-container {
|
|
text-align: center;
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
left: 0;
|
|
top: 0;
|
|
padding: 0 8px;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box; }
|
|
|
|
.mfp-container:before {
|
|
content: '';
|
|
display: inline-block;
|
|
height: 100%;
|
|
vertical-align: middle; }
|
|
|
|
.mfp-align-top .mfp-container:before {
|
|
display: none; }
|
|
|
|
.mfp-content {
|
|
position: relative;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
margin: 0 auto;
|
|
text-align: left;
|
|
z-index: 1045; }
|
|
|
|
.mfp-inline-holder .mfp-content,
|
|
.mfp-ajax-holder .mfp-content {
|
|
width: 100%;
|
|
cursor: auto; }
|
|
|
|
.mfp-ajax-cur {
|
|
cursor: progress; }
|
|
|
|
.mfp-zoom-out-cur,
|
|
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
|
|
cursor: -moz-zoom-out;
|
|
cursor: -webkit-zoom-out;
|
|
cursor: zoom-out; }
|
|
|
|
.mfp-zoom {
|
|
cursor: pointer;
|
|
cursor: -webkit-zoom-in;
|
|
cursor: -moz-zoom-in;
|
|
cursor: zoom-in; }
|
|
|
|
.mfp-auto-cursor .mfp-content {
|
|
cursor: auto; }
|
|
|
|
.mfp-close,
|
|
.mfp-arrow,
|
|
.mfp-preloader,
|
|
.mfp-counter {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none; }
|
|
|
|
.mfp-loading.mfp-figure {
|
|
display: none; }
|
|
|
|
.mfp-hide {
|
|
display: none !important; }
|
|
|
|
.mfp-preloader {
|
|
color: #cccccc;
|
|
position: absolute;
|
|
top: 50%;
|
|
width: auto;
|
|
text-align: center;
|
|
margin-top: -0.8em;
|
|
left: 8px;
|
|
right: 8px;
|
|
z-index: 1044; }
|
|
|
|
.mfp-preloader a {
|
|
color: #cccccc; }
|
|
|
|
.mfp-preloader a:hover {
|
|
color: white; }
|
|
|
|
.mfp-s-ready .mfp-preloader {
|
|
display: none; }
|
|
|
|
.mfp-s-error .mfp-content {
|
|
display: none; }
|
|
|
|
button.mfp-close,
|
|
button.mfp-arrow {
|
|
overflow: visible;
|
|
cursor: pointer;
|
|
background: transparent;
|
|
border: 0;
|
|
-webkit-appearance: none;
|
|
display: block;
|
|
padding: 0;
|
|
z-index: 1046; }
|
|
|
|
button::-moz-focus-inner {
|
|
padding: 0;
|
|
border: 0; }
|
|
|
|
.mfp-close {
|
|
width: 44px;
|
|
height: 44px;
|
|
line-height: 44px;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
text-decoration: none;
|
|
text-align: center;
|
|
opacity: 0.65;
|
|
padding: 0 0 18px 10px;
|
|
color: white;
|
|
font-style: normal;
|
|
font-size: 28px;
|
|
font-family: Arial, Baskerville, monospace; }
|
|
.mfp-close:hover, .mfp-close:focus {
|
|
opacity: 1; }
|
|
.mfp-close:active {
|
|
top: 1px; }
|
|
|
|
.mfp-close-btn-in .mfp-close {
|
|
color: #333333; }
|
|
|
|
.mfp-image-holder .mfp-close,
|
|
.mfp-iframe-holder .mfp-close {
|
|
color: white;
|
|
right: -6px;
|
|
text-align: right;
|
|
padding-right: 6px;
|
|
width: 100%; }
|
|
|
|
.mfp-counter {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
color: #cccccc;
|
|
font-size: 12px;
|
|
line-height: 18px; }
|
|
|
|
.mfp-arrow {
|
|
position: absolute;
|
|
opacity: 0.65;
|
|
margin: 0;
|
|
top: 50%;
|
|
margin-top: -55px;
|
|
padding: 0;
|
|
width: 90px;
|
|
height: 110px;
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
|
|
|
|
.mfp-arrow:active {
|
|
margin-top: -54px; }
|
|
|
|
.mfp-arrow:hover,
|
|
.mfp-arrow:focus {
|
|
opacity: 1; }
|
|
|
|
.mfp-arrow:before, .mfp-arrow:after,
|
|
.mfp-arrow .mfp-b,
|
|
.mfp-arrow .mfp-a {
|
|
content: '';
|
|
display: block;
|
|
width: 0;
|
|
height: 0;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
margin-top: 35px;
|
|
margin-left: 35px;
|
|
border: solid transparent; }
|
|
.mfp-arrow:after,
|
|
.mfp-arrow .mfp-a {
|
|
border-top-width: 13px;
|
|
border-bottom-width: 13px;
|
|
top: 8px; }
|
|
.mfp-arrow:before,
|
|
.mfp-arrow .mfp-b {
|
|
border-top-width: 21px;
|
|
border-bottom-width: 21px; }
|
|
|
|
.mfp-arrow-left {
|
|
left: 0; }
|
|
.mfp-arrow-left:after,
|
|
.mfp-arrow-left .mfp-a {
|
|
border-right: 17px solid white;
|
|
margin-left: 31px; }
|
|
.mfp-arrow-left:before,
|
|
.mfp-arrow-left .mfp-b {
|
|
margin-left: 25px;
|
|
border-right: 27px solid #3f3f3f; }
|
|
|
|
.mfp-arrow-right {
|
|
right: 0; }
|
|
.mfp-arrow-right:after,
|
|
.mfp-arrow-right .mfp-a {
|
|
border-left: 17px solid white;
|
|
margin-left: 39px; }
|
|
.mfp-arrow-right:before,
|
|
.mfp-arrow-right .mfp-b {
|
|
border-left: 27px solid #3f3f3f; }
|
|
|
|
.mfp-iframe-holder {
|
|
padding-top: 40px;
|
|
padding-bottom: 40px; }
|
|
|
|
.mfp-iframe-holder .mfp-content {
|
|
line-height: 0;
|
|
width: 100%;
|
|
max-width: 900px; }
|
|
|
|
.mfp-iframe-scaler {
|
|
width: 100%;
|
|
height: 0;
|
|
overflow: hidden;
|
|
padding-top: 56.25%; }
|
|
|
|
.mfp-iframe-scaler iframe {
|
|
position: absolute;
|
|
display: block;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
|
|
background: black; }
|
|
|
|
.mfp-iframe-holder .mfp-close {
|
|
top: -40px; }
|
|
|
|
/* Main image in popup */
|
|
img.mfp-img {
|
|
width: auto;
|
|
max-width: 100%;
|
|
height: auto;
|
|
display: block;
|
|
line-height: 0;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
padding: 40px 0 40px;
|
|
margin: 0 auto; }
|
|
|
|
/* The shadow behind the image */
|
|
.mfp-figure:after {
|
|
content: '';
|
|
position: absolute;
|
|
left: 0;
|
|
top: 40px;
|
|
bottom: 40px;
|
|
display: block;
|
|
right: 0;
|
|
width: auto;
|
|
height: auto;
|
|
z-index: -1;
|
|
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
|
|
background: #444444; }
|
|
|
|
.mfp-figure {
|
|
line-height: 0; }
|
|
|
|
.mfp-bottom-bar {
|
|
margin-top: -36px;
|
|
position: absolute;
|
|
top: 100%;
|
|
left: 0;
|
|
width: 100%;
|
|
cursor: auto; }
|
|
|
|
.mfp-title {
|
|
text-align: left;
|
|
line-height: 18px;
|
|
color: #f3f3f3;
|
|
word-break: break-word;
|
|
padding-right: 36px; }
|
|
|
|
.mfp-figure small {
|
|
color: #bdbdbd;
|
|
display: block;
|
|
font-size: 12px;
|
|
line-height: 14px; }
|
|
|
|
.mfp-image-holder .mfp-content {
|
|
max-width: 100%; }
|
|
|
|
.mfp-gallery .mfp-image-holder .mfp-figure {
|
|
cursor: pointer; }
|
|
|
|
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
|
|
/**
|
|
* Remove all paddings around the image on small screen
|
|
*/
|
|
.mfp-img-mobile .mfp-image-holder {
|
|
padding-left: 0;
|
|
padding-right: 0; }
|
|
|
|
.mfp-img-mobile img.mfp-img {
|
|
padding: 0; }
|
|
|
|
/* The shadow behind the image */
|
|
.mfp-img-mobile .mfp-figure:after {
|
|
top: 0;
|
|
bottom: 0; }
|
|
|
|
.mfp-img-mobile .mfp-bottom-bar {
|
|
background: rgba(0, 0, 0, 0.6);
|
|
bottom: 0;
|
|
margin: 0;
|
|
top: auto;
|
|
padding: 3px 5px;
|
|
position: fixed;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box; }
|
|
|
|
.mfp-img-mobile .mfp-bottom-bar:empty {
|
|
padding: 0; }
|
|
|
|
.mfp-img-mobile .mfp-counter {
|
|
right: 5px;
|
|
top: 3px; }
|
|
|
|
.mfp-img-mobile .mfp-close {
|
|
top: 0;
|
|
right: 0;
|
|
width: 35px;
|
|
height: 35px;
|
|
line-height: 35px;
|
|
background: rgba(0, 0, 0, 0.6);
|
|
position: fixed;
|
|
text-align: center;
|
|
padding: 0; }
|
|
|
|
.mfp-img-mobile .mfp-figure small {
|
|
display: inline;
|
|
margin-left: 5px; } }
|
|
@media all and (max-width: 900px) {
|
|
.mfp-arrow {
|
|
-webkit-transform: scale(0.75);
|
|
transform: scale(0.75); }
|
|
|
|
.mfp-arrow-left {
|
|
-webkit-transform-origin: 0;
|
|
transform-origin: 0; }
|
|
|
|
.mfp-arrow-right {
|
|
-webkit-transform-origin: 100%;
|
|
transform-origin: 100%; }
|
|
|
|
.mfp-container {
|
|
padding-left: 6px;
|
|
padding-right: 6px; } }
|
|
.mfp-ie7 .mfp-img {
|
|
padding: 0; }
|
|
.mfp-ie7 .mfp-bottom-bar {
|
|
width: 600px;
|
|
left: 50%;
|
|
margin-left: -300px;
|
|
margin-top: 5px;
|
|
padding-bottom: 5px; }
|
|
.mfp-ie7 .mfp-container {
|
|
padding: 0; }
|
|
.mfp-ie7 .mfp-content {
|
|
padding-top: 44px; }
|
|
.mfp-ie7 .mfp-close {
|
|
top: 0;
|
|
right: 0;
|
|
padding-top: 0; }
|
|
|
|
|
|
/* SMALL SCREEN */
|
|
@media only screen and (min-width: 480px) {
|
|
#edit_entry_submit {
|
|
top: -3.25em;
|
|
}
|
|
|
|
#pluginlist_tabs {
|
|
position: relative;
|
|
}
|
|
|
|
.tabcontent #pluginlist_event > a,
|
|
.tabcontent #pluginlist_sidebar > a {
|
|
position: absolute;
|
|
top: -1px;
|
|
right: 0;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 481px) {
|
|
#login {
|
|
max-width: 25em;
|
|
}
|
|
|
|
#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;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 640px) {
|
|
#entries_list h3,
|
|
#serendipity_comments_list h4,
|
|
.karmalog h4 {
|
|
max-width: none;
|
|
}
|
|
|
|
.comments_pane .pagination h3,
|
|
.media_pane .pagination h3,
|
|
.entries_pane .pagination h3,
|
|
.karma_pane .pagination h3 {
|
|
position: absolute;
|
|
top: -60%;
|
|
left: 37%;
|
|
}
|
|
|
|
#mediaPropertyForm .media_file_props label,
|
|
#mediaPropertyForm header b,
|
|
#mediaPropertyForm footer b {
|
|
display: inline-block;
|
|
width: 20%;
|
|
}
|
|
|
|
.user_level {
|
|
display: inline;
|
|
}
|
|
|
|
.entryproperties_access_groups,
|
|
.entryproperties_access_users,
|
|
.entryproperties_access_author,
|
|
.entryproperties_markup {
|
|
float: left;
|
|
margin-right: 2%;
|
|
width: 48%;
|
|
}
|
|
|
|
.entryproperties_customfields {
|
|
clear: both;
|
|
}
|
|
|
|
.media_file_keywords li {
|
|
width: 23%;
|
|
}
|
|
}
|
|
|
|
|
|
/* MEDIUM SCREEN */
|
|
@media only screen and (min-width: 768px) {
|
|
html {
|
|
font-size: 1em;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 1.25em;
|
|
line-height: 1.125em;
|
|
margin: .6em 0;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 1.5em;
|
|
line-height: 1em;
|
|
margin: 1em 0;
|
|
}
|
|
|
|
pre {
|
|
font-size: .875em;
|
|
line-height: 1.71429em;
|
|
margin: 1.71429em 0;
|
|
}
|
|
|
|
#main_menu li > ul > li {
|
|
width: 33%;
|
|
}
|
|
|
|
#template_select article,
|
|
.plugins_installable > li,
|
|
#serendipityScaleForm,
|
|
#serendipityScaleImg,
|
|
.media_file,
|
|
#dashboard > .quick_list,
|
|
#maintenance > .quick_list,
|
|
.serendipity_statistics > section,
|
|
#serendipity_category > div > div,
|
|
#serendipity_category #preview,
|
|
#serendipity_category > div > fieldset,
|
|
#directory_permissions .form_multiselect {
|
|
float: left;
|
|
margin: 0 2% 1em 0;
|
|
width: 48%;
|
|
}
|
|
|
|
#template_select .even,
|
|
.media_pane .even,
|
|
#dashboard > .even,
|
|
#maintenance > section:nth-child(odd) {
|
|
margin: 0 0 1em 2%;
|
|
}
|
|
|
|
#dashboard > .odd,
|
|
#maintenance > 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;
|
|
}
|
|
|
|
#meta_data > div,
|
|
#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,
|
|
.field_info {
|
|
float: left;
|
|
margin-right: 2%;
|
|
width: 48%;
|
|
}
|
|
|
|
#hide_subcats_info {
|
|
float: none;
|
|
margin: .85715em 0 0;
|
|
width: 100%;
|
|
}
|
|
|
|
#edit_entry_status_comments {
|
|
float: left;
|
|
width: 70%;
|
|
}
|
|
|
|
#maintenance_import label {
|
|
display: block;
|
|
}
|
|
|
|
.js #serendipity_category .form_field #category_icon {
|
|
width: 85%;
|
|
}
|
|
|
|
#entry_status {
|
|
width: 100%;
|
|
}
|
|
|
|
.serendipity_statistics > .wide_box {
|
|
clear: left;
|
|
float: none;
|
|
margin: 0 0 1em;
|
|
width: 100%;
|
|
}
|
|
|
|
.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,
|
|
.plugins_installable > li:nth-child(odd),
|
|
.media_pane .odd,
|
|
#dashboard > section:last-child,
|
|
.serendipity_statistics > section:nth-child(odd) {
|
|
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;
|
|
}
|
|
|
|
.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%;
|
|
}
|
|
|
|
#pluginlist_event .pluginmanager_side:nth-child(even) {
|
|
margin-right: 0;
|
|
margin-left: 1%;
|
|
}
|
|
|
|
#meta p {
|
|
font-size: .875em;
|
|
padding: .85715em;
|
|
}
|
|
}
|
|
|
|
|
|
/* LARGE SCREEN */
|
|
@media only screen and (min-width: 900px) {
|
|
#edit_entry_status_comments .form_check {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#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;
|
|
}
|
|
|
|
#sort_entries .form_select label,
|
|
#filter_entries .form_select label,
|
|
#filter_entries .form_field label,
|
|
#filter_comments label,
|
|
#serendipity_comment label,
|
|
#media_pane_filter label,
|
|
#media_pane_sort label,
|
|
#karmafilters label {
|
|
display: block;
|
|
width: auto;
|
|
}
|
|
|
|
#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,
|
|
#karmafilters .form_field input,
|
|
#karmafilters .form_select select {
|
|
width: 85%;
|
|
}
|
|
|
|
#sort_entries .form_select,
|
|
#filter_comments .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% ;
|
|
}
|
|
|
|
#filter_entries .form_select,
|
|
#filter_entries .form_field {
|
|
float: left;
|
|
width: 25%;
|
|
}
|
|
|
|
#karmafilters .form_field,
|
|
#karmafilters .form_select {
|
|
float: left;
|
|
width: 50%;
|
|
}
|
|
|
|
#media_filter_file,
|
|
#media_pane_sort .left,
|
|
#serendipity_comment .form_area {
|
|
clear: both;
|
|
}
|
|
|
|
#keyword_list {
|
|
padding-top: 2em;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 1024px) {
|
|
#login .form_field input {
|
|
width: auto;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 1.125em;
|
|
line-height: 1.3333em;
|
|
margin: .6667em 0;
|
|
}
|
|
|
|
#top > div,
|
|
main {
|
|
margin: 0 auto;
|
|
max-width: 80em;
|
|
width: 96%;
|
|
}
|
|
|
|
#main_menu {
|
|
background: transparent;
|
|
}
|
|
|
|
#user_menu {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 1.5%;
|
|
text-align: right;
|
|
width: auto;
|
|
}
|
|
|
|
#main_menu #user_menu h3 {
|
|
border: 0 none;
|
|
color: #ccdee7;
|
|
float: left;
|
|
font-weight: normal;
|
|
margin: 1em 1em 0 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#user_menu > ul {
|
|
float: right;
|
|
margin-top: .6em;
|
|
}
|
|
|
|
#top > div,
|
|
#main_menu,
|
|
#content {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
|
|
.js #main_menu {
|
|
margin-left: 0;
|
|
}
|
|
|
|
#nav-toggle {
|
|
display: none !important;
|
|
visibility: hidden;
|
|
}
|
|
|
|
#main_menu {
|
|
display: block !important;
|
|
visibility: visible;
|
|
}
|
|
|
|
#main_menu h3 {
|
|
background: #ddd;
|
|
background-image: -webkit-linear-gradient(#fff, #ddd);
|
|
background-image: linear-gradient(#fff, #ddd);
|
|
border-bottom: 1px solid #aaa;
|
|
display: block;
|
|
color: #666;
|
|
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;
|
|
border-radius: 2px;
|
|
-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%;
|
|
}
|
|
|
|
#main_menu {
|
|
float: left;
|
|
margin: 0 2% 0 0;
|
|
}
|
|
|
|
#main_menu #user_menu {
|
|
border: 0 none;
|
|
padding: 0;
|
|
}
|
|
|
|
#main_menu #user_menu h3 {
|
|
background: transparent;
|
|
border: 0 none;
|
|
padding-top: 0;
|
|
}
|
|
|
|
#content {
|
|
float: right;
|
|
margin: 0 0 0 2%;
|
|
}
|
|
|
|
#preview {
|
|
float: left;
|
|
margin-bottom: 2.25em;
|
|
width: 66%;
|
|
}
|
|
|
|
#main_menu {
|
|
width: 23%;
|
|
}
|
|
|
|
#content {
|
|
width: 73%;
|
|
}
|
|
|
|
.installer #content {
|
|
float: none;
|
|
margin: 0 auto 2em;
|
|
max-width: 60em;
|
|
width: 100%;
|
|
}
|
|
|
|
#login {
|
|
margin: 4em auto 8em;
|
|
}
|
|
}
|
|
|
|
|
|
/* LARGER SCREENS */
|
|
@media only screen and (min-width: 1280px) {
|
|
.js .configuration_group .media_choose input {
|
|
max-width: 42.5%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 1600px) {
|
|
html {
|
|
font-size: 1.125em;
|
|
}
|
|
}
|