![]() |
|
Sinisterly fullwidth Theme - Printable Version +- Sinisterly (https://sinister.li) +-- Forum: Design (https://sinister.li/Forum-Design) +--- Forum: Web Design (https://sinister.li/Forum-Web-Design) +--- Thread: Sinisterly fullwidth Theme (/Thread-Sinisterly-fullwidth-Theme) |
Sinisterly fullwidth Theme - cr33pyguy - 08-28-2014 So this is a project I worked on a while back, here's the original thread. This time around, however, I decided to actually release the source code for the custom CSS, do with it what you will. Spoiler: "screen shots![]() NEW LINES WON'T PUSH THE PICTURE DOWN ![]() Spoiler: Custom CSS codeCode: @-moz-document domain("sinister.ly"){}
/*
*
* GENERAL
*
*/
body{
background: #111111 url(http://i.imgur.com/caUgq6d.png) repeat;
}
#header{
margin-top: 41px;
}
#container{
max-width: 100% !important;
width: 100% !important;
border-radius: 20px !important;
padding: 0;
border: 0;
margin: 0;
background: transparent !important;
}
.glowrap{
display: none !important;
}
#content{
background: none !important;
padding: 0;
}
#logo{
background: none;
}
.searchbox{
margin: 5px;
height: 30px;
background-color: #c1c1c1;
color: #111111;
line-height: 30px;
z-index: 9999;
}
.button{
height: 30px;
margin: 5px;
position: static;
line-height: initial;
background: #660505;
}
.pagetop{
height: 40px;
background-color: #111111;
position: fixed;
top: 0;
width: 100%;
border-bottom: 1px solid #660505;
z-index: 100;
}
form{
z-index: 9998
}
/*
*
* TABLES -- SECTIONS, INDEX PAGE
*
*/
thead{
display: none;
}
.thead{
text-align: center;
}
.tcat{
padding: 10px;
border: 0;
background: #660505;
}
.trow2, .trow1{
background: none !important;
border-bottom: 1px solid #660505 !important;
padding: 15px;
}
.tborder{
background: none !important;
}
tbody#cat_4_e{
background: none;
}
tbody#cat_9_e{
background: none;
}
tbody#cat_6_e{
background: none;
}
tbody#cat_69_e{
background: none;
}
tbody#cat_70_e{
background: none;
}
tbody#cat_7_e{
background: none;
}
tbody#cat_60_e{
background: none;
}
tbody#cat_45_e{
background: none;
}
tbody#cat_86_e{
background: none;
}
tr.smalltext{
line-height: 19px;
}
/*
*
* TABS, NAVIGATION AND CATEGORIES
*
*/
.shadetabs{
height: 35px;
margin: 0;
background: none;
}
.shadetabs li a{
line-height: 35px;
background: #330000;
margin-right: 20px;
margin-left: 20px;
}
.shadetabs li a.selected{
background: #660505;
border: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 15px;
}
.menu ul{
background: #660505 !important;
}
#panel{
color: #fff;
border: 0;
text-align: left;
font-size: 11px;
position: fixed;
float: left;
width: 300px;
top: 0;
left: 0;
box-shadow: none;
z-index: 125;
}
#userpanelbox{
background-color: #660505 !important;
color: #fff;
border: 0;
text-align: left;
font-size: 11px;
position: fixed;
top: 42px;
left: 0;
box-shadow: none;
z-index: 10000;
}
#panel a.link{
background: #111 !important;
border-right: 1px solid #660505;
}
#panel a.link:hover{
background-color: #660505;
border: 1px solid #111111;
transition: 0.5s all ease;
-webkit-transition: 0.5s all ease;
-moz-transition: 0.5s all ease;
}
.navigation{
position: fixed;
left: 300px;
background-color: #111111;
border: 0;
height: 40px;
line-height: 46px;
padding: 0;
z-index: 11000;
}
#theme_styler{
display: none !important;
position: fixed;
top: 40px !important;
z-index: 9999;
border: 0;
border-bottom: 1px solid #660505;
border-left: 1px solid #660505;
border-radius: 0 !important;
background-color: #111 !important;
}
.option{
border-radius: 0 !important;
}
.option:hover{
height: 8px !important;
width: 8px !important;
}
#panel .firstlink.ulactive{
background: #660505 !important;
}
/*
*
* THREADS AND VIEWING OF THEM
*
*/
tbody{
background-color: #111111;
}
.tfoot{
border-bottom: 1px solid #2E2E2E;
border-top: 0;
}
.post_userdetails{
border: 1px solid #660505;
}
blockquote, .codeblock{
border: 1px solid #660505;
}
blockquote cite, .codeblock .title{
border-bottom: 1px solid #660505;
}
.postbit_button{
background: #660505;
}
.bigbutton{
margin-top: 5px;
text-shadow: none;
padding: 8px;
top: 10px;
height: 30px;
background: #660505;
}
#message{
border: 1px solid #660505 !important;
}
.pagination a{
background: #660505;
color: white;
border: 1px solid #2e2e2e;
}
.pagination .pagination_current{
background: #330000;
}
}HOW TO INSTALL download the firefox / chrome plugin, called stylish [ CHROME STORE ] [ ADD-ONS FOR FIREFOX ] Then in the settings choose "write new style" and paste in the code above. please report any issues to me. feel free to ask questions as well. Thanks for your interest :3 RE: Sinisterly fullwidth Theme - Satan - 08-29-2014 Did I start this trend of using stylish for Sinister.ly? Don't know if someone mentioned it before my original post. Regardless, looks spiffy. RE: Sinisterly fullwidth Theme - cr33pyguy - 08-29-2014 (08-29-2014, 10:23 PM)Six Wrote: Did I start this trend of using stylish for Sinister.ly? Spiffy? And I posted about stylish in my original post a month or so back. I don't know of any posts about it by you, but I certainly got the idea on my own (well, the idea of making a stylish theme for SL)
Re: RE: Sinisterly fullwidth Theme - Satan - 08-29-2014 (08-29-2014, 10:28 PM)cr33pyguy Wrote: Spiffy? ![]() & mine I'm fairly sure was several months ago. Idk if you were active then. RE: Sinisterly fullwidth Theme - cr33pyguy - 08-29-2014 (08-29-2014, 10:30 PM)Six Wrote: Why thank you :3 And yeah, I never remember seeing I, though i have been quite active for the last half a year or so. Re: RE: Sinisterly fullwidth Theme - Satan - 08-29-2014 (08-29-2014, 10:32 PM)cr33pyguy Wrote: Why thank you :3https://www.sinister.ly/showthread.php?tid=23743 Found it. But its super old and it was super basic back when I was using a computer. RE: Sinisterly fullwidth Theme - cr33pyguy - 08-29-2014 (08-29-2014, 10:32 PM)Six Wrote: https://www.sinister.ly/showthread.php?tid=23743 No, don't remember viewing it. However I can still give you credit for the idea if you want me to
Re: RE: Sinisterly fullwidth Theme - Satan - 08-29-2014 (08-29-2014, 10:42 PM)cr33pyguy Wrote: No, don't remember viewing it. However I can still give you credit for the idea if you want me toPft no. Was just wondering if I started this stuff. RE: Sinisterly fullwidth Theme - Losi - 08-30-2014 (08-29-2014, 10:32 PM)Six Wrote: back when I was using a computer. Wait. What are you using now? Re: RE: Sinisterly fullwidth Theme - Satan - 08-30-2014 (08-30-2014, 12:00 AM)Losi Wrote: Wait. What are you using now?Phone. Have been for several months. |