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

Pages: 1 2 3


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
[Image: gqd3bK5.png]
NEW LINES WON'T PUSH THE PICTURE DOWN
[Image: fMrkYmV.png]

Spoiler: Custom CSS code
Code:
@-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?
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


Re: RE: Sinisterly fullwidth Theme - Satan - 08-29-2014

(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) Tongue
[Image: zu3epuhy.jpg]


& 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: [Image: zu3epuhy.jpg]


& 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.


Re: RE: Sinisterly fullwidth Theme - Satan - 08-29-2014

(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.


RE: Sinisterly fullwidth Theme - cr33pyguy - 08-29-2014

(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


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 to Tongue
Pft 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.