530 lines
9.3 KiB
CSS
530 lines
9.3 KiB
CSS
/* HTML Elements */
|
|
|
|
body {
|
|
color: #999;
|
|
background: white;
|
|
font-family: verdana, arial, sans-serif;
|
|
}
|
|
|
|
.droid, .droid button,
|
|
.droid input, .droid select,
|
|
.droid textarea { font-family: 'Droid Sans', sans-serif; }
|
|
|
|
.ptsans, .ptsans button,
|
|
.ptsans input, .ptsans select,
|
|
.ptsans textarea { font-family: 'PT Sans', sans-serif; }
|
|
|
|
.osans, .osans button,
|
|
.osans input, .osans select,
|
|
.osans textarea { font-family: 'Open Sans', sans-serif; }
|
|
|
|
.cabin, .cabin button,
|
|
.cabin input, .cabin select,
|
|
.cabin textarea { font-family: 'Cabin', sans-serif; }
|
|
|
|
.ubuntu, .ubuntu button,
|
|
.ubuntu input, .ubuntu select,
|
|
.ubuntu textarea { font-family: 'Ubuntu', sans-serif; }
|
|
|
|
.dserif, .dserif button,
|
|
.dserif input, .dserif select,
|
|
.dserif textarea { font-family: 'Droid Serif', serif; }
|
|
|
|
p {
|
|
hyphens: auto;
|
|
}
|
|
|
|
.block_level,
|
|
fieldset,
|
|
.no-js #primary-nav ul,
|
|
.form_field label,
|
|
.form_tarea label,
|
|
.podcastdownload,
|
|
#primary-nav select,
|
|
.serendipity_comment_captcha .captcha,
|
|
.serendipity_comment_captcha label,
|
|
.serendipity_freeTag { display: block; }
|
|
|
|
a,
|
|
a:link,
|
|
a:visited {
|
|
color: #336666;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:active,
|
|
a:hover {
|
|
color: #669999;
|
|
text-decoration: none;
|
|
}
|
|
|
|
img {
|
|
border: 0;
|
|
}
|
|
|
|
h3, h4 {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
|
|
input:focus, input:hover,
|
|
button:focus, button:hover,
|
|
submit:focus, submit:hover,
|
|
select:focus, select:hover,
|
|
textarea:focus, textarea:hover {
|
|
background-color: #eee;
|
|
}
|
|
|
|
input.radio,
|
|
input[type="radio"],
|
|
input[type="checkbox"] {
|
|
border: none;
|
|
}
|
|
|
|
blockquote {
|
|
border: 1px #999 dashed;
|
|
background-image: url({TEMPLATE_PATH}img/quote.gif);
|
|
background-repeat: no-repeat;
|
|
background-position: 0.5em 0.5em;
|
|
padding: 1em;
|
|
margin: 1em;
|
|
margin-right: 0;
|
|
}
|
|
|
|
ul {
|
|
list-style-image: url({TEMPLATE_PATH}img/bullet.gif);
|
|
list-style-type: circle;
|
|
padding-left: 1em;
|
|
}
|
|
|
|
::-moz-selection {
|
|
background: #eee;
|
|
}
|
|
|
|
::selection {
|
|
background: #eee;
|
|
}
|
|
|
|
/* Banner */
|
|
|
|
#identity {
|
|
width: 62%;
|
|
float: left;
|
|
}
|
|
|
|
#searchform {
|
|
width: 38%;
|
|
float: left;
|
|
height: 150px;
|
|
padding-top: 4rem;
|
|
}
|
|
|
|
#searchform input {
|
|
max-width: 20rem;
|
|
}
|
|
|
|
.js #searchsend { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
|
|
|
|
.no-js #searchsend { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
|
|
|
|
|
|
#banner {
|
|
background-image: url({TEMPLATE_PATH}img/I_had_an_idea.jpg);
|
|
background-repeat: no-repeat;
|
|
height: 150px;
|
|
max-width: 80rem;
|
|
margin: auto;
|
|
border-bottom: 1px #999 dashed;
|
|
}
|
|
|
|
#banner h1 {
|
|
margin-left: 140px;
|
|
font-variant: small-caps;
|
|
padding-top: 2rem;
|
|
}
|
|
|
|
#banner p {
|
|
margin-left: 140px;
|
|
}
|
|
|
|
#banner a,
|
|
#banner a:hover,
|
|
#banner a:link,
|
|
#banner a:visited {
|
|
color: #999;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#banner a,
|
|
#banner a:hover,
|
|
#banner a:link,
|
|
#banner a:visited {
|
|
color: #999;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#searchform {
|
|
float: right;
|
|
position: relative;
|
|
}
|
|
|
|
/* Calendar */
|
|
|
|
table.serendipity_calendar a,
|
|
table.serendipity_calendar a:link,
|
|
table.serendipity_calendar a:visited {
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
}
|
|
|
|
table.serendipity_calendar a:hover {
|
|
background: #ccc;
|
|
color: #003366;
|
|
}
|
|
|
|
table.serendipity_calendar td {
|
|
font-size: x-small;
|
|
padding: 0.2em;
|
|
text-align: center;
|
|
}
|
|
|
|
td.serendipity_calendarHeader a,
|
|
td.serendipity_calendarHeader a:link,
|
|
td.serendipity_calendarHeader a:visited,
|
|
td.serendipity_calendarHeader a:hover {
|
|
color: #003366;
|
|
font-weight: bold;
|
|
border: 0;
|
|
background: white;
|
|
}
|
|
|
|
/* Sidebars */
|
|
|
|
#sidebar_left,
|
|
#sidebar_right {
|
|
display: block;
|
|
padding: 10px;
|
|
width: 11em;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.sidebar_plugin h3 {
|
|
color: #666;
|
|
font-weight: bolder;
|
|
line-height: 140%;
|
|
padding: 0.2em;
|
|
padding-left: 1em;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
#sidebar_right .sidebar_plugin h3 {
|
|
border-left: 1px #666 dashed;
|
|
}
|
|
|
|
#sidebar_left .sidebar_plugin h3 {
|
|
border-right: 1px #666 dashed;
|
|
}
|
|
|
|
.sidebar_content {
|
|
margin-bottom: 1em;
|
|
padding-bottom: 1em;
|
|
}
|
|
|
|
.sidebar_content {
|
|
color: #333;
|
|
border-top: 1px #666 dashed;
|
|
padding-top: 0.5em;
|
|
padding-left: 1em;
|
|
padding-right: 1em;
|
|
}
|
|
|
|
#sidebar_right .sidebar_content {
|
|
border-right: 1px #666 dashed;
|
|
}
|
|
|
|
#sidebar_left .sidebar_content {
|
|
border-left: 1px #666 dashed;
|
|
}
|
|
|
|
/* Entries */
|
|
|
|
div.serendipity_Entry_Date {
|
|
padding-left: 1em;
|
|
}
|
|
|
|
.serendipity_byline {
|
|
color: #999;
|
|
text-transform: lowercase;
|
|
margin-bottom: 0.7em;
|
|
border-bottom: 1px #999 dashed;
|
|
text-align: right;
|
|
|
|
background-image: url({TEMPLATE_PATH}img/clock_face_messy_paint_runs.jpg);
|
|
background-repeat: no-repeat;
|
|
background-position: bottom right;
|
|
height: 21px;
|
|
padding-right: 60px;
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
.serendipity_entry h2 {
|
|
padding-bottom: 0;
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
|
|
}
|
|
|
|
.serendipity_entry h2 a,
|
|
.serendipity_entry h2 a:hover,
|
|
.serendipity_entry h2 a:link,
|
|
.serendipity_entry h2 a:visited {
|
|
color: #999;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.serendipity_entry {
|
|
font-weight: normal;
|
|
line-height: 140%;
|
|
padding-left: 1em;
|
|
}
|
|
|
|
.serendipity_entry_body {
|
|
color: #1A1A1A;
|
|
}
|
|
|
|
.serendipity_entry footer {
|
|
padding-top: 1em;
|
|
margin-bottom: 1em;
|
|
clear: both;
|
|
}
|
|
|
|
/* Comments */
|
|
|
|
.serendipity_comment {
|
|
border-left: double #999 thick;
|
|
margin-left: 10px;
|
|
margin-right: 10px;
|
|
margin-top: 1em;
|
|
padding: 3px;
|
|
padding-bottom: 0;
|
|
overflow: auto;
|
|
}
|
|
|
|
.serendipity_commentBody {
|
|
padding-bottom: 1em;
|
|
}
|
|
|
|
.serendipity_comment h4 {
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
#serendipityQuickSearchTermField,
|
|
#serendipity_comment input[type=text],
|
|
#serendipity_comment input[type=email],
|
|
#serendipity_comment input[type=url] { width: 95%; }
|
|
|
|
#serendipity_replyTo,
|
|
#serendipity_comment textarea { width: 95%; }
|
|
|
|
.commentlevel-1 { margin-left: 1em; }
|
|
.commentlevel-2 { margin-left: 2em; }
|
|
.commentlevel-3 { margin-left: 3em; }
|
|
.commentlevel-4 { margin-left: 4em; }
|
|
.commentlevel-5 { margin-left: 5em; }
|
|
.commentlevel-6 { margin-left: 6em; }
|
|
.commentlevel-7 { margin-left: 7em; }
|
|
.commentlevel-8 { margin-left: 8em; }
|
|
.commentlevel-9 { margin-left: 9em; }
|
|
|
|
/* Misc */
|
|
|
|
#content {
|
|
flex: 3 1 60%;
|
|
order: 2;
|
|
max-width: 40rem;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
#page > div {
|
|
display: flex;
|
|
flex-flow: row;
|
|
max-width: 80rem;
|
|
margin: auto;
|
|
clear: both;
|
|
}
|
|
|
|
#sidebar_left {
|
|
flex: 1 6 20%;
|
|
order: 1;
|
|
}
|
|
|
|
#sidebar_right {
|
|
flex: 1 6 20%;
|
|
order: 3;
|
|
}
|
|
|
|
/** Embedded images with the s9y image manager **/
|
|
.serendipity_imageComment_center,
|
|
.serendipity_imageComment_left,
|
|
.serendipity_imageComment_right {
|
|
border: 1px solid black;
|
|
background-color: #EFEFEF;
|
|
margin: 3px;
|
|
}
|
|
|
|
.serendipity_imageComment_center {
|
|
margin: 0px;
|
|
}
|
|
|
|
.serendipity_imageComment_left {
|
|
float: left;
|
|
}
|
|
|
|
.serendipity_imageComment_right {
|
|
float: right;
|
|
}
|
|
|
|
.serendipity_imageComment_img,
|
|
.serendipity_imageComment_img img {
|
|
margin: 0px;
|
|
padding: 0px;
|
|
border: 0px;
|
|
text-align: center;
|
|
}
|
|
|
|
.serendipity_imageComment_txt {
|
|
margin: 0px;
|
|
padding: 3px;
|
|
clear: both;
|
|
text-align: center;
|
|
}
|
|
|
|
img.serendipity_entryIcon {
|
|
float: right;
|
|
border: 0px;
|
|
padding: 0.3em;
|
|
}
|
|
|
|
.serendipity_admin_list_item_even {
|
|
}
|
|
|
|
.serendipity_admin_list_item_uneven {
|
|
background-color: #eee;
|
|
}
|
|
|
|
.serendipity_admin_filters {
|
|
border: 1px dashed;
|
|
background-color: #FFFFFF;
|
|
margin-bottom: 10px;
|
|
padding: 2px;
|
|
}
|
|
|
|
.serendipity_admin_filters_headline {
|
|
border-bottom: 1px solid;
|
|
}
|
|
|
|
.serendipity_admin_sortorder {
|
|
text-align: center;
|
|
}
|
|
|
|
.serendipity_comments {
|
|
}
|
|
|
|
.serendipity_center {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
text-align: center;
|
|
}
|
|
|
|
.serendipity_msg_important {
|
|
color: red;
|
|
}
|
|
|
|
.serendipity_msg_notice {
|
|
color: green;
|
|
}
|
|
|
|
.serendipity_entry_author_self {
|
|
}
|
|
|
|
.serendipity_comment_author_self {
|
|
border-left: double #669999 thick;
|
|
color: #669999;
|
|
}
|
|
|
|
/* pagination */
|
|
|
|
|
|
.serendipity_pagination ul {
|
|
list-style-image: none;
|
|
list-style-type: none;
|
|
display: flex;
|
|
}
|
|
|
|
.prev {
|
|
order: 1;
|
|
}
|
|
|
|
.info {
|
|
order: 2;
|
|
margin-left: 1rem;
|
|
margin-right: 1rem;
|
|
}
|
|
|
|
.next {
|
|
order: 3;
|
|
}
|
|
|
|
/*** Additional plugin styles needed for the modernized output code ***/
|
|
/*** added by Matthias 'YellowLed' Mees ***/
|
|
|
|
.plainList {
|
|
list-style: none;
|
|
margin-left: 0;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.container_serendipity_authors_plugin .serendipitySideBarContent div {
|
|
margin: 5px 0;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.serendipity_history_author { font-weight: bolder; }
|
|
|
|
.serendipity_history_intro,
|
|
.serendipity_history_info { margin-bottom: 3px; }
|
|
|
|
.serendipity_history_body { margin-bottom: 10px; }
|
|
|
|
.serendipity_recententries_entrylink { margin-bottom: 2px; }
|
|
|
|
.serendipity_recententries_entrydate { margin: 0 0 4px 0; }
|
|
|
|
.plugin_comment_body { padding: 3px 0; }
|
|
|
|
.serendipity_shoutbox_date { margin: 5px 0 2px 0; }
|
|
|
|
.serendipity_shoutbox_comment { padding: 3px 0; }
|
|
|
|
/*** End Additional plugin styles ***/
|
|
|
|
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
|
|
|
|
.visuallyhidden.focusable:active,
|
|
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
|
|
|
|
.clearfix:before, .clearfix:after { content: ""; display: table; }
|
|
.clearfix:after { clear: both; }
|
|
.clearfix { zoom: 1; }
|
|
|
|
.serendipity_edit_nugget, .serendipity_byline, .serendipity_entry footer {
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
#colophon {
|
|
text-align: center;
|
|
}
|