Advertisement
Guest User

Tweaked Stylish rules for Wildstar forums

a guest
Jul 3rd, 2014
215
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 12.17 KB | None | 0 0
  1. @-moz-document domain(wildstar-online.com) {
  2. /* hyperlinks */
  3.  
  4. a, a:link {
  5.     cursor: pointer;
  6.     color: rgb(150, 200, 255)
  7. }
  8.  
  9. a:visited {
  10.     cursor: pointer;
  11.     color: rgb(150,120, 200)
  12. }
  13.  
  14. .breadcrumb a, .ipsList_inline a, .ipsPad_top_slimmer a {
  15. /* color: rgb(119, 119, 119);*/
  16. transition-property: all;
  17. transition-duration: 0.5s;
  18. }
  19.  
  20. .breadcrumb a:hover, .ipsList_inline a:hover, .ipsPad_top_slimmer a:hover {
  21. /* color: rgb(119, 119, 119);*/
  22. text-decoration: underline;
  23. }
  24.  
  25. .ipsLikeBar > .ipsList_inline a, #user_navigation > .ipsList_inline a {
  26. /* color: rgb(225, 242, 245);*/
  27. transition-property: all;
  28. transition-duration: 0.5s;
  29. }
  30.  
  31. .ipsLikeBar > .ipsList_inline a:hover, #user_navigation > .ipsList_inline a:hover {
  32. /* color: rgb(244, 212, 86);*/
  33. text-decoration: none;
  34. }
  35.  
  36. #user_navigation > .ipsList_inline a.menu_active {
  37. /* color: rgb(0, 0, 0);*/
  38. }
  39.  
  40. #community_app_menu > li.active > a {
  41. background: rgba(0,0,30, 0.15);
  42. color: rgb(244, 212, 86);
  43. }
  44.  
  45. #community_app_menu > li > a:hover {
  46. color: rgb(244, 212, 86);
  47. }
  48.  
  49. #user_notifications_link_menucontent > ul > li > .list_content > a:first-of-type {
  50. color: rgb(244, 212, 86);
  51. }
  52.  
  53. #user_notifications_link_menucontent > ul > li > .list_content > a:hover {
  54. color: rgb(255, 255, 255);
  55. }
  56.  
  57.  
  58. /* forum body */
  59.  
  60. #ipboard_body {
  61. background: rgb(18, 98, 158) url(https://www.wildstar-online.com/img/platform/main-bg.jpg) fixed no-repeat 50% 0;
  62. }
  63.  
  64. #primary_nav {
  65. background: none;
  66. /* color: rgb(0,0,0);*/
  67. }
  68.  
  69. #content {
  70. background: rgba(0,0,30, 0.15);
  71. /* color: rgb(0,0,0);*/
  72. }
  73.  
  74. .maintitle {
  75. background: rgba(0,0,30, 0.6);
  76. border: 1px solid rgb(38, 45, 54);
  77. border-bottom: none;
  78. }
  79.  
  80. #branding {
  81. background: url('https://www.wildstar-online.com/img/global/main-nav.png') repeat;
  82. border-bottom: 1px solid rgb(38, 45, 54);
  83. }
  84.  
  85. #ajax_loading {
  86. background: rgba(0,0,30, 0.4);
  87. }
  88.  
  89. /* main menu (top left) */
  90.  
  91. #community_app_menu > li > a {
  92. background: rgba(0,0,30, 0.3);
  93. border: 1px solid rgb(38, 45, 54);
  94. border-bottom: 0;
  95. color: rgb(225, 242, 245);
  96. text-decoration: none;
  97. }
  98.  
  99.  
  100. /* boards & topics */
  101.  
  102. .ipsBox {
  103. background: rgba(0,0,30, 0.3);
  104. }
  105.  
  106. .ipsBox tr {
  107. background-color: rgba(0,0,30, 0.05);
  108. }
  109.  
  110. .ipsBox tr.unread, .ipb_table.topic_list tr.unread {
  111. background-color: rgba(0,0,30, 0.15);
  112. }
  113.  
  114. .ipsBox tr a {
  115. /* color: rgb(9, 38, 53);*/
  116. }
  117.  
  118. #content > .ipsBox, .category_block > .ipsBox, .topic > .ipsBox {
  119. padding: 0;
  120. }
  121.  
  122. #content > .ipsBox, .topic > .ipsBox > .ipsBox_container {
  123. border: none;
  124. }
  125.  
  126. .row2, .post_block.row2 {
  127. background-color: rgba(0,0,30, 0.4);
  128. }
  129.  
  130. .category_block table tr:last-of-type > td {
  131. border-bottom: 0;
  132. }
  133.  
  134. #board_index > #categories > .category_block > .ipsBox > .ipsBox_container {
  135. border: 0;
  136. }
  137.  
  138. ol.ipsList_inline > li {
  139. background: none;
  140. }
  141.  
  142. #board_statistics {
  143. border: 1px solid rgb(38, 45, 54);
  144. }
  145.  
  146. #board_statistics > #stat_links {
  147. float: left;
  148. }
  149.  
  150. #topic_summary {
  151. border: 1px solid rgb(38, 45, 54);
  152. }
  153.  
  154. .ipb_table.topic_list#forum_table {
  155. border: 1px solid rgb(38, 45, 54);
  156. }
  157.  
  158. /* quote blocks */
  159.  
  160. p.citation {
  161. background-color: rgba(0,0,30, 0.3);
  162. }
  163.  
  164. blockquote.ipsBlockquote {
  165. background-color: rgba(0,0,30, 0.2);
  166. }
  167.  
  168. /* user menu stuff */
  169.  
  170. #user_notifications_link_menucontent > ul.ipsList_withminiphoto {
  171. padding: 0 5px;
  172. }
  173.  
  174. #user_notifications_link_menucontent > ul.ipsList_withminiphoto > li.unread {
  175. background-color: rgba(0,0,30, 0.3);
  176. }
  177.  
  178. /* popups */
  179.  
  180. .popupWrapper {
  181. background-color: rgb(18, 98, 158);
  182. }
  183.  
  184. .popupInner {
  185. background-color: rgba(0, 0, 30, 0.3);
  186. }
  187.  
  188. .popupInner h3 {
  189. background: rgba(0, 0, 30, 0.3);
  190. }
  191.  
  192. .vcard.userpopup {
  193. min-height: 183px;
  194. }
  195.  
  196. .ipsHeaderMenu {
  197. background-color: rgb(18, 98, 158);
  198. }
  199.  
  200. .ipsHeaderMenu > h4{
  201. padding: 5px;
  202. color: rgb(255,255,255);
  203. background: rgba(0, 0, 30, 0.6);
  204. }
  205.  
  206.  
  207. /* stuff */
  208.  
  209. #index_stats > .ipsSideBlock {
  210. background: rgba(0, 0, 30, 0.2);
  211. border: 1px solid rgb(38, 45, 54);
  212. border-radius: 7px 7px 0 0;
  213. }
  214.  
  215. #index_stats > .ipsSideBlock > h3 {
  216. background: rgba(0, 0, 30, 0.4);
  217. border-bottom: 1px solid rgb(38, 45, 54);
  218. border-radius: 7px 7px 0 0;
  219. }
  220.  
  221. ws-forumtweak.js
  222.  
  223. // ==UserScript==
  224. // @name WildStar forum tweaks
  225. // @namespace https://forums.wildstar-online.com/forums/
  226. // @version 0.1
  227. // @description some tweaks to save my sanity (http://api.prototypejs.org/)
  228. // @match https://forums.wildstar-online.com/forums/*
  229. // @copyright 2014, Smiley
  230. // ==/UserScript==
  231.  
  232. (function(){
  233.  
  234. // fix tab spacing and order on main (top left) menu
  235. $('back_to_ws', 'support_site').invoke('addClassName', 'left');
  236.  
  237. // force the website & support link to open in a new tab/window
  238. $$('#back_to_ws > a', '#support_site > a').invoke('writeAttribute', {'target': '_blank'});
  239.  
  240. // add an account management button to the main menu
  241. $('community_app_menu').insert(
  242. new Element('li', {'class': 'left'})
  243. .insert(
  244. new Element('a', {'class': 'ipbmenu', 'href': 'https://account.wildstar-online.com/profile/index', 'target': '_blank'})
  245. .update('Account Management')
  246. )
  247. );
  248.  
  249. // apply the button style to post controls (report and edit) buttons
  250. $$('.post_controls > li > a').invoke('addClassName', 'ipsButton_secondary');
  251.  
  252. // your eyes burn from weird colors in postings? here's your saviour!
  253. // oh, and BAN COMIC SANS!
  254. // $$('.post.entry-content span').invoke('setStyle', {'color': 'inherit', 'font-family': 'inherit', 'font-weight': 'normal'});
  255.  
  256. // hide the signatures and display a toggle button
  257. $$('.signature').invoke('hide').each(function(s){
  258. var ul = s.next('ul');
  259. if(ul){ // check if the ul exists to not throw an error on the dev tracker
  260. ul.insert({
  261. bottom: new Element('li').insert(
  262. new Element('a', {'href': '#', 'class': 'ipsButton_secondary'})
  263. .update('toggle signature')
  264. .observe('click', function(e){
  265. Event.stop(e);
  266. // s.toggle();
  267. Effect.toggle(s, 'blind');
  268. })
  269. )
  270. })
  271. }
  272. });
  273.  
  274. // change the date in postings to your preferred locale
  275. // IP.Board could do this of course but the option to change the locale is disabled / no languages except english installed
  276.  
  277. // display options, for more info see:
  278. // https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleString
  279. var locale = 'de-DE';
  280. var str = 'Heute, ';
  281.  
  282. var short = {
  283. hour: 'numeric',
  284. minute: 'numeric',
  285. second: 'numeric'
  286. };
  287.  
  288. var long = {
  289. weekday: 'long',
  290. year: 'numeric',
  291. month: 'long',
  292. day: 'numeric'
  293. };
  294.  
  295. Object.extend(long, short);
  296.  
  297. $$('.published').each(function(d){
  298. var p = new Date(Date.parse(d.title));
  299. d.update(p.getDate() === new Date().getDate()
  300. ? str+p.toLocaleString(locale, short)
  301. : p.toLocaleString(locale, long));
  302. });
  303.  
  304. /*
  305. // want set all the weird user photos to default?
  306. // see the commented section in the stylesheet to hide them completely
  307. $$('.ipsUserPhoto').each(function(p){
  308. p.src = 'https://forums.wildstar-online.com/forums/public/style_images/wildstar/profile/default_large.png'
  309. });
  310. */
  311. // [url=http://imgur.com/WmgHUwq][img=http://i.imgur.com/WmgHUwql.jpg][/url]
  312. // [spoiler][url=http://imgur.com/WmgHUwq][img=http://i.imgur.com/WmgHUwql.jpg][/url][/spoiler]
  313.  
  314. $$('.post.entry-content img').each(function(i){
  315. if(!i.up('.bbc_spoiler_content')){
  316. // var c = new Element('div', {'style':'display:none'});i.wrap(c.insert({before: new Element('a',{'href':'#'}).update('show image').observe('click', function(e){Event.stop(e);c.toggle();})}))
  317. }
  318. });
  319.  
  320. })();
  321.  
  322. ws-forumtweaks-nexus-firefox.css
  323.  
  324. @namespace url(http://www.w3.org/1999/xhtml);
  325.  
  326. @-moz-document domain("forums.wildstar-online.com") {
  327.  
  328. /* hyperlinks */
  329.  
  330. a, a:link {
  331. cursor: pointer !important;
  332. }
  333.  
  334. .breadcrumb a, .ipsList_inline a, .ipsPad_top_slimmer a {
  335. /* color: rgb(119, 119, 119) !important;*/
  336. transition-property: all !important;
  337. transition-duration: 0.5s !important;
  338. }
  339.  
  340. .breadcrumb a:hover, .ipsList_inline a:hover, .ipsPad_top_slimmer a:hover {
  341. /* color: rgb(119, 119, 119) !important;*/
  342. text-decoration: underline !important;
  343. }
  344.  
  345. .ipsLikeBar > .ipsList_inline a, #user_navigation > .ipsList_inline a {
  346. /* color: rgb(225, 242, 245) !important;*/
  347. transition-property: all !important;
  348. transition-duration: 0.5s !important;
  349. }
  350.  
  351. .ipsLikeBar > .ipsList_inline a:hover, #user_navigation > .ipsList_inline a:hover {
  352. /* color: rgb(244, 212, 86) !important;*/
  353. text-decoration: none !important;
  354. }
  355.  
  356. #user_navigation > .ipsList_inline a.menu_active {
  357. /* color: rgb(0, 0, 0) !important;*/
  358. }
  359.  
  360. #community_app_menu > li.active > a {
  361. background: rgba(0,0,30, 0.15) !important;
  362. color: rgb(244, 212, 86) !important;
  363. }
  364.  
  365. #community_app_menu > li > a:hover {
  366. color: rgb(244, 212, 86) !important;
  367. }
  368.  
  369. #user_notifications_link_menucontent > ul > li > .list_content > a:first-of-type {
  370. color: rgb(244, 212, 86) !important;
  371. }
  372.  
  373. #user_notifications_link_menucontent > ul > li > .list_content > a:hover {
  374. color: rgb(255, 255, 255) !important;
  375. }
  376.  
  377.  
  378. /* forum body */
  379.  
  380. #ipboard_body {
  381. background: rgb(18, 98, 158) url(https://www.wildstar-online.com/img/platform/main-bg.jpg) fixed no-repeat 50% 0 !important;
  382. }
  383.  
  384. #primary_nav {
  385. background: none;
  386. /* color: rgb(0,0,0) !important;*/
  387. }
  388.  
  389. #content {
  390. background: rgba(0,0,30, 0.15);
  391. /* color: rgb(0,0,0) !important;*/
  392. }
  393.  
  394. .maintitle {
  395. background: rgba(0,0,30, 0.6) !important;
  396. border: 1px solid rgb(38, 45, 54) !important;
  397. border-bottom: none !important;
  398. }
  399.  
  400. #branding {
  401. background: url('https://www.wildstar-online.com/img/global/main-nav.png') repeat !important;
  402. border-bottom: 1px solid rgb(38, 45, 54) !important;
  403. }
  404.  
  405. #ajax_loading {
  406. background: rgba(0,0,30, 0.4) !important;
  407. }
  408.  
  409. /* main menu (top left) */
  410.  
  411. #community_app_menu > li > a {
  412. background: rgba(0,0,30, 0.3) !important;
  413. border: 1px solid rgb(38, 45, 54) !important;
  414. border-bottom: 0 !important;
  415. color: rgb(225, 242, 245) !important;
  416. text-decoration: none !important;
  417. }
  418.  
  419.  
  420. /* boards & topics */
  421.  
  422. .ipsBox {
  423. background: rgba(0,0,30, 0.05) !important;
  424. }
  425.  
  426. .ipsBox tr {
  427. background-color: rgba(0,0,30, 0.05) !important;
  428. }
  429.  
  430. .ipsBox tr.unread, .ipb_table.topic_list tr.unread {
  431. background-color: rgba(0,0,30, 0.15) !important;
  432. }
  433.  
  434. .ipsBox tr a {
  435. /* color: rgb(9, 38, 53) !important;*/
  436. }
  437.  
  438. #content > .ipsBox, .category_block > .ipsBox, .topic > .ipsBox {
  439. padding: 0 !important;
  440. }
  441.  
  442. #content > .ipsBox, .topic > .ipsBox > .ipsBox_container {
  443. border: none !important;
  444. }
  445.  
  446. .row2, .post_block.row2 {
  447. background-color: rgba(0,0,30, 0.4) !important;
  448. }
  449.  
  450. .category_block table tr:last-of-type > td {
  451. border-bottom: 0 !important;
  452. }
  453.  
  454. #board_index > #categories > .category_block > .ipsBox > .ipsBox_container {
  455. border: 0 !important;
  456. }
  457.  
  458. ol.ipsList_inline > li {
  459. background: none !important;
  460. }
  461.  
  462. #board_statistics {
  463. border: 1px solid rgb(38, 45, 54) !important;
  464. }
  465.  
  466. #board_statistics > #stat_links {
  467. float: left !important;
  468. }
  469.  
  470. #topic_summary {
  471. border: 1px solid rgb(38, 45, 54) !important;
  472. }
  473.  
  474. .ipb_table.topic_list#forum_table {
  475. border: 1px solid rgb(38, 45, 54) !important;
  476. }
  477.  
  478. /* quote blocks */
  479.  
  480. p.citation {
  481. background-color: rgba(0,0,30, 0.3) !important;
  482. }
  483.  
  484. blockquote.ipsBlockquote {
  485. background-color: rgba(0,0,30, 0.2) !important;
  486. }
  487.  
  488. /* user menu stuff */
  489.  
  490. #user_notifications_link_menucontent > ul.ipsList_withminiphoto {
  491. padding: 0 5px !important;
  492. }
  493.  
  494. #user_notifications_link_menucontent > ul.ipsList_withminiphoto > li.unread {
  495. background-color: rgba(0,0,30, 0.3) !important;
  496. }
  497.  
  498. /* popups */
  499.  
  500. .popupWrapper {
  501. background-color: rgb(18, 98, 158) !important;
  502. }
  503.  
  504. .popupInner {
  505. background-color: rgba(0, 0, 30, 0.3) !important;
  506. }
  507.  
  508. .popupInner h3 {
  509. background: rgba(0, 0, 30, 0.3) !important;
  510. }
  511.  
  512. .vcard.userpopup {
  513. min-height: 183px !important;
  514. }
  515.  
  516. .ipsHeaderMenu {
  517. background-color: rgb(18, 98, 158) !important;
  518. }
  519.  
  520. .ipsHeaderMenu > h4{
  521. padding: 5px !important;
  522. color: rgb(255,255,255) !important;
  523. background: rgba(0, 0, 30, 0.6) !important;
  524. }
  525.  
  526.  
  527. /* stuff */
  528.  
  529. #index_stats > .ipsSideBlock {
  530. background: rgba(0, 0, 30, 0.2) !important;
  531. border: 1px solid rgb(38, 45, 54) !important;
  532. border-radius: 7px 7px 0 0 !important;
  533. }
  534.  
  535. #index_stats > .ipsSideBlock > h3 {
  536. background: rgba(0, 0, 30, 0.4) !important;
  537. border-bottom: 1px solid rgb(38, 45, 54) !important;
  538. border-radius: 7px 7px 0 0 !important;
  539. }
  540.  
  541. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement