Stylish: Mach deinen eigenen Stil für RR

Murdoc · 5. Juli 2012

AW: Stylish: Mach deinen eigenen Stil für RR

bitte schön:

Code:

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

@-moz-document domain("board.raidrush.ws") {
 #bg_div > div:nth-child(6) > div > br:nth-child(2),
 #promo, #foot, noscript, 
 form[action="$/"] > div.smallfont,
 form[action="$/"] > br { 
 display: none !important; 
 }

 #bg_div { padding-bottom: 0px !important; float: none; }

 form#inlinemodform > div:first-child > div { 
 padding-top: 0px !important; 
 margin-top: -10px;
 }

 div.spacer { 
 height: 10px !important; 
 padding: 0px !important;
 margin: 0px !important;
 }

 td[style="background-image: url(\"https://www.xup.in/000/board.raidrush.ws/a_rr_style/misc/extended_main_table_bottom.gif\");"],
 td[style="background-image: url(\"/images/misc/extended_main_table_bottom.gif\");"] {
 overflow: hidden !important;
 height: 10px !important;
 font-size: 1px !important;
 background-color: #fff !important;
 background-repeat: repeat-x !important;
 }

 #sharethis {
 display: block;
 background-color: #fff !important;
 border: 1px solid rgb(164, 164, 164);
 margin-top: 62px !important;
 border-right: 0px none;
 position: absolute;
 margin-left: -31px;
 -moz-border-radius-topleft: 6px;
 -moz-border-radius-bottomleft: 6px;
 -moz-box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.5);
 }

 #sharethis > div > a, #sharethis .atclear,
 #sharethis div .addthis_counter { 
 display: none !important;
 }

 #sharethis span a {
 display: block !important;
 padding-left: 6px !important;
 padding-right: 4px !important;
 padding-bottom: 0px !important;
 margin-bottom: 6px !important;
 height: 16px;
 float: none !important;
 }

 #sharethis span a:hover {
 padding-left: 4px !important;
 padding-right: 6px !important;
 }

 div#posts > div > div,
 div#notes > div > div { 
 padding-top: 0px !important; 
 padding-bottom: 4px !important;
 }

 div#posts > div > div > div > br,
 div#notes > div > div > div > br { 
 display: none; 
 }

 body {
 background: black url(https://www.xup.in/pic,93432716/back3.jpg)!important;
 }

 #titel { width: 80% !important; }

 #navi ul li {
 border-left: 1px solid #dfdfdf;
 border-right: 0px none !important;
 }

 #navi ul li:first-child {
 border-left: 0px none;
 }

 #navi ul:nth-child(2) li {
 border-left: 1px solid #dfdfdf !important;
 }

 #navi ul:nth-child(3) li {
 border-left: 1px solid #dfdfdf !important;
 }

 #navi ul li a, td.vbmenu_control > a {
 outline: 0px none !important;
 }

 #navi ul li a:hover {
 color: green !important;
 background-color: transparent !important;
 }

 #main_div, #bg_div { 
 max-width: 1000px !important;
 width: 1000px !important; 
 }

 .vbmenu_popup {
 margin-top: 1px;
 border: 0px none !important;
 width: 220px !important;
 padding: 0 10px 10px 0;
 background: transparent !important;
 }

 #threadtools_menu {
 width: 250px !important;
 }

 #threadtools_menu img { 
 height: 18px;
 margin-left: 2px;
 margin-top: 2px;
 }

 .vbmenu_popup > table,
 .vbmenu_popup > form > table {
 width: 100%;
 border: 1px solid #555 !important;
 border-top: 0px none !important;
 border-spacing: 0 !important;
 background: transparent !important;
 -moz-box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.5);
 -moz-border-radius-bottomleft: 4px;
 -moz-border-radius-bottomright: 4px;
 }

 .vbmenu_popup > table > tbody > tr > td.thead,
 .vbmenu_popup > form > table > tbody > tr > td.thead {
 font-size: 11px !important;
 border-top: 1px solid #bfbfbf !important;
 line-height: 22px !important;
 padding: 0 5px !important;
 background-color: #fff !important;
 text-shadow: 1px 1px 1px #fff;
 }

 .vbmenu_popup td.vbmenu_option,
 .vbmenu_popup td.vbmenu_hilite {
 border-left: 0px none !important;
 border-right: 0px none !important;
 border-bottom: 0px none !important;
 border-top: 1px solid #555 !important;
 padding: 0 !important;
 cursor: auto !important;
 }

 .vbmenu_popup td.vbmenu_option a,
 .vbmenu_popup td.vbmenu_option span,
 .vbmenu_popup td.vbmenu_hilite a,
 .vbmenu_popup td.vbmenu_hilite span,
 #imod_menu td.vbmenu_option,
 #imod_menu td.vbmenu_hilite {
 display: block;
 line-height: 22px !important;
 padding: 0 5px !important;
 background-image: url("http://board.raidrush.ws/images/misc/images/menu_bg3.png") !important;
 background-repeat: repeat-x !important;
 background-position: left center !important;
 font-size: 10px !important;
 text-shadow: 1px 1px 1px #fff !important;
 cursor: pointer !important;
 }

 .vbmenu_popup td.vbmenu_option img,
 .vbmenu_popup td.vbmenu_hilite img {
 float: left;
 margin-right: 5px;
 }


 .vbmenu_popup td.vbmenu_option a:hover,
 .vbmenu_popup td.vbmenu_option span:hover,
 .vbmenu_popup td.vbmenu_hilite a:hover,
 .vbmenu_popup td.vbmenu_hilite span:hover,
 #imod_menu td.vbmenu_option:hover,
 #imod_menu td.vbmenu_hilite:hover {
 color: green !important;
 }

 .vbmenu_popup > table > tbody > tr:last-child > td,
 .vbmenu_popup > table > tbody > tr:last-child > td > a,
 .vbmenu_popup > form > table > tbody > tr:last-child > td, 
 .vbmenu_popup > form > table > tbody > tr:last-child > td > a {
 -moz-border-radius-bottomleft: 4px;
 -moz-border-radius-bottomright: 4px;
 } 

 .vbmenu_popup td.vbmenu_option input.bginput {
 margin: 4px;
 margin-right: 0px;
 font-size: 12px !important;
 font-family: arial !important;
 padding: 2px;
 padding-left: 20px;
 width: 150px !important;
 background-image: url("https://www.xup.in/pic,74729593/1287772938_Magnifier2.png") !important;
 background-repeat: no-repeat !important;
 background-position: 3px 50% !important;
 -moz-border-radius: 4px;
 }

 .vbmenu_popup td.vbmenu_option input.button {
 -moz-border-radius: 4px;
 padding: 2px 5px !important;
 font-weight: bold !important;
 border-color: #000 !important;
 background-image: url("http://board.raidrush.ws/images/misc/images/menu_bg3.png") !important;
 background-repeat: repeat-x !important;
 background-position: left center !important;
 cursor: pointer;
 text-shadow: 1px 1px 1px #fff;
 margin: 4px;
 }

 #threadrating_menu {
 width: 200px !important;
 }

 td#threadrating_options {
 padding: 5px !important;
 background-color: #f5f5f5 !important;
 }

 td#threadrating_options > div > label {
 position: relative;
 top: -6px;
 margin-left: 5px !important;
 text-shadow: 1px 1px 1px #fff;
 cursor: pointer !important;
 }

 td#threadrating_options > div > label > input {
 position: relative;
 top: 2px;
 }

 #forumsearch_menu {
 width: 220px !important;
 }

 #forumsearch_menu label,
 #forumtools_menu label {
 line-height: 22px !important;
 }

 #forumsearch_menu label input,
 #forumtools_menu label input {
 position: relative;
 top: 2px;
 }
}

Anzeige

Horstroad · 7. Juli 2012

AW: Stylish: Mach deinen eigenen Stil für RR

hab die wie angekündigt nochmal neu gemacht, jetzt bin ich damit zufrieden.

so siehts aus:

wer das übernehmen möchte, hier der code:

Code:

@-moz-document domain("board.raidrush.ws") {
img[src="/images/reputation/reputation_silverstar.gif"] 
{
width: 0 !important;
height:16px!important;
padding-left: 16px!important;

background-image: url("https://www1.xup.in/exec/ximg.php?fid=19337295") !important;
background-position: center center !important;
background-repeat: no-repeat !important;
}
img[src="/images/reputation/reputation_goldstar.gif"] 
{
width: 0 !important;
height:16px!important;
padding-left: 16px!important;

background-image: url("https://www1.xup.in/exec/ximg.php?fid=29938150") !important;
background-position: center center !important;
background-repeat: no-repeat !important;
}
}

elf4 · 7. Juli 2012

AW: Stylish: Mach deinen eigenen Stil für RR

Hab auch mal wieder was angefangen, wer mit basteln will PN an mich. Ziel des Styles ist es runde Borders zu zaubern - und zaubern ist in dem Fall wörtlich gemeint denn es ist wegen den ganzen Klassen nicht easy.

Erster Screen:

Chrome Code:

Code:

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 font: inherit;
 vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
 display: block;
}

ol, ul {
 list-style: none;
}
blockquote, q {
 quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
 content: '';
 content: none;
}
table {
 border-collapse: collapse;
 border-spacing: 0;
}

/* Start elf4's rounde style for google chrome */

body {
 line-height: 1;
 font-family: Helvetica, 'Arial', 'sans-serif';
 font-size:16px; 
 background:#f2f2f2;
 margin-top:25px; 
 margin-bottom:25px; 
}

.smallfont {
 font-size:12px;
}

div#page {
 -webkit-border-radius: 20px;
 -moz-border-radius: 20px;
 border-radius: 20px;
}

#nav, ul.dropdown ul {
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
}

ul.dropdown li li:last-child {
 border-bottom:0;
}

.alt1Active table tbody tr td {
 vertical-align: top;
}

br + table.tborder, br + table:first-of-type[class="tborder"] td {
 border-width:0;
}


br + table.tborder{

 background-color:#fff;


 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;

 -webkit-box-shadow: 0 0 1px #7e7e7e;
 -moz-box-shadow: 0 0 1px #7e7e7e;
 box-shadow: 0 0 1px #7e7e7e;
}


td:first-of-type[class="alt1"]{

 -moz-border-radius-topleft: 6px;
 -moz-border-radius-bottomleft: 6px;

 border-top-left-radius: 6px;
 border-bottom-left-radius: 6px;
}

td:last-of-type[class="alt2"]{

 -moz-border-radius-topright: 6px;
 -moz-border-radius-bottomright: 6px;

 border-top-right-radius: 6px;
 border-bottom-right-radius: 6px;
}



table:first-of-type[class="tborder"] {
 *border-collapse: collapse; 
 border-spacing: 0;
}

Peace Ð · 4. Oktober 2012

AW: Stylish: Mach deinen eigenen Stil für RR

musste nach 2 Jahren mal wieder FF neu intalliern, also hat wer für mich den alten Code? einfach nur den alten grauen BG?

mr.knut · 10. Oktober 2012

AW: Stylish: Mach deinen eigenen Stil für RR

Mal eine frage wegen stylish. ich benutze jetzt noch den "alten" style vom board.
da ich mich frage wielange es den noch geben wird wollte ich fragen ob es möglich wäre das design quasi zu "klauen" und mit hilfe von stylish weiter zu nutzen sollte es mal nicht mehr verfügbar sein.

Download: Raid-Rush-Board.png | www.xup.in

creative16 · 10. Oktober 2012

AW: Stylish: Mach deinen eigenen Stil für RR

Guter Call. Vor der neuen Boardversion wird die alte auch nicht gelöscht werden. Also keine Sorge, vorallem, da die neue Boardversion ähnlich lange auf sich warten lässt wie Duke Nuken For(n)ever.

Nützliche Suchen

Stylish: Mach deinen eigenen Stil für RR

Videos zum Themenbereich