Advertisement
Guest User

:T: high contrast CSS v5

a guest
Oct 21st, 2013
149
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 12.35 KB | None | 0 0
  1. body, td, th, tr,
  2. .windowbg, tr.windowbg, td.info,tr.windowbg td.lastpost, tr.windowbg td.smalltext,
  3. .windowbg2, tr.windowbg2 td.info, tr.windowbg2 td.lastpost, tr.windowbg2 td.smalltext,
  4. .windowbg3, .stickybg, .stickybg2, .lockedbg, .lockedbg2 {
  5.   color: #000000;
  6.   background: #ffffff;  
  7. }
  8.  
  9. tr.catbg th a:link,
  10. tr.catbg th a:visited,
  11. tr.catbg2 td a:link,
  12. tr.catbg2 td a:visited {
  13.   color: #ffffff;
  14. }
  15.  
  16. .dropmenu li li:hover a,
  17. .dropmenu li li > a:hover {
  18.   background-image: none;
  19.   background-color: rbga(0,0,0,0);
  20.   font-weight: bold;
  21.   color: #000000;
  22. }
  23.  
  24. #main_menu {
  25.   padding: 0;
  26. }
  27.    
  28. div#main_menu > *, #preview_body {
  29.   background-image: none;
  30.   background-color: #cccccc;
  31.   color: #000000;
  32. }
  33.  
  34.  
  35. #preview_body {
  36.   padding: 1em;
  37.   border: 1px dotted #000000;
  38. }
  39.  
  40. div#main_menu *:link {
  41.  border-bottom: none;
  42. }    
  43.  
  44. div#main_menu *:hover {
  45.   background-color: #cccccc;
  46.   color: #ffffff;
  47. }
  48.  
  49. div#main_menu ul#menu_nav *.hover {
  50.   color: #000000;
  51. }
  52.  
  53. div#main_menu ul#menu_nav li a:hover span {
  54.   background-color: #cccccc;
  55.   color: #000000;
  56. }
  57.  
  58. div#main_menu ul#menu_nav li ul li a:hover span {
  59.   color: #000000;
  60.   }
  61.  
  62. div#main_menu ul#menu_nav .dropmenu li a.firstlevel:hover span.firstlevel, .dropmenu li:hover a.firstlevel span.firstlevel {
  63.   background-color: rbga(0,0,0,0);
  64. }    
  65.  
  66.  
  67. div#main_menu ul li a span.firstlevel,
  68. div#main_menu > .dropmenu li:hover a.firstlevel {
  69.   background-image: none;
  70.   background-color: rbga(0,0,0,0);
  71. }
  72.  
  73. div#admin_menu * a.active:link,
  74. div#admin_menu * a.active:hover {
  75.   background-image: none;
  76.   color: #000000;
  77. }
  78.  
  79. .dropmenu li a.active span.firstlevel,
  80. .dropmenu, .sf-js-enabled, .sf-arrows,
  81. a.firstlevel.sf-with-ul:link,
  82. a.firstlevel.sf-with-ul:link,
  83. a.firstlevel.sf-with-ul span.firstlevel {
  84.   background-image: none;
  85.   background-color rbga(0,0,0,0);
  86. }
  87.  
  88. div#admin_menu * li a.firstlevel:hover,
  89. div#admin_menu * li:hover a.firstlevel {
  90.   background: none #cccccc #000000;
  91. }
  92.  
  93. .dropmenu li a.firstlevel:hover, .dropmenu li:hover a.firstlevel {
  94.   background-image: none;
  95.   padding: none;
  96. }
  97.  
  98. .dropmenu li a.firstlevel span.firstlevel {
  99.   left: 0;
  100.   padding-left: 1em;
  101. }
  102.  
  103. div#admin_menu * a:visited, div#admin_menu * a:link, div#admin_menu * a:hover {
  104.   border-bottom-style: none;
  105. }
  106.    
  107. div#admin_menu * .dropmenu a span {
  108.   padding-right: 1em;
  109. }
  110.  
  111. div#admin_menu ul#dropdown_menu_1.dropmenu li a.firstlevel:hover span.firstlevel,
  112. div#admin_menu ul#dropdown_menu_1.dropmenu li:hover a.firstlevel span.firstlevel {
  113.   background-image: none;
  114.   background-color: #cccccc;
  115.   color: #000000;
  116. }
  117.  
  118. li#button_m
  119. .dropmenu li a.active span.firstlevel,
  120. .dropmenu li a.active:hover span.firstlevel,
  121. .dropmenu li a.active,
  122. .dropmenu li a.active:hover,{
  123.   background-image: none;
  124. }
  125.  
  126. .buttonlist ul li a:visited,
  127. .buttonlist ul li a:link {
  128.   background: none;
  129.   background-color: #cccccc;
  130.   color: #000000;
  131.   border: 1px solid #cccccc;
  132. }
  133.  
  134. ul#menu_nav > li > a.firstlevel:link,
  135. ul#menu_nav > li > a.firstlevel:visited,
  136. ul#menu_nav > li > a.firstlevel:hover,
  137. div#main_menu .dropmenu {
  138.   color: #ffffff;
  139.   background-image: none;
  140. }
  141.    
  142. div.catbg, tr.catbg td, tr.catbg th,    
  143. tr.catbg th a:link, tr.catbg th a:visited,
  144. div.catbg2, tr.catbg2 td, tr.catbg2 th,
  145. tr.catbg2 td a:link, tr.catbg2 td a:visited,
  146. .description, .description_board, .plainbox,
  147. .dropmenu li ul {
  148.   background-image: none;
  149.   background-color: #cccccc;
  150.   color: #000000;
  151.   border-bottom-style: none;
  152. }
  153.  
  154. h3.catbg a:hover, h4.catbg a:hover, .table_list tbody.header td a:hover,
  155. h3.catbg a:link, h3.catbg a:visited, h4.catbg a:link, h4.catbg a:visited, h3.catbg, .table_list tbody.header td, .table_list tbody.header td a {
  156.   color: #000000;
  157. }
  158.  
  159.  
  160. li.quote_button a {
  161.   border-bottom-style: none;
  162. }
  163.  
  164. #content_section {
  165.   background: #ffffff;
  166. }
  167.  
  168. #header {
  169.   background-image: none;
  170.   background: #ffffff;
  171.   border: 1px solid #cccccc;
  172. }  
  173.  
  174.  
  175. input[type='submit']:hover {
  176.   background: #cccccc;
  177. }
  178.  
  179. .button_submit {
  180.   background: #cccccc;
  181.   border: 1px solid #aaaaaa;
  182.   color: #000000;
  183. }
  184.  
  185. .buttonlist ul li a span {
  186.   background-image: none;
  187. }
  188.  
  189. .buttonlist ul li a {
  190.   border-bottom-style: none;
  191.   }  
  192.  
  193. .buttonlist ul li a.active:link {
  194.   background-image: none;
  195.   background-color: #cccccc;
  196.   border: 1px solid #cccccc;
  197.   color: #000000;
  198.   font-weight: normal;
  199. }
  200.  
  201. .buttonlist ul li a.active:hover {
  202.   background-image: none;
  203.   background-color: #cccccc;
  204.   color: #000000;
  205.   border: 1px solid #000000;
  206. }
  207.    
  208. .buttonlist ul li a:link {
  209.   background-image: none;
  210.   background-color: #cccccc;
  211.   color: #000000;
  212.   border: 1px solid #cccccc;
  213. }
  214.  
  215. .buttonlist ul li a:hover {
  216.   background-image: none;
  217.   background-color: #cccccc;
  218.   color: #000000;
  219.   border: 1px solid #000000;
  220. }
  221.  
  222. li.greeting {
  223.   color: #000000;
  224. }
  225.  
  226. .post_wrapper {
  227.   border-bottom: 1px dashed #666666;
  228. }
  229.  
  230. .poster h4, .poster h4 a {
  231.   color: #000000;
  232.   border-bottom: none;
  233. }
  234.  
  235. .bbc_link:link, .bbc_link:visited,
  236. a:link, a:visited {
  237.   color: #000000;
  238.   text-decoration: none;
  239.   border-bottom: 1px dotted #666666;
  240. }
  241.  
  242. blockquote.bbc_standard_quote {
  243.   background-color: #dddddd;
  244.   color: #000000;
  245. }
  246.  
  247. code.bbc_code {
  248.   background-color: #dddddd;
  249. }
  250.  
  251. a.subject {
  252.     color: #000000;
  253.     font-weight: bold;
  254. }
  255.  
  256.  
  257. li.profile > ul > li > a {
  258.     border-bottom: 0 none;
  259. }
  260.  
  261. div.roundframe {
  262.   background-image: none;
  263.   border: 1px dotted #cccccc;
  264. }
  265.  
  266. div.roundframe div.cat_bar,
  267. div.cat_bar {
  268.   background-image: none;
  269.   background: #cccccc;
  270. }
  271.  
  272.  
  273. .table_list tbody.content td.info a.subject {
  274.   color: #000000;
  275. }
  276.  
  277. h3.catbg {
  278.   background: #cccccc;
  279.   color: #000000;
  280. }
  281.  
  282. div.title_bar, div.title_barIC, div.title_barIC h4.titlebg {
  283.   background-image: none;
  284.   background-color: #cccccc;
  285.   color: #000000;
  286. }
  287.  
  288. img[alt="Offline"],
  289. img[alt="Online"],
  290. img[alt="Neu"] {
  291.     display: inline;
  292.     box-sizing: border-box;
  293.     width: 0;
  294.     height: 0;
  295.     padding: -0.5em;
  296.     margin-bottom: -.05em;
  297.     border: 0.5em solid #cccccc;
  298. }
  299.  
  300.  
  301. img[alt="Online"] {
  302.     border: 0.5em solid #77cc77;
  303. }
  304.  
  305. img[alt="Neu"], img.new_posts {
  306.     border: 0.5em solid #007700;
  307.     width: 0;
  308.     height: 0;
  309.   }
  310.  
  311. /* redundantes sticky-gif ausblenden. */
  312.  
  313. .topic_table td.stickybg2,
  314. .topic_table td.stickybg {
  315.   background-image: none;
  316. }
  317.  
  318. /* Instant Messenger links ausblenden. */
  319. a.icq, a.msn, a.aim {
  320.   display:none;
  321. }  
  322.  
  323. /* Einige Icons ausblenden, deren Funktion ich nie benutze. */
  324.  
  325. td.icon,
  326. td.icon2 img,
  327. div#posting_icons {
  328.   display:none;
  329. }
  330.  
  331. /* Die Betreffzeile soll soviel Platz benutzen koennen wie sie will. */
  332.  
  333. .keyinfo {
  334.   width: auto;
  335.   padding-right: 1em;
  336. }
  337.  
  338. /* Platz fuer die UTF8-Symbole reservieren. */
  339.  
  340. #forumposts h3 span#author {
  341.   width: 30%;
  342.   padding-left: 2em;
  343.   margin: none;
  344. }
  345.  
  346. /* Die folgenden CSS-Regeln funktionieren nur wenn man eine Schriftart installiert hat, die die Symbole ersetzen kann. Gegebenenfalls muss fuer diese Schriftart noch eine font-family gesetzt werden. Ohne die richtige Schrift verschwinden Funktionen aus dem Sichtfeld! */
  347.  
  348.  
  349. img[src="/Themes/Curve_Tanelorn/images/topic/my_hot_post.gif"],
  350. img[src="/Themes/Curve_Tanelorn/images/topic/hot_post.gif"],
  351. img[src="/Themes/Curve_Tanelorn/images/topic/my_normal_post.gif"],
  352. img[src="/Themes/Curve_Tanelorn/images/topic/normal_post.gif"],
  353. img[src="/Themes/Curve_Tanelorn/images/topic/my_veryhot_post.gif"],
  354. img[src="/Themes/Curve_Tanelorn/images/topic/veryhot_post.gif"],
  355. img[src="/Themes/Curve_Tanelorn/images/topic/my_veryhot_post_sticky.gif"],
  356. img[src="/Themes/Curve_Tanelorn/images/topic/veryhot_post_sticky.gif"],
  357. img[src="/Themes/Curve_Tanelorn/images/star.gif"],
  358. img[src="/Themes/Curve_Tanelorn/images/starmodgamemaster.png"],
  359. img[src="/Themes/Curve_Tanelorn/images/starmoddungeonkeeper.png"],
  360. img[src="/Themes/Curve_Tanelorn/images/starmodmasterofkeys.png"],
  361. img[src="/Themes/Curve_Tanelorn/images/starmodtechsupport.png"],
  362. img[src="/Themes/Curve_Tanelorn/images/www_sm.gif"],
  363. img[alt="Private Mitteilung (Offline)"],
  364. img[alt="Private Mitteilung (Online)"],
  365. img[alt="Profil anzeigen"],
  366. img[alt="E-Mail"],
  367. img.gender[alt="Weiblich"],
  368. img.gender[alt="Mรคnnlich"] {
  369.   /* hide the default image */
  370.   height:0;
  371.   width:0;
  372.   /* hide fake content */
  373.   color:transparent;
  374.   /* enable absolute position for pseudo elements */
  375.   position: relative;
  376.   /* and this is just fake content */
  377.   content:"I'm just fake content";
  378. }
  379.  
  380.    
  381. img[src="/Themes/Curve_Tanelorn/images/topic/my_hot_post.gif"]:before,
  382. img[src="/Themes/Curve_Tanelorn/images/topic/hot_post.gif"]:before,
  383. img[src="/Themes/Curve_Tanelorn/images/topic/my_normal_post.gif"]:before,
  384. img[src="/Themes/Curve_Tanelorn/images/topic/normal_post.gif"]:before,
  385. img[src="/Themes/Curve_Tanelorn/images/topic/my_veryhot_post.gif"]:before,
  386. img[src="/Themes/Curve_Tanelorn/images/topic/veryhot_post.gif"]:before,
  387. img[src="/Themes/Curve_Tanelorn/images/topic/my_veryhot_post_sticky.gif"]:before,
  388. img[src="/Themes/Curve_Tanelorn/images/topic/veryhot_post_sticky.gif"]:before,
  389. img[src="/Themes/Curve_Tanelorn/images/star.gif"]:before,
  390. img[src="/Themes/Curve_Tanelorn/images/starmodgamemaster.png"]:before,
  391. img[src="/Themes/Curve_Tanelorn/images/starmoddungeonkeeper.png"]:before,
  392. img[src="/Themes/Curve_Tanelorn/images/starmodmasterofkeys.png"]:before,
  393. img[src="/Themes/Curve_Tanelorn/images/starmodtechsupport.png"]:before,
  394. img[src="/Themes/Curve_Tanelorn/images/www_sm.gif"]:before,
  395. img[alt="Private Mitteilung (Offline)"]:before,
  396. img[alt="Private Mitteilung (Online)"]:before,
  397. img[alt="Profil anzeigen"]:before,
  398. img[alt="E-Mail"]:before,
  399. img.gender[alt="Weiblich"],
  400. img.gender[alt="Mรคnnlich"] {
  401.   top:0;
  402.   left:0;    
  403.   font-size: 130%;
  404.   font-weight: normal;
  405.   color: #000000;
  406. }
  407.  
  408. img[alt="Private Mitteilung (Offline)"]:before {
  409.   content: "๐Ÿ’ฌ";
  410.   color: #cccccc;
  411. }  
  412.    
  413. img[alt="Private Mitteilung (Online)"]:before {
  414.   content: "๐Ÿ’ฌ";
  415.   color: #77cc77;
  416. }
  417.  
  418. img[alt="Profil anzeigen"]:before {
  419.   content: "๐Ÿ‘ค";
  420. }
  421.  
  422. img.gender[alt="Mรคnnlich"]:before {
  423.   content: "โ™‚";
  424. }
  425.  
  426. img.gender[alt="Weiblich"]:before {
  427.   content: "โ™€";
  428. }
  429.  
  430. img[alt="E-Mail"]:before {
  431.   content: "๐Ÿ“ง"๏ฟฝ;
  432. }
  433.  
  434. img[src="/Themes/Curve_Tanelorn/images/www_sm.gif"]:before {
  435.   content: "๐Ÿ”—";
  436. }
  437.  
  438. img[src="/Themes/Curve_Tanelorn/images/starmodtechsupport.png"]:before {
  439.   content: "โ˜…";
  440.   color: #00aa00;
  441. }
  442.  
  443. img[src="/Themes/Curve_Tanelorn/images/starmoddungeonkeeper.png"]:before {
  444.   content: "โ˜…";
  445.   color: #aa0000;
  446. }
  447.  
  448. img[src="/Themes/Curve_Tanelorn/images/star.gif"]:before {
  449.   content: "โ˜…";
  450.   color: #ffcc00;
  451. }
  452.  
  453. img[src="/Themes/Curve_Tanelorn/images/starmodmasterofkeys.png"]:before {
  454.   content: "โ˜…";
  455.   color: #4466FF;
  456. }
  457.  
  458. img[src="/Themes/Curve_Tanelorn/images/starmodgamemaster.png"]:before {
  459.   content: "โ˜…";
  460.   color: #4DD5D7;
  461. }  
  462.  
  463. img[src="/Themes/Curve_Tanelorn/images/topic/my_hot_post.gif"]:before,
  464. img[src="/Themes/Curve_Tanelorn/images/topic/hot_post.gif"]:before,
  465. img[src="/Themes/Curve_Tanelorn/images/topic/my_normal_post.gif"]:before,
  466. img[src="/Themes/Curve_Tanelorn/images/topic/normal_post.gif"]:before,
  467. img[src="/Themes/Curve_Tanelorn/images/topic/my_veryhot_post.gif"]:before,
  468. img[src="/Themes/Curve_Tanelorn/images/topic/veryhot_post.gif"]:before,
  469. img[src="/Themes/Curve_Tanelorn/images/topic/my_veryhot_post_sticky.gif"]:before,
  470. img[src="/Themes/Curve_Tanelorn/images/topic/veryhot_post_sticky.gif"]:before {
  471.   margin-right: 1em;
  472.   padding-right: 1em;
  473.   left: -1em;
  474. }
  475.  
  476. img[src="/Themes/Curve_Tanelorn/images/topic/veryhot_post_sticky.gif"]:before {
  477.   color: #770000;
  478.   content: "๐Ÿ“Œ๐Ÿ““";
  479. }
  480.  
  481. img[src="/Themes/Curve_Tanelorn/images/topic/my_veryhot_post_sticky.gif"]:before {
  482.   color: #770000;
  483.   content: "๐Ÿ“Œ๐Ÿ““!";
  484. }
  485.      
  486. img[src="/Themes/Curve_Tanelorn/images/topic/my_normal_post.gif"]:before {
  487.   content: "๐Ÿ“„!";
  488. }
  489.  
  490. img[src="/Themes/Curve_Tanelorn/images/topic/normal_post.gif"]:before {
  491.   content: "๐Ÿ“„";
  492. }
  493.  
  494. img[src="/Themes/Curve_Tanelorn/images/topic/my_veryhot_post.gif"]:before {
  495.   color: #770000;
  496.   content: "๐Ÿ““!";
  497. }
  498.  
  499. img[src="/Themes/Curve_Tanelorn/images/topic/veryhot_post.gif"]:before {
  500.   color: #770000;
  501.   content: "๐Ÿ““";
  502. }
  503. img[src="/Themes/Curve_Tanelorn/images/topic/my_hot_post.gif"]:before {
  504.   color: #cc7777;
  505.   content: "๐Ÿ““!";
  506. }
  507.  
  508. img[src="/Themes/Curve_Tanelorn/images/topic/hot_post.gif"]:before {
  509.   color: #cc7777;
  510.   content: "๐Ÿ““";
  511. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement