Sinisterly fullwidth Theme

cr33pyguy · 08-28-2014, 07:18 PM

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
[Image: fMrkYmV.png]

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

Satan · 08-29-2014, 10:23 PM

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.

cr33pyguy · 08-29-2014, 10:28 PM

(08-29-2014, 10:23 PM)Six Wrote: 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.

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) Tongue

Satan · 08-29-2014, 10:30 PM

(08-29-2014, 10:28 PM)cr33pyguy Wrote: 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)

& mine I'm fairly sure was several months ago. Idk if you were active then.

cr33pyguy · 08-29-2014, 10:32 PM

(08-29-2014, 10:30 PM)Six Wrote:

& mine I'm fairly sure was several months ago. Idk if you were active then.

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.

Satan · 08-29-2014, 10:32 PM

(08-29-2014, 10:32 PM)cr33pyguy 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.

https://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.

cr33pyguy · 08-29-2014, 10:42 PM

(08-29-2014, 10:32 PM)Six Wrote: https://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.

No, don't remember viewing it. However I can still give you credit for the idea if you want me to Tongue