Stylish Extension Scripts

Post » Tue Jul 27, 2010 10:35 am

I was just wondering how many of you guys and gals use a stylish script for the forums here. I checked http://userstyles.org for some styles for these forums, but only found two.

Anybody have one they've made and want to share? I'll show you mine if you show me yours ;).

/*What I've cobbled together with my 6 hours of css experience:*/
*** I made this for chrome at 1280x1024 resolution, so I'm not sure how it works in firefox, or with different desktop resolutions.
Spoiler
@namespace url(http://www.w3.org/1999/xhtml);div[id^="bar"] {	position: static !important;	background: 50% 50% !important;}div[id^="branding"] {	margin: auto !important;	width: 78.5% !important;}#search .submit_input {	border: 0px !important;	color: gold !important;}a#logo {	margin: auto !important;}div[id^="header-container"] {	margin: 5px auto !important;}div[id^="top"] {	width: 100% !important;}.col_f_starter {	width: 12% !important;}.col_f_topic, .col_m_subject {	width: 64% !important;}.col_m_date, .col_r_updated, .col_r_section {	width: 11% !important;	text-align: center !important}.col_f_views, .col_r_total, .col_r_comments {	text-align: center !important;	width: 7% !important;}table.ipb_table tr .stats {	text-align: center !important;}.col_f_post {	text-align: center !important}ul.last_post {	text-align: center !important;}body {	margin: 0% !important;}#container {	width: 100% !important;}div[id^="bottom"] {	width: 100% !important;}div[id^="footer-logos"] {	display: none !important;}div[id^="topic_stats"] {	padding: 0% 0% 0% !important;}.moderation_bar {        padding: 0% 0% 0% !important;}div[id^="footer-legal"] {	display: none !important;}h2 {	margin: 0px 15px 8px !important;}.left {	margin: 0px 8px;}div[id^="board_footer"] {	margin: 0px 0px 8px !important;}.input_submit.alt {	margin-right: 8px !important;}ul.topic_jump {	margin: 0px 8px 15px !important;}ul.pagination {	margin-left: 42px !important;}.stats_list li, .active_users li {	margin-left: 5px !important;	margin-top: -5px !important;}.stats_list ul, .stats_list p {	margin-left: 30px !important;	margin-top: -3px !important;}.statistics h2 span {	margin-left: 8px !important;}.filter_bar {	background: 50% 50% !important;}

User avatar
Michelle davies
 
Posts: 3509
Joined: Wed Sep 27, 2006 3:59 am

Post » Tue Jul 27, 2010 11:11 am

I was just wondering how many of you guys and gals use a stylish script for the forums here. I checked http://userstyles.org for some styles for these forums, but only found two.

Anybody have one they've made and want to share? I'll show you mine if you show me yours ;).

/*What I've cobbled together with my 6 hours of css experience:*/
*** I made this for chrome at 1280x1024 resolution, so I'm not sure how it works in firefox, or with different desktop resolutions.
Spoiler
@namespace url(http://www.w3.org/1999/xhtml);div[id^="bar"] {	position: static !important;	background: 50% 50% !important;}div[id^="branding"] {	margin: auto !important;	width: 78.5% !important;}#search .submit_input {	border: 0px !important;	color: gold !important;}a#logo {	margin: auto !important;}div[id^="header-container"] {	margin: 5px auto !important;}div[id^="top"] {	width: 100% !important;}.col_f_starter {	width: 12% !important;}.col_f_topic, .col_m_subject {	width: 64% !important;}.col_m_date, .col_r_updated, .col_r_section {	width: 11% !important;	text-align: center !important}.col_f_views, .col_r_total, .col_r_comments {	text-align: center !important;	width: 7% !important;}table.ipb_table tr .stats {	text-align: center !important;}.col_f_post {	text-align: center !important}ul.last_post {	text-align: center !important;}body {	margin: 0% !important;}#container {	width: 100% !important;}div[id^="bottom"] {	width: 100% !important;}div[id^="footer-logos"] {	display: none !important;}div[id^="topic_stats"] {	padding: 0% 0% 0% !important;}.moderation_bar {        padding: 0% 0% 0% !important;}div[id^="footer-legal"] {	display: none !important;}h2 {	margin: 0px 15px 8px !important;}.left {	margin: 0px 8px;}div[id^="board_footer"] {	margin: 0px 0px 8px !important;}.input_submit.alt {	margin-right: 8px !important;}ul.topic_jump {	margin: 0px 8px 15px !important;}ul.pagination {	margin-left: 42px !important;}.stats_list li, .active_users li {	margin-left: 5px !important;	margin-top: -5px !important;}.stats_list ul, .stats_list p {	margin-left: 30px !important;	margin-top: -3px !important;}.statistics h2 span {	margin-left: 8px !important;}.filter_bar {	background: 50% 50% !important;}



I use this:

Spoiler

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("www.gamesas.com") {
/*
* Make width fluid
*/

#bar,
#container,
div#header-container
{
width: 95% !important;
}

/*
* 'Stalker bar' changes
*/

#bar
{
margin: auto !important;
margin-top: 130px !important;
margin-bottom: 13px !important;
position: relative !important;
}

#bar-wrapper
{
height: 37px !important;
}

#header
{
padding: 0 !important;
}

#header-container
{
margin-top: -150px !important;
}

#branding
{
height: 135px !important;
}

/*
* Hide unwanted elements
*/

img[src="http://static.zenimax.com/forums/images/public/style_images/zenimaximg/new_post.png"],
#bottom,
#fast_reply,
#footer-legal,
#footer-logos,
#forum_filter br,
#forum_led_by,
#left,
#right,
#top,
.group_icon
{
display: none !important;
}

/*
* Remove background images
*/

#bar,
#board_statistics,
#folder_list,
#forum_footer,
#message_search,
#participants,
#space_allowance,
#topic_stats,
.bar,
.maintitle,
.moderation_bar,
.personal_info,
.post_controls,
.row1,
.row1 td,
.row2,
.row2 td,
.rowpin,
.rowpin td
{
background: none !important;
}

/*
* Background colours
*/

body
{
background: #000 !important;
}

textarea
{
background: #FFF !important;
}

div.blockquote,
.prettyprint
{
background: #A1B3B5 !important;
}

td.row1,
td.row2,
#bar,
#branding,
#content,
#secondary_nav,
.message,
.row1,
.row2,
.rowpin
{
background: #292F2F !important;
}

.post_controls
{
background: #33383B !important;
}

.ipbmenu_content,
.ipbmenu_content li
{
background: #777 !important;
}

p.citation
{
background: #839597 !important;
}

/*
* Borders
*/

#bar,
#header
{
border: 1px solid #57585A !important;
border-width: 1px 0 !important;
}

table td
{
border-color: #000 !important;
}

div.blockquote,
p.citation,
.prettyprint
{
border: 1px solid #000 !important;
}

ul.post_controls,
#board_statistics,
#secondary_nav,
.maintitle,
.subhead
{
border-top: 1px solid #57585A !important;
}

.maintitle,
.moderation_bar,
.post_controls
{
/*border-bottom: 2px solid #000 !important;*/
border-bottom: 1px solid #57585A !important;
}

p.citation
{
border-bottom: none !important;
}

/*
* Fonts
*/

div.blockquote,
div.blockquote a,
p.citation,
textarea,
.prettyprint,
.toolbar
{
color: #000 !important;
}

#secondary_nav a,
#usercp_content,
.header th,
.no_messages
{
color: #FFF !important;
}

#secondary_nav a:hover
{
text-decoration: underline !important;
}

/*
* Positioning, margins, and padding
*/

#secondary_nav
{
height: 26px !important;
margin-top: 30px !important;
}

.category_block,
.post_block
{
margin: 0 !important;
}

.moderation_bar
{
margin: 10px 0 !important;
padding: 0 10px 10px !important;
}

#forum_filter
{
margin: 0 !important;
padding: 10px 5px !important;
}

.title
{
font-weight: bold !important;
margin-bottom: 10px !important;
}

#content,
.block_wrap,
.helpRow h3
{
padding: 0 !important;
}

.info
{
padding: 3px 5px !important;
}

div.quote
{
padding: 3px 10px !important;
}

#breadcrumb,
#section_links,
.personal_info
{
padding-top: 10px !important;
}

#userCPForm h2
{
padding: 5px 15px 20px !important;
}

/*
* Old snapback image
*/

a.snapback img
{
background: url('http://www.elderscrolls.com/forums/style_images/2/post_snapback.gif') no-repeat !important;
height: 0px !important;
margin-bottom: 2px !important;
padding-top: 15px !important;
width: 15px !important;
}

/*
* Keep left side of messenger narrow
*/

#messenger_utilities
{
width: 250px !important;
}

#messenger_content
{
float: none !important;
margin-left: 270px !important;
width: auto !important;
}

/*
* Fix Firefox pagination float
*/

#forum_table,
.topic
{
clear: both !important;
}

/*
* Swap black topic folders for orange ones -- Thanks Qazaaq
*/

img[src="http://static.zenimax.com/forums/images/public/style_images/zenimaximg/t_poll_unread.png"],
img[src="http://static.zenimax.com/forums/images/public/style_images/zenimaximg/t_unread.png"]
{
padding: 0px !important;
background: none !important;

width: 28px !important;
height: 0px !important;
padding-top: 21px !important;
overflow: hidden !important;

background-image: url('http://static.zenimax.com/forums/images/public/style_images/zenimaximg/t_hot_unread.png') !important;
}

img[src="http://static.zenimax.com/forums/images/public/style_images/zenimaximg/t_poll_read.png"],
img[src="http://static.zenimax.com/forums/images/public/style_images/zenimaximg/t_read.png"]
{
padding: 0px !important;
background: none !important;

width: 28px !important;
height: 0px !important;
padding-top: 21px !important;
overflow: hidden !important;

background-image: url('http://static.zenimax.com/forums/images/public/style_images/zenimaximg/t_hot_read.png') !important;
}

#board_footer
{
margin: 0 !important;
}

User avatar
carly mcdonough
 
Posts: 3402
Joined: Fri Jul 28, 2006 3:23 am

Post » Tue Jul 27, 2010 3:56 am

The http://www.gamesas.com/index.php?/topic/1082909-forum-style-alterations/ thread is still active please use that instead. :)
User avatar
CHARLODDE
 
Posts: 3408
Joined: Mon Apr 23, 2007 5:33 pm

Post » Tue Jul 27, 2010 4:59 am

The http://www.gamesas.com/index.php?/topic/1082909-forum-style-alterations/ thread is still active please use that instead. :)

What leonardo2 says.
User avatar
OTTO
 
Posts: 3367
Joined: Thu May 17, 2007 6:22 pm


Return to Othor Games