This repository has been archived on 2017-04-03. You can view files and clone it, but cannot push or open issues/pull-requests.
site_nanoblogger_community/labocss/blk_greenblack.css

350 lines
4.6 KiB
CSS

/*
*
* - Name : greenblack
* - Description : Theme using green and black. Title on the top, content on the left, menu on the right.
* - Author : Blankoworld
* - Link : http://ordyz/demo/nanoblogger/greenblack/
*
*/
html, body {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
background-color: black;
color: green;
font-weight: bold;
font-family: monospace, sans;
}
body {
}
h1 {
}
h2 {
}
h3 {
}
h4 {
}
h5 {
}
h1, h2 , h3, h4 ,h5 ,h6, dt, caption {
color: green;
border-bottom: 1px solid green;
}
pre {
width: 90%;
margin-left: auto;
margin-right: auto;
padding: 5px;
background-color: black;
color: lightgreen;
font-size: 12px;
border: 1px inset green;
overflow: auto;
}
code, samp {
}
cite, blockquote {
padding: 2px 0 2px 15px;
background-color: lightgreen;
border-left: 3px solid green;
}
p {
}
ul, ol {
}
table {
}
a {
color: lightgreen;
}
a:link {
}
a:visited {
}
a:hover {
background-color: lightgreen;
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 green;
}
#banner a,
#banner a:link,
#banner a:visited,
#banner a:active,
#banner a:hover {
color: green;
text-decoration: none;
}
#banner a:hover {
background-color: green;
color: black;
}
div#banner span.description {
position: absolute;
height: 18px;
width: auto;
right: 0;
padding: 3px;
color: green;
text-align: right;
font-size: 14px;
line-height: 18px;
border-bottom: 1px solid green;
border-left: 1px solid green;
}
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 green;
}
div#container div#content div.blog {
}
div#container div#content div.blog h2 {
padding-left: 10px;
border-bottom: 1px solid green;
}
.archives {
}
.archives h2 {
}
div#container div#content div.blog div.item {
position: relative;
width: 98%;
left: 1%;
background-color: transparent;
color: green;
border-left: 1px solid green;
border-right: 1px solid green;
}
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: lightgreen;
border-bottom: 2px solid lightgreen;
border-left: 2px solid lightgreen;
}
#menu, .menu {
margin-top: 30px;
}
div#container div#content div.menu {
text-align: center;
}
.menu > table > tbody > tr > td {
}
h2.date {
background-color: green;
color: black;
}
div#container div#content div.item div.posted {
height: auto;
padding: 2px 5px 2px 15px;
background-color: green;
color: black;
}
div#container div#content div.item div.posted br {
display: none;
}
div#container div#content div.item a {
color: lightgreen;
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 green;
}
.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: green;
border: none;
}
div#links div.calendar caption a {
color: black;
text-decoration: none;
}
div#links div.calendar caption a:hover {
background-color: transparent;
color: lightgreen;
}
div#links div.calendar table th {
color: lightgreen;
}
.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;
}