sorbetcms/themes/Dreamscape/style.css

379 lines
9.5 KiB
CSS
Executable File

body {
color: #fff;
margin: 0px;
background: #002c43 url('images/bg.gif');
font-family: 'Lucida Grande', Helvetica, sans-serif;
}
#content {
width: 510px;
margin: auto;
padding: 35px;
position: relative;
background: #005885 url('images/content_bg.png');
border-left: solid 10px #003955;
border-right: solid 10px #003955;
}
a {
color: #ff9900;
}
h1 {
padding: 25px 0px 65px 0px;
margin: 0px;
text-align: center;
font: Normal 65px Georgia, serif;
line-height: 60px;
letter-spacing: -1px;
opacity: 0.9;
-moz-opacity: 0.9;
filter: alpha(opacity=90);
}
h1 a {
color: #fff;
text-decoration: none;
}
div#content {
position: relative;
}
div#description {
position: absolute;
left: 605px;
font: Normal 12px Verdana,sans-serif;
line-height: 20px;
width: 150px;
color: #568;
}
div#search {
text-align: right;
}
div#description div a {
color: #568;
}
div#searchresultcount {
text-align: center;
}
.post {
position: relative;
margin-bottom: 50px;
}
.post .permalink {
position: absolute;
top: 8px;
right: 3px;
display: none;
font-weight: bold;
font-size: 24px;
line-height: 0px;
}
.post:hover .permalink {
display: block;
}
.post .permalink a {
text-decoration: none;
}
.post .date {
position: absolute;
right: 565px;
text-align: right;
width: 200px;
white-space: nowrap;
font: Bold 20px Helvetica, sans-serif;
text-align: right;
letter-spacing: -1px;
color: #888;
padding: 5px 5px 5px 5px;
line-height: 20px;
text-transform: uppercase;
}
.post .date em {
font-style: normal;
color: #4075a2;
}
.post .date big {
font-size: 30px;
}
.post h2 {
font: Normal 20px Georgia, serif;
color: #fff;
letter-spacing: -1px;
margin: 0px 0px 10px 0px;
}
.post h2 a {
color: #fff;
text-decoration: none;
}
/* Regular Post */
.post .regular {
font-size: 12px;
line-height: 17px;
}
.post .regular blockquote {
font-style: italic;
}
/* Photo Post */
.post .photo img {
border: solid 5px #eee;
}
.post .photo .caption {
font-size: 11px;
margin-top: 5px;
}
.post .photo .caption a {
color: #fff;
}
/* Quote Post */
.post .quote span.quote {
font: Normal 28px Georgia, serif;
letter-spacing: -1px;
color: #fff;
}
.post .quote span.quote a {
color: #fff;
}
.post .quote span.quote big.quote {
font-weight: bold;
font-size: 60px;
line-height: 8px;
vertical-align: -20px;
}
.post .quote span.source {
font-size: 16px;
color: #aaa;
letter-spacing: -1px;
}
.post .quote span.source a {
color: #aaa;
}
/* Link Post */
.post .link a.link {
font: Bold 30px Helvetica, sans-serif;
letter-spacing: -1px;
color: #ff9900;
text-decoration: none;
border-bottom: dotted 1px #ff9900;
line-height: 33px;
}
.post .link .description {
font-weight: normal;
font-size: 11px;
line-height: 16px;
margin-top: 5px;
}
/* Conversation Post */
.post .conversation ul {
background-color: #46a6e9;
list-style-type: none;
margin: 0px;
padding: 0px;
border-left: solid 5px #0070ba;
}
.post .conversation ul li {
border-bottom: solid 1px #0070ba;
font-size: 12px;
padding: 4px 0px 4px 8px;
color: #000;
}
.post .conversation ul li span.label {
font-weight: bold;
}
/* Audio Post */
.post .audio .caption {
font-size: 11px;
margin-top: 5px;
}
.post .audio .caption a {
color: #fff;
}
/* Video Post */
.post .video {
width: 500px;
margin: auto;
}
.post .video .caption {
font-size: 11px;
margin-top: 5px;
}
.post .video .caption a {
color: #fff;
}
/* Footer */
#footer {
margin: 20px 0px 0px 0px;
text-align: center;
font-size: 22px;
}
#footer a {
text-decoration: none;
color: #fff;
}
#footer a:hover {
text-decoration: underline;
}
#footer p.tiny {
margin: 50px 0px 0px 0px;
font-size: 11px;
font-weight: bold;
}
#footer p.tiny a {
text-decoration: underline;
color: #fff;
}
#footer p.tiny .dim {
filter: alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
.query {
font-weight: bold;
}
.containerFormComments {
margin: 25px 65px 0px 0px;
font-family: Verdana;
font-size: 0.75em;
}
#commentForm input, #commentForm textarea {
font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
#commentForm p {
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
margin: 5px 0;
}
#commentForm input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
}
#commentForm textarea {
width: 100%;
padding: 2px;
border:1px solid #fff;
background-color:#fff;
}
#commentForm #btnAdd {
margin: 0;
float: right;
}
.totalComments h3 {
margin: 0 10px 0 0;
font-size: 10pt;
font-weight: normal;
text-align: right;
color: #999;
font-style: italic;
}
.totalComments a {
color: #999;
}
/*
Plugin Name: WP-Digg Style Paginator
Plugin URI: http://www.mis-algoritmos.com/2007/09/09/wp-digg-style-pagination-plugin-v-10/
Author: Victor De la Rocha
Author URI: http://www.mis-algoritmos.com
*/
/*CSS Yahoo new version style pagination*/
div.pagination {
padding: 3px;
margin: 10px 3px 3px 3px;
text-align:center;
font-family:Tahoma,Helvetica,sans-serif;
font-size:.85em;
}
div.pagination a {
background-color:#fff;
border: 1px solid #ccdbe4;
margin-right:3px;
padding:2px 8px;
background-position:bottom;
text-decoration: none;
color: #000;
}
div.pagination a:hover, div.pagination a:active {
border: 1px solid #2b55af;
background-image:none;
background-color:#3666d4;
color: #fff;
}
div.pagination span.current {
margin-right:3px;
padding:2px 6px;
font-weight: bold;
color: #000;
}
div.pagination span.disabled {
display:none;
}
div.pagination a.next{
border:2px solid #ccdbe4;
margin:0 0 0 10px;
}
div.pagination a.next:hover{
border:2px solid #2b55af;
}
div.pagination a.prev{
border:2px solid #ccdbe4;
margin:0 10px 0 0;
}
div.pagination a.prev:hover{
border:2px solid #2b55af;
}