885 lines
13 KiB
CSS
885 lines
13 KiB
CSS
/*
|
|
Theme Name: Semiologic
|
|
Theme URI: http://www.semiologic.com/software/sem-reloaded/
|
|
Description: The Semiologic theme, Reloaded.
|
|
Version: 1.0.3
|
|
Author: Denis de Bernardy & Mike Koepke
|
|
Author URI: http://www.semiologic.com
|
|
Text Domain: sem-reloaded
|
|
License: GNU General Public License v2 or later
|
|
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
|
Tags: two-columns, three-columns, fixed-width, custom-header, custom-background, sticky-post, microformats
|
|
|
|
/*
|
|
Terms of use
|
|
------------
|
|
|
|
This software is copyright Mesoconcepts (http://www.mesoconcepts.com), and is distributed under the terms of the GPL license, v.2.
|
|
|
|
**/
|
|
|
|
/*
|
|
DO NOT EDIT THIS FILE
|
|
=====================
|
|
|
|
Semiologic has a custom.css feature.
|
|
|
|
To customize this file, create a custom.css file in the theme's folder, or in your skin's folder.
|
|
Paste this file's contents into it, then only keep that which you need. Remove references to images,
|
|
or adjust them accordingly. This will let you customize the theme's CSS without losing your changes
|
|
when you upgrade.
|
|
*/
|
|
|
|
|
|
/*
|
|
Reset
|
|
-----
|
|
Based on YUI Reset and YUI Font
|
|
Copyright (c) 2008, Yahoo! Inc. All rights reserved. BSD Licensed.
|
|
*/
|
|
|
|
html {
|
|
color:#000;
|
|
background:#fff;
|
|
}
|
|
|
|
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote {
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
|
|
fieldset, img {
|
|
border:0;
|
|
}
|
|
|
|
address, caption, cite, code, dfn, em, strong, th, var {
|
|
font-style: inherit;
|
|
font-weight: inherit;
|
|
}
|
|
|
|
caption, th {
|
|
text-align:left;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
font-size:100%;
|
|
font-weight: inherit;
|
|
}
|
|
|
|
q:before,
|
|
q:after {
|
|
content:'';
|
|
}
|
|
|
|
abbr, acronym {
|
|
border:0;
|
|
font-variant:normal;
|
|
}
|
|
|
|
sup {
|
|
vertical-align:text-top;
|
|
}
|
|
|
|
sub {
|
|
vertical-align:text-bottom;
|
|
}
|
|
|
|
input, textarea, select {
|
|
font-family:inherit;
|
|
font-size:inherit;
|
|
font-weight:inherit;
|
|
}
|
|
|
|
input, textarea, select {
|
|
*font-size:100%;
|
|
}
|
|
|
|
legend {
|
|
color:#000;
|
|
}
|
|
|
|
body {
|
|
font:14px/1.432 "Trebuchet MS", "Nimbus Sans L", "DejaVu Sans", Sans-Serif;
|
|
}
|
|
|
|
table {
|
|
font-size:inherit;
|
|
font:100%;
|
|
}
|
|
|
|
pre, code, kbd, samp, tt {
|
|
font: 13px/1.231 Consolas, Menlo, Monaco, "Lucida Console", "DejaVu Sans Mono", Monospace;
|
|
}
|
|
|
|
input, button, textarea {
|
|
line-height: 123.1%;
|
|
}
|
|
|
|
|
|
/*
|
|
Theme Fonts
|
|
-----------
|
|
*/
|
|
|
|
.arial {
|
|
font-family: Arial, "Liberation Sans", "Nimbus Sans L", "DejaVu Sans", Sans-Serif;
|
|
}
|
|
|
|
.tahoma {
|
|
font-family: Tahoma, "Nimbus Sans L", "DejaVu Sans", Sans-Serif;
|
|
}
|
|
|
|
.trebuchet {
|
|
font-family: "Trebuchet MS", "Nimbus Sans L", "DejaVu Sans", Sans-Serif;
|
|
}
|
|
|
|
.verdana {
|
|
font-family: Verdana, "Nimbus Sans L", "DejaVu Sans", Sans-Serif;
|
|
}
|
|
|
|
.antica,
|
|
.bookman,
|
|
.garamond {
|
|
font-family: Palatino, "Book Antica", "Palatino Linotype", "URW Palladio L", Palladio, Georgia, "DejaVu Serif", Serif;
|
|
}
|
|
|
|
.georgia {
|
|
font-family: Georgia, "New Century Schoolbook", "Century Schoolbook L", "DejaVu Serif", Serif;
|
|
}
|
|
|
|
.times {
|
|
font-family: "Times New Roman", Times, "Liberation Serif", "DejaVu Serif Condensed", Serif;
|
|
}
|
|
|
|
.courier {
|
|
font-family: "Courier New", "Liberation Mono", "Nimbus Mono L", Monospace;
|
|
}
|
|
|
|
.helvetica {
|
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
}
|
|
|
|
.lucida {
|
|
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
|
|
}
|
|
|
|
/*
|
|
Semiologic Defaults
|
|
-------------------
|
|
*/
|
|
|
|
pre, blockquote, li, dt, dd {
|
|
margin: 3px 0px;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6, p, ul, ol, dl {
|
|
margin: 10px 0px;
|
|
}
|
|
|
|
blockquote, q, ul, ol, dl {
|
|
margin-left: 20px;
|
|
}
|
|
|
|
ul ul,
|
|
ol ol,
|
|
dl dl {
|
|
margin-left: 8px;
|
|
margin-top: 4px;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
pre {
|
|
padding: 15px;
|
|
background: #f8f8ff;
|
|
color: #000;
|
|
border: dotted 1px #bbb;
|
|
}
|
|
|
|
.main blockquote {
|
|
background: url(icons/blockquote.gif) top left no-repeat;
|
|
padding: 1px 10px 1px 50px;
|
|
margin: 0px;
|
|
min-height: 50px;
|
|
}
|
|
|
|
strong, b {
|
|
font-weight: bold;
|
|
}
|
|
|
|
em, i {
|
|
font-style: italic;
|
|
}
|
|
|
|
del, s {
|
|
text-decoration: line-through;
|
|
}
|
|
|
|
ins, u {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
a,
|
|
pre a {
|
|
color: #11d;
|
|
}
|
|
|
|
a:hover,
|
|
pre a:hover {
|
|
color: #b11;
|
|
}
|
|
|
|
.align_center {
|
|
text-align: center;
|
|
}
|
|
|
|
img.align_center {
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.align_left {
|
|
text-align: left;
|
|
}
|
|
|
|
.align_right {
|
|
text-align: right;
|
|
}
|
|
|
|
.float_left {
|
|
float: left;
|
|
margin-right: 5px;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.float_right {
|
|
float: right;
|
|
margin-left: 5px;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.active {
|
|
font-weight: bold;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 24px;
|
|
letter-spacing: -1px;
|
|
line-height: 123.1%;
|
|
font-family: Georgia, "New Century Schoolbook", "Century Schoolbook L", "DejaVu Serif", Serif;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 19px;
|
|
line-height: 123.1%;
|
|
font-family: Georgia, "New Century Schoolbook", "Century Schoolbook L", "DejaVu Serif", Serif;
|
|
}
|
|
|
|
.widget_calendar table {
|
|
line-height: 123.1%;
|
|
}
|
|
|
|
.widget_calendar caption {
|
|
font-size: 17px;
|
|
line-height: 123.1%;
|
|
font-family: Georgia, "New Century Schoolbook", "Century Schoolbook L", "DejaVu Serif", Serif;
|
|
}
|
|
|
|
.widget_calendar tfoot a {
|
|
color: inherit;
|
|
}
|
|
|
|
h3,
|
|
th {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.entry_content h3 {
|
|
font-size: 15px;
|
|
}
|
|
|
|
.entry_categories p,
|
|
.entry_tags p {
|
|
margin: 3px 0px;
|
|
}
|
|
|
|
.button {
|
|
font-weight: bold;
|
|
background-image: none;
|
|
background-position: top center;
|
|
background-repeat: repeat-x;
|
|
background-color: #dfdfdf;
|
|
border: solid 1px #808080;
|
|
color: #111;
|
|
padding: 1px 7px;
|
|
margin-left: 2px;
|
|
margin-right: 2px;
|
|
-moz-border-radius: 9px;
|
|
-khtml-border-radius: 9px;
|
|
-webkit-border-radius: 9px;
|
|
border-radius: 9px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.button:hover {
|
|
background-image: url(icons/gray-grad.png);
|
|
}
|
|
|
|
.button:active {
|
|
background-image: url(icons/gray-grad-rev.png);
|
|
}
|
|
|
|
|
|
/*
|
|
* calendar
|
|
*/
|
|
|
|
.widget_calendar table {
|
|
border-collapse: collapse;
|
|
margin: 0px auto 5px;
|
|
width: 153px;
|
|
}
|
|
|
|
.widget_calendar caption {
|
|
margin: 0 auto 3px auto;
|
|
text-align: center;
|
|
}
|
|
|
|
.widget_calendar th,
|
|
.widget_calendar td {
|
|
padding: 1px 1px;
|
|
text-align: center;
|
|
}
|
|
|
|
.widget_calendar #prev {
|
|
padding-left: 4px;
|
|
text-align: left;
|
|
}
|
|
|
|
.widget_calendar #next {
|
|
padding-right: 4px;
|
|
text-align: right;
|
|
}
|
|
|
|
#today {
|
|
font-weight: bold;
|
|
}
|
|
|
|
|
|
/*
|
|
* Comment Form
|
|
*/
|
|
|
|
#commentform div {
|
|
margin: 5px 0px;
|
|
}
|
|
|
|
|
|
/*
|
|
* Avatars
|
|
*/
|
|
|
|
img.avatar {
|
|
float: left;
|
|
margin-left: 0px;
|
|
margin-right: 10px;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
|
|
/*
|
|
* Miscellaneous
|
|
*/
|
|
|
|
.sem_subscribe_me ul,
|
|
.now-reading ul,
|
|
.widget_democracy ul {
|
|
list-style: none !important;
|
|
}
|
|
|
|
.entry_actions a,
|
|
.comment_actions a {
|
|
float: right;
|
|
margin-left: 5px;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.comment_box a {
|
|
display: block !important;
|
|
text-align: center !important;
|
|
height: 34px !important;
|
|
width: 40px !important;
|
|
overflow: hidden !important;
|
|
background: url(icons/comment_box.gif) top center no-repeat !important;
|
|
color: #222 !important;
|
|
text-decoration: none !important;
|
|
font-weight: bold !important;
|
|
font-size: 18px !important;
|
|
line-height: 24px !important;
|
|
padding-top: 3px !important;
|
|
padding-bottom: 1px !important;
|
|
}
|
|
|
|
.comment_box a:hover {
|
|
color: #b11 !important;
|
|
}
|
|
|
|
#header a,
|
|
#header a:hover {
|
|
color: inherit;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#header_nav span {
|
|
margin-left: 0px;
|
|
margin-right: 12px;
|
|
}
|
|
|
|
.sep_nav #header_nav span {
|
|
margin-left: 0px;
|
|
margin-right: 4px;
|
|
}
|
|
|
|
#footer_nav span {
|
|
margin-left: 6px;
|
|
margin-right: 6px;
|
|
}
|
|
|
|
.sep_nav #footer_nav span {
|
|
margin-left: 2px;
|
|
margin-right: 2px;
|
|
}
|
|
|
|
.float_nav #footer_nav span {
|
|
margin-left: 12px;
|
|
margin-right: 0px;
|
|
}
|
|
|
|
.float_sep_nav #footer_nav span {
|
|
margin-left: 4px;
|
|
margin-right: 0px;
|
|
}
|
|
|
|
#credits {
|
|
font-size: 11px;
|
|
}
|
|
|
|
#sitename {
|
|
margin: 0px;
|
|
letter-spacing: -1px;
|
|
font-family: Georgia, "New Century Schoolbook", "Century Schoolbook L", "DejaVu Serif", Serif;
|
|
font-weight: normal;
|
|
text-align: center;
|
|
padding-top: 5px;
|
|
padding-bottom: 8px;
|
|
font-size: 40px;
|
|
line-height: 52px;
|
|
}
|
|
|
|
#tagline {
|
|
margin: 0px;
|
|
font-weight: bold;
|
|
padding-top: 15px;
|
|
padding-bottom: 5px;
|
|
text-align: right;
|
|
font-size: 15px;
|
|
line-height: 15px;
|
|
}
|
|
|
|
.invert_header #sitename {
|
|
padding-top: 23px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
}
|
|
|
|
.invert_header #tagline {
|
|
padding-top: 0px;
|
|
padding-bottom: 10px;
|
|
text-align: center;
|
|
}
|
|
|
|
.next_prev_posts,
|
|
.entry_nav,
|
|
.posts_nav,
|
|
p.submit,
|
|
p.solo-subscribe-to-comments {
|
|
text-align: center;
|
|
}
|
|
|
|
.nav_active {
|
|
font-weight: bold;
|
|
}
|
|
|
|
h1 a,
|
|
h2 a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.entry_header a,
|
|
.widget_title a {
|
|
color: inherit;
|
|
}
|
|
|
|
.entry {
|
|
word-wrap: break-word;
|
|
overflow: hidden;
|
|
}
|
|
/* Margins and Padding */
|
|
|
|
.main_widget,
|
|
.entry,
|
|
.post_list,
|
|
.comment,
|
|
.widget {
|
|
margin-top: 0px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.pad {
|
|
padding: 0px 20px;
|
|
margin: 0px auto;
|
|
}
|
|
|
|
.pad .pad {
|
|
padding: 0px;
|
|
}
|
|
|
|
.post_list h3 {
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.widget_calendar td.pad {
|
|
padding: 0px !important;
|
|
margin: 0px !important;
|
|
}
|
|
|
|
.entry h2 {
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.entry_header {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.entry_date + .entry_header,
|
|
.entry_date + .entry_header h1 {
|
|
margin-top: 2px;
|
|
padding: 0px;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
div.entry_date,
|
|
h3.post_list_date,
|
|
.comment_date,
|
|
.pings_date {
|
|
font-weight: bold;
|
|
margin: 10px 0px 5px;
|
|
}
|
|
|
|
div.entry_date {
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
.entry_header,
|
|
.pings_header,
|
|
.comments_header {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.comment_header h3 {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.comment_header em {
|
|
font-style: normal;
|
|
}
|
|
|
|
.comment_time {
|
|
font-weight: normal;
|
|
}
|
|
|
|
.entry_content,
|
|
.comment_content {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.comment_content {
|
|
margin-left: 70px;
|
|
}
|
|
|
|
.comment_label {
|
|
width: 120px;
|
|
float: left;
|
|
}
|
|
|
|
p.comment_label {
|
|
margin-top: 3px;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.comment_field {
|
|
margin-left: 130px;
|
|
}
|
|
|
|
.comment_field input,
|
|
#comment {
|
|
width: 99%;
|
|
}
|
|
|
|
/* WP Image Aligns */
|
|
|
|
.skin .aligncenter {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.skin img.aligncenter {
|
|
display: block;
|
|
}
|
|
|
|
.skin .alignleft {
|
|
float: left;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.skin .alignright {
|
|
float: right;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
|
|
/* WP Image Captions */
|
|
|
|
.wp-caption {
|
|
-moz-border-radius-bottomleft: 3px;
|
|
-moz-border-radius-bottomright: 3px;
|
|
-moz-border-radius-topleft: 3px;
|
|
-moz-border-radius-topright: 3px;
|
|
border-radius: 3px;
|
|
background-color: #f3f3f3;
|
|
color: #111;
|
|
border: 1px solid #ddd;
|
|
margin: 5px;
|
|
padding-top: 4px;
|
|
padding-bottom: 4px;
|
|
text-align: center;
|
|
}
|
|
|
|
p.wp-caption-text {
|
|
margin-top: 3px;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
/* hidden class, used to fix IE6 problems */
|
|
|
|
.hidden {
|
|
display: none;
|
|
}
|
|
|
|
/* dropdowns in sidebars */
|
|
|
|
.sidebar select {
|
|
width: 99%;
|
|
}
|
|
|
|
/* WP Search Widget */
|
|
|
|
.widget_search {
|
|
text-align: center;
|
|
}
|
|
|
|
.widget_search .s {
|
|
padding-top: 1px;
|
|
padding-bottom: 0px;
|
|
}
|
|
|
|
/* mediacaster */
|
|
|
|
div.media,
|
|
div.enclosures {
|
|
margin: 5px 0px;
|
|
}
|
|
|
|
div.media {
|
|
text-align: center;
|
|
}
|
|
|
|
/* author image */
|
|
|
|
.entry_author_image {
|
|
text-align: center;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.entry .entry_author_image {
|
|
float: left;
|
|
border: outset 1px;
|
|
margin: 4px 10px 0px 4px;
|
|
}
|
|
|
|
.archives_header .entry_author_image {
|
|
float: left;
|
|
margin: 0px 10px 0px 0px;
|
|
}
|
|
|
|
.archives_header .entry_author_image img {
|
|
border: 1px solid;
|
|
}
|
|
|
|
/* wp gallery and thumbnails */
|
|
|
|
.wp-caption,
|
|
.gallery {
|
|
clear: both;
|
|
}
|
|
|
|
.gallery dl {
|
|
margin-left: 0px;
|
|
}
|
|
|
|
p.attachment {
|
|
clear: both;
|
|
text-align: center;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.gallery_nav {
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
clear: both;
|
|
}
|
|
|
|
.gallery_nav .prev_image {
|
|
width: 45%;
|
|
margin-left: 3%;
|
|
float: left;
|
|
text-align: right;
|
|
}
|
|
|
|
.gallery_nav .next_image {
|
|
width: 45%;
|
|
margin-right: 3%;
|
|
float: right;
|
|
text-align: left;
|
|
}
|
|
|
|
.wp_thumbnail {
|
|
display: block;
|
|
float: left;
|
|
border: outset 1px;
|
|
margin: 4px 10px 0px 4px;
|
|
}
|
|
|
|
/* search reloaded */
|
|
|
|
.search_count {
|
|
text-align: right;
|
|
}
|
|
|
|
.main h3.search_title {
|
|
font-size: 18px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.search_url {
|
|
color: #060;
|
|
}
|
|
|
|
li.search_result {
|
|
margin-left: -22px;
|
|
list-style: none;
|
|
}
|
|
|
|
li.search_result ul {
|
|
margin-left: 22px;
|
|
}
|
|
|
|
li.search_result ul ul {
|
|
margin-left: 8px;
|
|
}
|
|
|
|
/* footer scripts */
|
|
|
|
div.scripts {
|
|
text-align: center;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
/* bookmark me, subscribe me */
|
|
|
|
.entry .bookmark_me,
|
|
.entry .subscribe_me {
|
|
margin-top: 5px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.center_feed_button {
|
|
margin-top: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.bookmark_me_ruler,
|
|
.subscribe_me_ruler {
|
|
clear: both;
|
|
height: 0px !important;
|
|
}
|
|
|
|
.inline_boxes .bookmark_me_narrow {
|
|
margin: 10px 0px;
|
|
}
|
|
|
|
.inline_boxes .bookmark_me_narrow a {
|
|
width: auto;
|
|
height: auto !important;
|
|
line-height: 1em !important;
|
|
margin: 0px;
|
|
padding-right: 5px;
|
|
float: none;
|
|
display: inline;
|
|
}
|
|
|
|
/* newsletter manager */
|
|
|
|
.inline_boxes .newsletter_inline input.from {
|
|
width: 180px;
|
|
}
|
|
|
|
p.newsletter_fields {
|
|
margin: 9px 0px;
|
|
}
|
|
|
|
/* banner ad widgets */
|
|
|
|
.ad_unit {
|
|
margin-top: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.ad_unit,
|
|
.ad_unit .header_widget_bg,
|
|
.ad_unit .footer_widget_bg {
|
|
background: none !important;
|
|
border: none !important;
|
|
-moz-border-radius: 0px !important;
|
|
-khtml-border-radius: 0px !important;
|
|
-webkit-border-radius: 0px !important;
|
|
border-radius: 0px !important;
|
|
}
|
|
|
|
.ad_unit .header_widget_top,
|
|
.ad_unit .header_widget_bottom,
|
|
.ad_unit .footer_widget_top,
|
|
.ad_unit .footer_widget_bottom {
|
|
background: none !important;
|
|
height: 0px !important;
|
|
}
|
|
|
|
.ad_unit .header_widget_bg .pad,
|
|
.ad_unit .footer_widget_bg .pad {
|
|
padding: 0px;
|
|
}
|