The Blackstone Irregulars
#header{color:white; background:black;}
.title{border-bottom:2px solid yellow;}
.title:after{background:#aaa;}
#post h1{border-bottom:1px solid #000;}
#post a{border-bottom:1px dotted #aaa; color:#aaa;}
#post a:hover{color:#eee;}
#post a:before{background:#ccc;}
/* sidebar */
#box{background:#000;}
#box a{color:white;}
/* don't touch anything below unless you know what you're doing */
::-webkit-scrollbar {background-color:black; border:2px solid #fff;height:5px; width:5px;}
::-webkit-scrollbar-thumb:vertical {background-color:black; border:1px solid #fff; height:40px;}
::-webkit-scrollbar-thumb:horizontal {background-color:black;border:1px solid #fff; height:8px!important}
body {
background: #fff;
margin:0;width:100%;height:100%;
font:11px Corbel;
padding: 0;
position:absolute;
}
a {
text-decoration:none;
outline:none;
color:gray;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
a:hover {
color:#eee;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
#header{
width:100%;
top:0;left:0;
padding:20px;
padding-left:40px;
position:fixed;
height:40px;
z-index:1000;
}
.title{
font-size:20px;
text-transform:uppercase;
display:inline-block;
padding:10px;
padding-top:4px;
letter-spacing:5px;
}
.title:after{
width:500px;
content:'';
position:fixed;
margin-top:34px;
margin-left:9px;
height:2px;
}
#entries{
width:760px;
margin-left:20px;
margin-top:80px;
}
#post h1{
font:10px corbel;
text-align:left;
letter-spacing:3px;
padding:10px 20px;
text-transform:uppercase;
}
#post{
width:200px;
margin:20px;
float:left;
}
#post a{
padding:7px;
display:block;
}
#post a:first-letter{
text-transform:uppercase;
}
#post a:before{
width:7px;
height:1px;
position:absolute;
margin-top:20px;
margin-left:-7px;
content:'';
-moz-transition-duration:1s;
-webkit-transition-duration:1s;
-o-transition-duration:1s;
}
#post a:hover{
-moz-transition-duration:1s;
-webkit-transition-duration:1s;
-o-transition-duration:1s;
}
#post a:hover:before{
width:200px;
transition-duration:1s;
-moz-transition-duration:1s;
-webkit-transition-duration:1s;
-o-transition-duration:1s;
}
#box{
width:110px;
padding:20px;
padding-top:70px;
position:fixed;
left:750px;
top:0;
z-index:9999;
}
#box img{
width:85px;
padding:10px;
padding-bottom:20px;
}
#box span{
font:9px Corbel;
text-align:justify;
margin-bottom:10px;
}
#box a{
display:block;
font-size:10px;
padding:6px;
font-style:italic;
color:#eee;
text-align:center;
}
#box:hover a{
color:#999;
}
#box a:hover{
color:white;
}
.hidden{display:none;}
.unhidden{display:block;}
.search{
height:26px;
margin-left:-20px;
width:150px;
margin-bottom:-40px;
overflow:hidden;
background:#333;
}
.search input{
border:1px solid #333;
background:#333;
padding:2px;
padding-left:5px;
color:white;
width:150px;
padding-top:5px;
font:10px Calibri;
}
#credit a{
position:fixed;
right:10px;
bottom:10px;
padding:6px;
background:black;
text-transform:uppercase;
color:white;
-moz-transition-duration:1s;
-webkit-transition-duration:1s;
-o-transition-duration:1s;
}
#credit a:hover {
background:white;
color:black;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
}
Book Keeping
dashboard
home
ask