348 lines
4.5 KiB
CSS
348 lines
4.5 KiB
CSS
|
/*
|
||
|
*
|
||
|
* - Name : chilipepper
|
||
|
* - Description : Theme using darkred and brown. Title on the top, content on the left, menu on the right.
|
||
|
* - Author : Blankoworld
|
||
|
* - Link : http://ordyz/demo/nanoblogger/chilipepper/
|
||
|
*
|
||
|
*/
|
||
|
|
||
|
html, body {
|
||
|
height: 100%;
|
||
|
width: 100%;
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
background-color: #752222;
|
||
|
color: #999999;
|
||
|
font-weight: bold;
|
||
|
font-family: monospace, sans;
|
||
|
}
|
||
|
|
||
|
body {
|
||
|
}
|
||
|
|
||
|
h1 {
|
||
|
}
|
||
|
|
||
|
h2 {
|
||
|
}
|
||
|
|
||
|
h3 {
|
||
|
}
|
||
|
|
||
|
h4 {
|
||
|
}
|
||
|
|
||
|
h5 {
|
||
|
}
|
||
|
|
||
|
h1, h2 , h3, h4 ,h5 ,h6, dt, caption {
|
||
|
color: #999999;
|
||
|
border-bottom: 1px solid #999999;
|
||
|
}
|
||
|
|
||
|
pre {
|
||
|
width: 90%;
|
||
|
margin-left: auto;
|
||
|
margin-right: auto;
|
||
|
padding: 5px;
|
||
|
background-color: #752222;
|
||
|
color: lightgray;
|
||
|
font-size: 12px;
|
||
|
border: 1px inset darkred;
|
||
|
overflow: auto;
|
||
|
}
|
||
|
|
||
|
code, samp {
|
||
|
}
|
||
|
|
||
|
cite, blockquote {
|
||
|
padding: 2px 0 2px 15px;
|
||
|
background-color: brown;
|
||
|
border-left: 3px solid black;
|
||
|
}
|
||
|
|
||
|
p {
|
||
|
}
|
||
|
|
||
|
ul, ol {
|
||
|
}
|
||
|
|
||
|
table {
|
||
|
}
|
||
|
|
||
|
a {
|
||
|
color: #d23636;
|
||
|
}
|
||
|
|
||
|
a:link {
|
||
|
}
|
||
|
|
||
|
a:visited {
|
||
|
}
|
||
|
|
||
|
a:hover {
|
||
|
background-color: #d23636;
|
||
|
color: black;
|
||
|
}
|
||
|
|
||
|
a:active {
|
||
|
}
|
||
|
|
||
|
a > img {
|
||
|
border-width: 0;
|
||
|
border-style: none;
|
||
|
text-decoration: none;
|
||
|
}
|
||
|
|
||
|
#banner {
|
||
|
height: auto;
|
||
|
width: 100%;
|
||
|
text-align: center;
|
||
|
}
|
||
|
|
||
|
#banner h1 {
|
||
|
margin: 0;
|
||
|
border-bottom: 2px solid #d23636;
|
||
|
}
|
||
|
|
||
|
#banner a,
|
||
|
#banner a:link,
|
||
|
#banner a:visited,
|
||
|
#banner a:active,
|
||
|
#banner a:hover {
|
||
|
color: #d23636;
|
||
|
text-decoration: none;
|
||
|
}
|
||
|
|
||
|
#banner a:hover {
|
||
|
background-color: #d23636;
|
||
|
color: #752222;
|
||
|
}
|
||
|
|
||
|
div#banner span.description {
|
||
|
position: absolute;
|
||
|
height: 18px;
|
||
|
width: auto;
|
||
|
right: 0;
|
||
|
padding: 3px;
|
||
|
color: #d23636;
|
||
|
text-align: right;
|
||
|
font-size: 14px;
|
||
|
line-height: 18px;
|
||
|
border-bottom: 1px solid #d23636;
|
||
|
border-left: 1px solid #d23636;
|
||
|
}
|
||
|
|
||
|
div#container {
|
||
|
position: relative;
|
||
|
width: 100%;
|
||
|
top: 25px;
|
||
|
}
|
||
|
|
||
|
div#container div#content {
|
||
|
position: relative;
|
||
|
width: 75%;
|
||
|
}
|
||
|
|
||
|
div#container div#links {
|
||
|
position: relative;
|
||
|
width: 25%;
|
||
|
right: 0;
|
||
|
top: 10px;
|
||
|
margin: 0;
|
||
|
text-align: left;
|
||
|
font-size: 15px;
|
||
|
float: right;
|
||
|
overflow: auto;
|
||
|
}
|
||
|
|
||
|
div#container div#content div#intro {
|
||
|
width: 96%;
|
||
|
margin-left: 1%;
|
||
|
padding: 1%;
|
||
|
border: 1px dotted darkred;
|
||
|
}
|
||
|
|
||
|
div#container div#content div.blog {
|
||
|
}
|
||
|
|
||
|
div#container div#content div.blog h2 {
|
||
|
padding-left: 10px;
|
||
|
border-bottom: 1px solid black;
|
||
|
}
|
||
|
|
||
|
.archives {
|
||
|
}
|
||
|
|
||
|
.archives h2 {
|
||
|
}
|
||
|
|
||
|
div#container div#content div.blog div.item {
|
||
|
position: relative;
|
||
|
width: 98%;
|
||
|
left: 1%;
|
||
|
background-color: darkred;
|
||
|
color: black;
|
||
|
}
|
||
|
|
||
|
div#container div#content div.blog div.item div.blogbody {
|
||
|
padding: 0 15px 0 15px;
|
||
|
text-align: justify;
|
||
|
}
|
||
|
|
||
|
div#container div#content div.blog div.item div.blogbody div.item-description {
|
||
|
}
|
||
|
|
||
|
div#container div#content div.blog div.item div.blogbody .title {
|
||
|
padding-left: 10px;
|
||
|
color: #999999;
|
||
|
border-bottom: 2px solid #999999;
|
||
|
border-left: 2px solid #999999;
|
||
|
}
|
||
|
|
||
|
#menu, .menu {
|
||
|
margin-top: 30px;
|
||
|
}
|
||
|
|
||
|
div#container div#content div.menu {
|
||
|
text-align: center;
|
||
|
}
|
||
|
|
||
|
.menu > table > tbody > tr > td {
|
||
|
}
|
||
|
|
||
|
h2.date {
|
||
|
background-color: brown;
|
||
|
color: black;
|
||
|
}
|
||
|
|
||
|
div#container div#content div.item div.posted {
|
||
|
height: auto;
|
||
|
padding: 2px 5px 2px 15px;
|
||
|
background-color: brown;
|
||
|
border-top: thin solid black;
|
||
|
}
|
||
|
|
||
|
div#container div#content div.item div.posted br {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
div#container div#content div.item a {
|
||
|
color: #999999;
|
||
|
text-decoration: none;
|
||
|
}
|
||
|
|
||
|
div#container div#content div.item a:visited {
|
||
|
text-decoration: underline;
|
||
|
}
|
||
|
|
||
|
div#container div#content div.item a:hover {
|
||
|
background-color: transparent;
|
||
|
color: #eeeeee;
|
||
|
text-decoration: underline;
|
||
|
}
|
||
|
|
||
|
div#container div#content div.item a:active {
|
||
|
border: 2px inset black;
|
||
|
}
|
||
|
|
||
|
.articleshead {
|
||
|
}
|
||
|
|
||
|
div#links div.calendar {
|
||
|
font-size: 18px;
|
||
|
}
|
||
|
|
||
|
div#links div.calendar table {
|
||
|
margin-left: auto;
|
||
|
margin-right: auto;
|
||
|
}
|
||
|
|
||
|
div#links div.calendar caption {
|
||
|
background-color: brown;
|
||
|
border: none;
|
||
|
}
|
||
|
|
||
|
div#links div.calendar caption a {
|
||
|
color: black;
|
||
|
text-decoration: none;
|
||
|
}
|
||
|
|
||
|
div#links div.calendar caption a:hover {
|
||
|
background-color: transparent;
|
||
|
color: #eeeeee;
|
||
|
}
|
||
|
|
||
|
div#links div.calendar table th {
|
||
|
color: brown;
|
||
|
}
|
||
|
|
||
|
.calendar td {
|
||
|
}
|
||
|
|
||
|
.calendar a,
|
||
|
.calendar a:link,
|
||
|
.calendar a:active,
|
||
|
.calendar a:hover {
|
||
|
}
|
||
|
|
||
|
.calendarhead {
|
||
|
}
|
||
|
|
||
|
.side {
|
||
|
padding: 5px 5px 0 10px;
|
||
|
}
|
||
|
|
||
|
.sidetitle {
|
||
|
margin-top: 15px;
|
||
|
padding-left: 5px;
|
||
|
text-align: left;
|
||
|
border-bottom: thin solid #999;
|
||
|
border-left: thin solid #999;
|
||
|
}
|
||
|
|
||
|
.syndicate {
|
||
|
}
|
||
|
|
||
|
.feed-small {
|
||
|
height: 14px;
|
||
|
padding-left: 17px;
|
||
|
background: url('../images/feed-icon-14x14.png') no-repeat 0% 50%;
|
||
|
}
|
||
|
|
||
|
.powered {
|
||
|
color: #eeeeee;
|
||
|
font-size: 12px;
|
||
|
text-align: center;
|
||
|
}
|
||
|
|
||
|
.powered > a {
|
||
|
}
|
||
|
|
||
|
.comments-body {
|
||
|
}
|
||
|
|
||
|
.comments-post {
|
||
|
}
|
||
|
|
||
|
.trackback-url {
|
||
|
}
|
||
|
|
||
|
.trackback-body {
|
||
|
}
|
||
|
|
||
|
.trackback-post {
|
||
|
}
|
||
|
|
||
|
.comments-head {
|
||
|
}
|
||
|
|
||
|
#banner-commentspop {
|
||
|
}
|
||
|
|
||
|
.fortune {
|
||
|
color: #eeeeee;
|
||
|
}
|
||
|
|