Last active
August 29, 2015 14:03
-
-
Save codemasher/f8a367b2d202afcc201e to your computer and use it in GitHub Desktop.
Some tweaks to the official WildStar forums (https://forums.wildstar-online.com/) for use with Stylebot/Tampermonkey (Chrome) or Stylish/Greasemonkey (Firefox) or any other CSS/JS injector for the browser of your choice. See also: https://forums.wildstar-online.com/forums/index.php?/topic/90619-try-a-new-forum-style/?p=919042
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* hyperlinks */ | |
a, a:link { | |
cursor: pointer; | |
transition-property: all; | |
transition-duration: 0.5s; | |
} | |
.breadcrumb a, .ipsList_inline a, .ipsPad_top_slimmer a { | |
/* color: rgb(119, 119, 119);*/ | |
} | |
.breadcrumb a:hover, .ipsList_inline a:hover, .ipsPad_top_slimmer a:hover { | |
/* color: rgb(119, 119, 119);*/ | |
text-decoration: underline; | |
} | |
.ipsLikeBar > .ipsList_inline a, #user_navigation > .ipsList_inline a { | |
/* color: rgb(225, 242, 245);*/ | |
} | |
.ipsLikeBar > .ipsList_inline a:hover, #user_navigation > .ipsList_inline a:hover { | |
/* color: rgb(244, 212, 86);*/ | |
text-decoration: none; | |
} | |
#user_navigation > .ipsList_inline a.menu_active { | |
/* color: rgb(0, 0, 0);*/ | |
} | |
#community_app_menu > li.active > a { | |
background: rgba(0,0,30, 0.15); | |
color: rgb(244, 212, 86); | |
} | |
#community_app_menu > li > a:hover { | |
color: rgb(244, 212, 86); | |
} | |
#user_notifications_link_menucontent > ul > li > .list_content > a:first-of-type { | |
color: rgb(244, 212, 86); | |
} | |
#user_notifications_link_menucontent > ul > li > .list_content > a:hover { | |
color: rgb(255, 255, 255); | |
} | |
.post.entry-content a { | |
text-decoration: underline; | |
color: rgb(255, 255, 255); | |
} | |
.post.entry-content a:hover { | |
color: rgb(244, 212, 86); | |
} | |
.post.entry-content a:visited { | |
color: rgb(119, 119, 119); | |
} | |
/* forum body */ | |
#ipboard_body { | |
background: rgb(18, 98, 158) url(https://static.wildstar-online.com/img/platform/main-bg.jpg) fixed no-repeat 50% 0; | |
} | |
#primary_nav { | |
background: none; | |
/* color: rgb(0,0,0);*/ | |
} | |
#content { | |
background: rgba(0,0,30, 0.15); | |
/* color: rgb(0,0,0);*/ | |
} | |
.maintitle { | |
background: rgba(0,0,30, 0.6); | |
border: 1px solid rgb(38, 45, 54); | |
border-bottom: none; | |
} | |
#branding { | |
background: url(https://www.wildstar-online.com/img/global/main-nav.png) repeat; | |
border-bottom: 1px solid rgb(38, 45, 54); | |
} | |
#ajax_loading { | |
background: rgba(0,0,30, 0.4); | |
} | |
/* main menu (top left) */ | |
#community_app_menu > li > a { | |
background: rgba(0,0,30, 0.3); | |
border: 1px solid rgb(38, 45, 54); | |
border-bottom: 0; | |
color: rgb(225, 242, 245); | |
text-decoration: none; | |
} | |
/* boards & topics */ | |
.ipsBox { | |
background: rgba(0,0,30, 0.15); | |
border: none; | |
} | |
.ipsBox tr { | |
background-color: rgba(0,0,30, 0.05); | |
} | |
.ipsBox tr.unread, .ipb_table.topic_list tr.unread { | |
background-color: rgba(0,0,30, 0.15); | |
} | |
.ipsBox tr a { | |
/* color: rgb(9, 38, 53);*/ | |
} | |
#content > .ipsBox, .category_block > .ipsBox, .topic > .ipsBox { | |
padding: 0; | |
} | |
#content > .ipsBox > .ipsBox_container { | |
border: none; | |
} | |
.row2, .post_block.row2 { | |
background-color: rgba(0,0,30, 0.4); | |
} | |
.category_block { | |
border-top-left-radius: 8px; | |
border-top-right-radius: 8px; | |
} | |
.category_block table tr:last-of-type > td { | |
border-bottom: 0; | |
} | |
ol.ipsList_inline > li { | |
background: none; | |
} | |
#board_statistics { | |
border: 1px solid rgb(38, 45, 54); | |
} | |
#board_statistics > #stat_links { | |
float: left; | |
} | |
#topic_summary { | |
border: 1px solid rgb(38, 45, 54); | |
} | |
.ipb_table.topic_list#forum_table { | |
border: 1px solid rgb(38, 45, 54); | |
} | |
/* your eyes burn from weird colors in postings? here's your saviour! oh, and BAN COMIC SANS! */ | |
.post.entry-content span, .post.entry-content p{ | |
color: inherit; | |
font-family: inherit; | |
font-weight: normal; | |
} | |
/* quote blocks */ | |
p.citation { | |
background-color: rgba(0,0,30, 0.3); | |
} | |
blockquote.ipsBlockquote { | |
background-color: rgba(0,0,30, 0.2); | |
} | |
/* user menu stuff */ | |
#user_notifications_link_menucontent > ul.ipsList_withminiphoto { | |
padding: 0 5px; | |
} | |
#user_notifications_link_menucontent > ul.ipsList_withminiphoto > li.unread { | |
background-color: rgba(0,0,30, 0.3); | |
} | |
/* user profile */ | |
.ipsLayout_left > .ipsBox { | |
padding: 0; | |
} | |
.general_box { | |
background-color: rgba(0,0,30, 0.2); | |
border: 1px solid rgb(38, 45, 54); | |
border-top-left-radius: 8px; | |
border-top-right-radius: 8px; | |
} | |
.ipsVerticalTabbed_tabs > ul { | |
border: 1px solid rgb(38, 45, 54); | |
border-right: 0; | |
border-bottom: 0; | |
} | |
.ipsVerticalTabbed_tabs li { | |
background: none; | |
border-bottom: 1px solid rgb(38, 45, 54); | |
} | |
.ipsVerticalTabbed_tabs li > a { | |
color: rgb(255, 255, 255); | |
background: rgba(0, 0, 30, 0.3); | |
} | |
.ipsVerticalTabbed_tabs li > a:hover { | |
color: rgb(244, 212, 86); | |
} | |
.ipsVerticalTabbed_tabs li.active a { | |
font-weight: bold; | |
width: inherit; | |
border-right: 0; | |
background: rgba(0,0,30, 0.15); | |
color: rgb(244, 212, 86); | |
} | |
.ipsSideBlock { | |
background-color: rgba(0,0,30, 0.2); | |
border: 1px solid rgb(38, 45, 54); | |
border-top-left-radius: 8px; | |
border-top-right-radius: 8px; | |
} | |
.ipsSideBlock > h3 { | |
border-top-left-radius: 8px; | |
border-top-right-radius: 8px; | |
} | |
/* popups */ | |
.popupWrapper { | |
background-color: rgb(18, 98, 158); | |
} | |
.popupInner { | |
background-color: rgba(0, 0, 30, 0.3); | |
} | |
.popupInner h3 { | |
background: rgba(0, 0, 30, 0.3); | |
} | |
.vcard.userpopup { | |
min-height: 183px; | |
} | |
.ipsHeaderMenu { | |
background-color: rgb(18, 98, 158); | |
} | |
.ipsHeaderMenu > h4{ | |
padding: 5px; | |
color: rgb(255,255,255); | |
background: rgba(0, 0, 30, 0.6); | |
} | |
/* stuff */ | |
#index_stats > .ipsSideBlock { | |
background: rgba(0, 0, 30, 0.2); | |
border: 1px solid rgb(38, 45, 54); | |
border-radius: 7px 7px 0 0; | |
} | |
#index_stats > .ipsSideBlock > h3 { | |
background: rgba(0, 0, 30, 0.4); | |
border-bottom: 1px solid rgb(38, 45, 54); | |
border-radius: 7px 7px 0 0; | |
} | |
.poll{ | |
border-top-left-radius: 0; | |
border-top-right-radius: 0; | |
} | |
.poll h3 { | |
border-radius: 0; | |
background: rgba(0, 0, 30, 0.5); | |
border-bottom: 1px solid rgb(38, 45, 54); | |
} | |
.poll_question{ | |
padding: 0; | |
margin: 20px; | |
} | |
.poll_question h4{ | |
background-color: rgba(0, 0, 30, 0.4); | |
border-radius: 6px 6px 0 0; | |
margin: 0; | |
padding: 0.5em 1em; | |
} | |
.poll_question ol{ | |
background-color: rgba(0, 0, 30, 0.2); | |
border-radius: 0 0 6px 6px; | |
padding: 0.5em 1em; | |
} | |
.poll_question li { | |
font-size: 100%; | |
margin: 1em 0; | |
} | |
.poll_question .votes{ | |
color: rgb(144, 144, 144); | |
} | |
.progress_bar { | |
background-color: rgba(0, 0, 30, 0.4); | |
padding: 0; | |
} | |
.progress_bar span{ | |
height: 10px; | |
background: rgba(255, 255, 255, 0.35); | |
} | |
.progress_bar.topic_poll { | |
border: 1px solid rgb(38, 45, 54); | |
margin-top: 2px; | |
width: 40%; | |
} | |
fieldset.submit{ | |
background-color: rgba(0, 0, 30, 0.0); | |
padding: 5px 0 20px 0; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@namespace url(http://www.w3.org/1999/xhtml); | |
@-moz-document domain("forums.wildstar-online.com") { | |
/* hyperlinks */ | |
a, a:link{ | |
cursor: pointer !important; | |
transition-property: all !important; | |
transition-duration: 0.5s !important; | |
} | |
.breadcrumb a, .ipsList_inline a, .ipsPad_top_slimmer a{ | |
/* color: rgb(119, 119, 119) !important;*/ | |
} | |
.breadcrumb a:hover, .ipsList_inline a:hover, .ipsPad_top_slimmer a:hover{ | |
/* color: rgb(119, 119, 119) !important;*/ | |
text-decoration: underline !important; | |
} | |
.ipsLikeBar > .ipsList_inline a, #user_navigation > .ipsList_inline a{ | |
/* color: rgb(225, 242, 245) !important;*/ | |
} | |
.ipsLikeBar > .ipsList_inline a:hover, #user_navigation > .ipsList_inline a:hover{ | |
/* color: rgb(244, 212, 86) !important;*/ | |
text-decoration: none !important; | |
} | |
#user_navigation > .ipsList_inline a.menu_active{ | |
/* color: rgb(0, 0, 0) !important;*/ | |
} | |
#community_app_menu > li.active > a{ | |
background: rgba(10, 10, 10, 0.15) !important; | |
color: rgb(244, 212, 86) !important; | |
} | |
#community_app_menu > li > a:hover{ | |
color: rgb(244, 212, 86) !important; | |
} | |
#user_notifications_link_menucontent > ul > li > .list_content > a:first-of-type{ | |
color: rgb(244, 212, 86) !important; | |
} | |
#user_notifications_link_menucontent > ul > li > .list_content > a:hover{ | |
color: rgb(255, 255, 255) !important; | |
} | |
.post.entry-content a{ | |
text-decoration: underline !important; | |
color: rgb(255, 255, 255) !important; | |
} | |
.post.entry-content a:hover{ | |
color: rgb(244, 212, 86) !important; | |
} | |
.post.entry-content a:visited{ | |
color: rgb(119, 119, 119) !important; | |
} | |
/* forum body */ | |
#ipboard_body{ | |
background: rgb(0, 0, 0) url(https://forums.wildstar-online.com/forums/public/style_images/wildstar/main-bg.jpg) fixed no-repeat 50% 0 !important; | |
} | |
#primary_nav{ | |
background: none !important; | |
/* color: rgb(0,0,0) !important;*/ | |
} | |
#content{ | |
background: rgba(10, 10, 10, 0.15) !important; | |
border: 1px solid rgb(50, 50, 50) !important; | |
/* color: rgb(0,0,0) !important;*/ | |
} | |
.maintitle{ | |
background: rgba(10, 10, 10, 0.6) !important; | |
border: 1px solid rgb(50, 50, 50) !important; | |
border-bottom: none !important; | |
} | |
#branding{ | |
background: url(https://www.wildstar-online.com/img/global/main-nav.png) repeat !important; | |
border-bottom: none !important; | |
} | |
#ajax_loading{ | |
background: rgba(10, 10, 10, 0.4) !important; | |
} | |
#more_topics{ | |
border: 1px solid rgb(50, 50, 50) !important; | |
border-top: none !important; | |
} | |
/* main menu (top left) */ | |
#community_app_menu > li > a{ | |
background: rgba(10, 10, 10, 0.3) !important; | |
border: 1px solid rgb(50, 50, 50) !important; | |
border-bottom: 0 !important; | |
color: rgb(225, 242, 245) !important; | |
text-decoration: none !important; | |
} | |
/* boards & topics */ | |
.ipsBox{ | |
background: rgba(10, 10, 10, 0.15) !important; | |
border: none !important; | |
} | |
.ipsBox tr{ | |
background-color: rgba(10, 10, 10, 0.05) !important; | |
} | |
.ipsBox tr.unread, .ipb_table.topic_list tr.unread{ | |
background-color: rgba(50, 50, 50, 0.15) !important; | |
} | |
.ipsBox tr a{ | |
/* color: rgb(9, 38, 53) !important;*/ | |
} | |
.ipsBox td{ | |
border-bottom: 1px solid rgb(50, 50, 50) !important; | |
} | |
#content > .ipsBox, .category_block > .ipsBox, .topic > .ipsBox{ | |
padding: 0 !important; | |
} | |
#content > .ipsBox > .ipsBox_container{ | |
border: none !important; | |
} | |
.row2, .post_block.row2{ | |
background-color: rgba(10, 10, 10, 0.4) !important; | |
} | |
.category_block{ | |
border-top-left-radius: 8px !important; | |
border-top-right-radius: 8px !important; | |
} | |
.category_block table tr:last-of-type > td{ | |
border-bottom: 0 !important; | |
} | |
ol.ipsList_inline > li{ | |
background: none !important; | |
} | |
#board_statistics{ | |
border: 1px solid rgb(50, 50, 50) !important; | |
} | |
#board_statistics > #stat_links{ | |
float: left !important; | |
} | |
#topic_summary{ | |
border: 1px solid rgb(50, 50, 50) !important; | |
} | |
.ipb_table.topic_list#forum_table{ | |
border: 1px solid rgb(50, 50, 50) !important; | |
} | |
/* your eyes burn from weird colors in postings? here's your saviour! oh, and BAN COMIC SANS! */ | |
.post.entry-content span, .post.entry-content p{ | |
color: inherit !important; | |
font-family: inherit !important; | |
font-weight: normal !important; | |
} | |
/* quote blocks */ | |
p.citation{ | |
background-color: rgba(10, 10, 10, 0.3) !important; | |
} | |
blockquote.ipsBlockquote{ | |
background-color: rgba(10, 10, 10, 0.2) !important; | |
} | |
/* user menu stuff */ | |
#user_notifications_link_menucontent > ul.ipsList_withminiphoto{ | |
padding: 0 5px !important; | |
} | |
#user_notifications_link_menucontent > ul.ipsList_withminiphoto > li.unread{ | |
background-color: rgba(10, 10, 10, 0.3) !important; | |
} | |
/* user profile */ | |
.ipsLayout_left > .ipsBox{ | |
padding: 0 !important; | |
} | |
.general_box{ | |
background-color: rgba(10, 10, 10, 0.2) !important; | |
border: 1px solid rgb(50, 50, 50) !important; | |
border-top-left-radius: 8px !important; | |
border-top-right-radius: 8px !important; | |
} | |
.ipsVerticalTabbed_tabs > ul{ | |
border: 1px solid rgb(50, 50, 50) !important; | |
border-right: 0 !important; | |
border-bottom: 0 !important; | |
} | |
.ipsVerticalTabbed_tabs li{ | |
background: none !important; | |
border-bottom: 1px solid rgb(50, 50, 50) !important; | |
} | |
.ipsVerticalTabbed_tabs li > a{ | |
color: rgb(255, 255, 255) !important; | |
background: rgba(10, 10, 10, 0.3) !important; | |
} | |
.ipsVerticalTabbed_tabs li > a:hover{ | |
color: rgb(244, 212, 86) !important; | |
} | |
.ipsVerticalTabbed_tabs li.active a{ | |
font-weight: bold !important; | |
width: inherit !important; | |
border-right: 0 !important; | |
background: rgba(10, 10, 10, 0.15) !important; | |
color: rgb(244, 212, 86) !important; | |
} | |
.ipsSideBlock{ | |
background-color: rgba(10, 10, 10, 0.2) !important; | |
border: 1px solid rgb(50, 50, 50) !important; | |
border-top-left-radius: 8px !important; | |
border-top-right-radius: 8px !important; | |
} | |
.ipsSideBlock > h3{ | |
border-top-left-radius: 8px !important; | |
border-top-right-radius: 8px !important; | |
} | |
/* popups */ | |
.popupWrapper{ | |
background-color: rgb(77, 77, 77) !important; | |
} | |
.popupInner{ | |
background-color: rgba(10, 10, 10, 0.3) !important; | |
} | |
.popupInner h3{ | |
background: rgba(10, 10, 10, 0.3) !important; | |
} | |
.vcard.userpopup{ | |
min-height: 183px !important; | |
} | |
.ipsHeaderMenu{ | |
background-color: rgb(77, 77, 77) !important; | |
} | |
.ipsHeaderMenu > h4{ | |
padding: 5px !important; | |
color: rgb(255, 255, 255) !important; | |
background: rgba(10, 10, 10, 0.6) !important; | |
} | |
/* stuff */ | |
#index_stats > .ipsSideBlock{ | |
background: rgba(10, 10, 10, 0.2) !important; | |
border: 1px solid rgb(50, 50, 50) !important; | |
border-radius: 7px 7px 0 0 !important; | |
} | |
#index_stats > .ipsSideBlock > h3{ | |
background: rgba(10, 10, 10, 0.4) !important; | |
border-bottom: 1px solid rgb(50, 50, 50) !important; | |
border-radius: 7px 7px 0 0 !important; | |
} | |
.poll{ | |
border-top-left-radius: 0 !important; | |
border-top-right-radius: 0 !important; | |
} | |
.poll h3{ | |
border-radius: 0 !important; | |
} | |
.poll_question{ | |
padding: 0 !important; | |
margin: 20px !important; | |
} | |
.poll_question h4{ | |
background-color: rgba(10, 10, 10, 0.4) !important; | |
border-radius: 6px 6px 0 0 !important; | |
margin: 0 !important; | |
} | |
.poll_question ol{ | |
background-color: rgba(10, 10, 10, 0.2) !important; | |
border-radius: 0 0 6px 6px !important; | |
} | |
fieldset.submit{ | |
background-color: rgba(10, 10, 10, 0.0) !important; | |
padding: 5px 0 20px 0 !important; | |
} | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* hyperlinks */ | |
a, a:link{ | |
cursor: pointer; | |
transition-property: all; | |
transition-duration: 0.5s; | |
} | |
.breadcrumb a, .ipsList_inline a, .ipsPad_top_slimmer a{ | |
/* color: rgb(119, 119, 119);*/ | |
} | |
.breadcrumb a:hover, .ipsList_inline a:hover, .ipsPad_top_slimmer a:hover{ | |
/* color: rgb(119, 119, 119);*/ | |
text-decoration: underline; | |
} | |
.ipsLikeBar > .ipsList_inline a, #user_navigation > .ipsList_inline a{ | |
/* color: rgb(225, 242, 245);*/ | |
} | |
.ipsLikeBar > .ipsList_inline a:hover, #user_navigation > .ipsList_inline a:hover{ | |
/* color: rgb(244, 212, 86);*/ | |
text-decoration: none; | |
} | |
#user_navigation > .ipsList_inline a.menu_active{ | |
/* color: rgb(0, 0, 0);*/ | |
} | |
#community_app_menu > li.active > a{ | |
background: rgba(10, 10, 10, 0.15); | |
color: rgb(244, 212, 86); | |
} | |
#community_app_menu > li > a:hover{ | |
color: rgb(244, 212, 86); | |
} | |
#user_notifications_link_menucontent > ul > li > .list_content > a:first-of-type{ | |
color: rgb(244, 212, 86); | |
} | |
#user_notifications_link_menucontent > ul > li > .list_content > a:hover{ | |
color: rgb(255, 255, 255); | |
} | |
.post.entry-content a{ | |
text-decoration: underline; | |
color: rgb(255, 255, 255); | |
} | |
.post.entry-content a:hover{ | |
color: rgb(244, 212, 86); | |
} | |
.post.entry-content a:visited{ | |
color: rgb(119, 119, 119); | |
} | |
/* forum body */ | |
#ipboard_body{ | |
background: rgb(0, 0, 0) url(https://forums.wildstar-online.com/forums/public/style_images/wildstar/main-bg.jpg) fixed no-repeat 50% 0; | |
} | |
#primary_nav{ | |
background: none; | |
/* color: rgb(0,0,0);*/ | |
} | |
#content{ | |
background: rgba(10, 10, 10, 0.15); | |
border: 1px solid rgb(50, 50, 50); | |
/* color: rgb(0,0,0);*/ | |
} | |
.maintitle{ | |
background: rgba(10, 10, 10, 0.6); | |
border: 1px solid rgb(50, 50, 50); | |
border-bottom: none; | |
} | |
#branding{ | |
background: url(https://www.wildstar-online.com/img/global/main-nav.png) repeat; | |
border-bottom: none; | |
} | |
#ajax_loading{ | |
background: rgba(10, 10, 10, 0.4); | |
} | |
#more_topics{ | |
border: 1px solid rgb(50, 50, 50); | |
border-top: none; | |
} | |
/* main menu (top left) */ | |
#community_app_menu > li > a{ | |
background: rgba(10, 10, 10, 0.3); | |
border: 1px solid rgb(50, 50, 50); | |
border-bottom: 0; | |
color: rgb(225, 242, 245); | |
text-decoration: none; | |
} | |
/* boards & topics */ | |
.ipsBox{ | |
background: rgba(10, 10, 10, 0.15); | |
border: none; | |
} | |
.ipsBox tr{ | |
background-color: rgba(10, 10, 10, 0.05); | |
} | |
.ipsBox tr.unread, .ipb_table.topic_list tr.unread{ | |
background-color: rgba(50, 50, 50, 0.15); | |
} | |
.ipsBox tr a{ | |
/* color: rgb(9, 38, 53);*/ | |
} | |
.ipsBox td{ | |
border-bottom: 1px solid rgb(50, 50, 50); | |
} | |
#content > .ipsBox, .category_block > .ipsBox, .topic > .ipsBox{ | |
padding: 0; | |
} | |
#content > .ipsBox > .ipsBox_container{ | |
border: none; | |
} | |
.row2, .post_block.row2{ | |
background-color: rgba(10, 10, 10, 0.4); | |
} | |
.category_block{ | |
border-top-left-radius: 8px; | |
border-top-right-radius: 8px; | |
} | |
.category_block table tr:last-of-type > td{ | |
border-bottom: 0; | |
} | |
ol.ipsList_inline > li{ | |
background: none; | |
} | |
#board_statistics{ | |
border: 1px solid rgb(50, 50, 50); | |
} | |
#board_statistics > #stat_links{ | |
float: left; | |
} | |
#topic_summary{ | |
border: 1px solid rgb(50, 50, 50); | |
} | |
.ipb_table.topic_list#forum_table{ | |
border: 1px solid rgb(50, 50, 50); | |
} | |
/* your eyes burn from weird colors in postings? here's your saviour! oh, and BAN COMIC SANS! */ | |
.post.entry-content span, .post.entry-content p{ | |
color: inherit; | |
font-family: inherit; | |
font-weight: normal; | |
} | |
/* quote blocks */ | |
p.citation{ | |
background-color: rgba(10, 10, 10, 0.3); | |
} | |
blockquote.ipsBlockquote{ | |
background-color: rgba(10, 10, 10, 0.2); | |
} | |
/* user menu stuff */ | |
#user_notifications_link_menucontent > ul.ipsList_withminiphoto{ | |
padding: 0 5px; | |
} | |
#user_notifications_link_menucontent > ul.ipsList_withminiphoto > li.unread{ | |
background-color: rgba(10, 10, 10, 0.3); | |
} | |
/* user profile */ | |
.ipsLayout_left > .ipsBox{ | |
padding: 0; | |
} | |
.general_box{ | |
background-color: rgba(10, 10, 10, 0.2); | |
border: 1px solid rgb(50, 50, 50); | |
border-top-left-radius: 8px; | |
border-top-right-radius: 8px; | |
} | |
.ipsVerticalTabbed_tabs > ul{ | |
border: 1px solid rgb(50, 50, 50); | |
border-right: 0; | |
border-bottom: 0; | |
} | |
.ipsVerticalTabbed_tabs li{ | |
background: none; | |
border-bottom: 1px solid rgb(50, 50, 50); | |
} | |
.ipsVerticalTabbed_tabs li > a{ | |
color: rgb(255, 255, 255); | |
background: rgba(10, 10, 10, 0.3); | |
} | |
.ipsVerticalTabbed_tabs li > a:hover{ | |
color: rgb(244, 212, 86); | |
} | |
.ipsVerticalTabbed_tabs li.active a{ | |
font-weight: bold; | |
width: inherit; | |
border-right: 0; | |
background: rgba(10, 10, 10, 0.15); | |
color: rgb(244, 212, 86); | |
} | |
.ipsSideBlock{ | |
background-color: rgba(10, 10, 10, 0.2); | |
border: 1px solid rgb(50, 50, 50); | |
border-top-left-radius: 8px; | |
border-top-right-radius: 8px; | |
} | |
.ipsSideBlock > h3{ | |
border-top-left-radius: 8px; | |
border-top-right-radius: 8px; | |
} | |
/* popups */ | |
.popupWrapper{ | |
background-color: rgb(77, 77, 77); | |
} | |
.popupInner{ | |
background-color: rgba(10, 10, 10, 0.3); | |
} | |
.popupInner h3{ | |
background: rgba(10, 10, 10, 0.3); | |
} | |
.vcard.userpopup{ | |
min-height: 183px; | |
} | |
.ipsHeaderMenu{ | |
background-color: rgb(77, 77, 77); | |
} | |
.ipsHeaderMenu > h4{ | |
padding: 5px; | |
color: rgb(255, 255, 255); | |
background: rgba(10, 10, 10, 0.6); | |
} | |
/* stuff */ | |
#index_stats > .ipsSideBlock{ | |
background: rgba(10, 10, 10, 0.2); | |
border: 1px solid rgb(50, 50, 50); | |
border-radius: 7px 7px 0 0; | |
} | |
#index_stats > .ipsSideBlock > h3{ | |
background: rgba(10, 10, 10, 0.4); | |
border-bottom: 1px solid rgb(50, 50, 50); | |
border-radius: 7px 7px 0 0; | |
} | |
.poll{ | |
border-top-left-radius: 0; | |
border-top-right-radius: 0; | |
} | |
.poll h3{ | |
border-radius: 0; | |
} | |
.poll_question{ | |
padding: 0; | |
margin: 20px; | |
} | |
.poll_question h4{ | |
background-color: rgba(10, 10, 10, 0.4); | |
border-radius: 6px 6px 0 0; | |
margin: 0; | |
} | |
.poll_question ol{ | |
background-color: rgba(10, 10, 10, 0.2); | |
border-radius: 0 0 6px 6px; | |
} | |
fieldset.submit{ | |
background-color: rgba(10, 10, 10, 0.0); | |
padding: 5px 0 20px 0; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// ==UserScript== | |
// @name WildStar forum tweaks | |
// @namespace https://forums.wildstar-online.com/forums/ | |
// @version 0.1 | |
// @description some tweaks to save my sanity (http://api.prototypejs.org/) | |
// @match https://forums.wildstar-online.com/forums/* | |
// @copyright 2014, Smiley | |
// ==/UserScript== | |
(function(){ | |
// fix tab spacing and order on main (top left) menu | |
$('back_to_ws', 'support_site').invoke('addClassName', 'left'); | |
// force the website & support link to open in a new tab/window | |
$$('#back_to_ws > a', '#support_site > a').invoke('writeAttribute', {'target': '_blank'}); | |
// add an account management button to the main menu | |
$('community_app_menu').insert( | |
new Element('li', {'class': 'left'}) | |
.insert( | |
new Element('a', {'class': 'ipbmenu', 'href': 'https://account.wildstar-online.com/profile/index', 'target': '_blank'}) | |
.update('Account Management') | |
) | |
); | |
// apply the button style to post controls (report and edit) buttons | |
$$('.post_controls > li > a').invoke('addClassName', 'ipsButton_secondary'); | |
// your eyes burn from weird colors in postings? here's your saviour! | |
// oh, and BAN COMIC SANS! | |
// $$('.post.entry-content span').invoke('setStyle', {'color': 'inherit', 'font-family': 'inherit', 'font-weight': 'normal'}); | |
// hide the signatures and display a toggle button | |
$$('.signature').invoke('hide').each(function(s){ | |
var ul = s.next('ul'); | |
if(ul){ // check if the ul exists to not throw an error on the dev tracker | |
ul.insert({ | |
bottom: new Element('li').insert( | |
new Element('a', {'href': '#', 'class': 'ipsButton_secondary'}) | |
.update('toggle signature') | |
.observe('click', function(e){ | |
Event.stop(e); | |
// s.toggle(); | |
Effect.toggle(s, 'blind'); | |
}) | |
) | |
}) | |
} | |
}); | |
// change the date in postings to your preferred locale | |
// IP.Board could do this of course but the option to change the locale is disabled / no languages except english installed | |
// display options, for more info see: | |
// https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleString | |
var locale = 'de-DE'; | |
var str = 'Heute, '; | |
var short = { | |
hour: 'numeric', | |
minute: 'numeric', | |
second: 'numeric' | |
}; | |
var long = { | |
weekday: 'long', | |
year: 'numeric', | |
month: 'long', | |
day: 'numeric' | |
}; | |
Object.extend(long, short); | |
$$('.published').each(function(d){ | |
var p = new Date(Date.parse(d.title)); | |
d.update(p.getDate() === new Date().getDate() | |
? str+p.toLocaleString(locale, short) | |
: p.toLocaleString(locale, long)); | |
}); | |
})(); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@namespace url(http://www.w3.org/1999/xhtml); | |
@-moz-document domain("forums.wildstar-online.com") { | |
/* hyperlinks */ | |
a, a:link { | |
cursor: pointer !important; | |
transition-property: all !important; | |
transition-duration: 0.5s !important; | |
} | |
.breadcrumb a, .ipsList_inline a, .ipsPad_top_slimmer a { | |
/* color: rgb(119, 119, 119) !important;*/ | |
} | |
.breadcrumb a:hover, .ipsList_inline a:hover, .ipsPad_top_slimmer a:hover { | |
/* color: rgb(119, 119, 119) !important;*/ | |
text-decoration: underline !important; | |
} | |
.ipsLikeBar > .ipsList_inline a, #user_navigation > .ipsList_inline a { | |
/* color: rgb(225, 242, 245) !important;*/ | |
} | |
.ipsLikeBar > .ipsList_inline a:hover, #user_navigation > .ipsList_inline a:hover { | |
/* color: rgb(244, 212, 86) !important;*/ | |
text-decoration: none !important; | |
} | |
#user_navigation > .ipsList_inline a.menu_active { | |
/* color: rgb(0, 0, 0) !important;*/ | |
} | |
#community_app_menu > li.active > a { | |
background: rgba(0,0,30, 0.15) !important; | |
color: rgb(244, 212, 86) !important; | |
} | |
#community_app_menu > li > a:hover { | |
color: rgb(244, 212, 86) !important; | |
} | |
#user_notifications_link_menucontent > ul > li > .list_content > a:first-of-type { | |
color: rgb(244, 212, 86) !important; | |
} | |
#user_notifications_link_menucontent > ul > li > .list_content > a:hover { | |
color: rgb(255, 255, 255) !important; | |
} | |
.post.entry-content a { | |
text-decoration: underline !important; | |
color: rgb(255, 255, 255) !important; | |
} | |
.post.entry-content a:hover { | |
color: rgb(244, 212, 86) !important; | |
} | |
.post.entry-content a:visited { | |
color: rgb(119, 119, 119) !important; | |
} | |
/* forum body */ | |
#ipboard_body { | |
background: rgb(18, 98, 158) url(https://static.wildstar-online.com/img/platform/main-bg.jpg) fixed no-repeat 50% 0 !important; | |
} | |
#primary_nav { | |
background: none !important; | |
/* color: rgb(0,0,0) !important;*/ | |
} | |
#content { | |
background: rgba(0,0,30, 0.15) !important; | |
/* color: rgb(0,0,0) !important;*/ | |
} | |
.maintitle { | |
background: rgba(0,0,30, 0.6) !important; | |
border: 1px solid rgb(38, 45, 54) !important; | |
border-bottom: none !important; | |
} | |
#branding { | |
background: url(https://www.wildstar-online.com/img/global/main-nav.png) repeat !important; | |
border-bottom: 1px solid rgb(38, 45, 54) !important; | |
} | |
#ajax_loading { | |
background: rgba(0,0,30, 0.4) !important; | |
} | |
/* main menu (top left) */ | |
#community_app_menu > li > a { | |
background: rgba(0,0,30, 0.3) !important; | |
border: 1px solid rgb(38, 45, 54) !important; | |
border-bottom: 0 !important; | |
color: rgb(225, 242, 245) !important; | |
text-decoration: none !important; | |
} | |
/* boards & topics */ | |
.ipsBox { | |
background: rgba(0,0,30, 0.15) !important; | |
border: none !important; | |
} | |
.ipsBox tr { | |
background-color: rgba(0,0,30, 0.05) !important; | |
} | |
.ipsBox tr.unread, .ipb_table.topic_list tr.unread { | |
background-color: rgba(0,0,30, 0.15) !important; | |
} | |
.ipsBox tr a { | |
/* color: rgb(9, 38, 53) !important;*/ | |
} | |
#content > .ipsBox, .category_block > .ipsBox, .topic > .ipsBox { | |
padding: 0 !important; | |
} | |
#content > .ipsBox > .ipsBox_container { | |
border: none !important; | |
} | |
.row2, .post_block.row2 { | |
background-color: rgba(0,0,30, 0.4) !important; | |
} | |
.category_block { | |
border-top-left-radius: 8px !important; | |
border-top-right-radius: 8px !important; | |
} | |
.category_block table tr:last-of-type > td { | |
border-bottom: 0 !important; | |
} | |
ol.ipsList_inline > li { | |
background: none !important; | |
} | |
#board_statistics { | |
border: 1px solid rgb(38, 45, 54) !important; | |
} | |
#board_statistics > #stat_links { | |
float: left !important; | |
} | |
#topic_summary { | |
border: 1px solid rgb(38, 45, 54) !important; | |
} | |
.ipb_table.topic_list#forum_table { | |
border: 1px solid rgb(38, 45, 54) !important; | |
} | |
/* your eyes burn from weird colors in postings? here's your saviour! oh, and BAN COMIC SANS! */ | |
.post.entry-content span, .post.entry-content p{ | |
color: inherit !important; | |
font-family: inherit !important; | |
font-weight: normal !important; | |
} | |
/* quote blocks */ | |
p.citation { | |
background-color: rgba(0,0,30, 0.3) !important; | |
} | |
blockquote.ipsBlockquote { | |
background-color: rgba(0,0,30, 0.2) !important; | |
} | |
/* user menu stuff */ | |
#user_notifications_link_menucontent > ul.ipsList_withminiphoto { | |
padding: 0 5px !important; | |
} | |
#user_notifications_link_menucontent > ul.ipsList_withminiphoto > li.unread { | |
background-color: rgba(0,0,30, 0.3) !important; | |
} | |
/* user profile */ | |
.ipsLayout_left > .ipsBox { | |
padding: 0 !important; | |
} | |
.general_box { | |
background-color: rgba(0,0,30, 0.2) !important; | |
border: 1px solid rgb(38, 45, 54) !important; | |
border-top-left-radius: 8px !important; | |
border-top-right-radius: 8px !important; | |
} | |
.ipsVerticalTabbed_tabs > ul { | |
border: 1px solid rgb(38, 45, 54) !important; | |
border-right: 0 !important; | |
border-bottom: 0 !important; | |
} | |
.ipsVerticalTabbed_tabs li { | |
background: none !important; | |
border-bottom: 1px solid rgb(38, 45, 54) !important; | |
} | |
.ipsVerticalTabbed_tabs li > a { | |
color: rgb(255, 255, 255) !important; | |
background: rgba(0, 0, 30, 0.3) !important; | |
} | |
.ipsVerticalTabbed_tabs li > a:hover { | |
color: rgb(244, 212, 86) !important; | |
} | |
.ipsVerticalTabbed_tabs li.active a { | |
font-weight: bold !important; | |
width: inherit !important; | |
border-right: 0 !important; | |
background: rgba(0,0,30, 0.15) !important; | |
color: rgb(244, 212, 86) !important; | |
} | |
.ipsSideBlock { | |
background-color: rgba(0,0,30, 0.2) !important; | |
border: 1px solid rgb(38, 45, 54) !important; | |
border-top-left-radius: 8px !important; | |
border-top-right-radius: 8px !important; | |
} | |
.ipsSideBlock > h3 { | |
border-top-left-radius: 8px !important; | |
border-top-right-radius: 8px !important; | |
} | |
/* popups */ | |
.popupWrapper { | |
background-color: rgb(18, 98, 158) !important; | |
} | |
.popupInner { | |
background-color: rgba(0, 0, 30, 0.3) !important; | |
} | |
.popupInner h3 { | |
background: rgba(0, 0, 30, 0.3) !important; | |
} | |
.vcard.userpopup { | |
min-height: 183px !important; | |
} | |
.ipsHeaderMenu { | |
background-color: rgb(18, 98, 158) !important; | |
} | |
.ipsHeaderMenu > h4{ | |
padding: 5px !important; | |
color: rgb(255,255,255) !important; | |
background: rgba(0, 0, 30, 0.6) !important; | |
} | |
/* stuff */ | |
#index_stats > .ipsSideBlock { | |
background: rgba(0, 0, 30, 0.2) !important; | |
border: 1px solid rgb(38, 45, 54) !important; | |
border-radius: 7px 7px 0 0 !important; | |
} | |
#index_stats > .ipsSideBlock > h3 { | |
background: rgba(0, 0, 30, 0.4) !important; | |
border-bottom: 1px solid rgb(38, 45, 54) !important; | |
border-radius: 7px 7px 0 0 !important; | |
} | |
.poll{ | |
border-top-left-radius: 0 !important; | |
border-top-right-radius: 0 !important; | |
} | |
.poll h3 { | |
border-radius: 0 !important; | |
background: rgba(0, 0, 30, 0.5) !important; | |
border-bottom: 1px solid rgb(38, 45, 54) !important; | |
} | |
.poll_question{ | |
padding: 0 !important; | |
margin: 20px !important; | |
} | |
.poll_question h4{ | |
background-color: rgba(0, 0, 30, 0.4) !important; | |
border-radius: 6px 6px 0 0 !important; | |
margin: 0 !important; | |
padding: 0.5em 1em !important; | |
} | |
.poll_question ol{ | |
background-color: rgba(0, 0, 30, 0.2) !important; | |
border-radius: 0 0 6px 6px !important; | |
padding: 0.5em 1em !important; | |
} | |
.poll_question li { | |
font-size: 100% !important; | |
margin: 1em 0 !important; | |
} | |
.poll_question .votes{ | |
color: rgb(144, 144, 144) !important; | |
} | |
.progress_bar { | |
background-color: rgba(0, 0, 30, 0.4) !important; | |
padding: 0 !important; | |
} | |
.progress_bar span{ | |
height: 10px !important; | |
background: rgba(255, 255, 255, 0.35) !important; | |
} | |
.progress_bar.topic_poll { | |
border: 1px solid rgb(38, 45, 54) !important; | |
margin-top: 2px !important; | |
width: 40% !important; | |
} | |
fieldset.submit{ | |
background-color: rgba(0, 0, 30, 0.0) !important; | |
padding: 5px 0 20px 0 !important; | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment