API tools faq
paste
Advertisement
mschol

forum.css Fok.nl voor 15-09-2015

mschol
Sep 15th, 2015
118
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 46.96 KB | None | 0 0
raw download clone embed print report
  1. .nieuwelocatie  {margin:0;}
  2. /* page base */
  3. body            {margin:0;}
  4. body,.mainBG    {background:#ddd;font-family:arial,helvetica,sans-serif;}/* body==mainBG ivm standaarkleuren in colorpicker */
  5. img             {border:0px;}
  6. table,th,td,thead,tbody,tr  {margin:0;padding:0;border:0;border-collapse:collapse; }
  7. .centerfier     {background:transparent;position:absolute;top:0px;left:0px;width:100%;display:block;text-align:center;}
  8. .pageWrapper    {position:relative;width:830px;height:auto;text-align:left;margin:auto;padding:5px 10px;}
  9. .pageWrapper,.wrapBG{background:#e9e9e9;} /* wrapBG==pageWrapper ivm standaarkleuren in colorpicker */
  10. .u              {text-decoration:underline;}
  11. .s              {text-decoration:line-through;}
  12. .b              {font-weight:bold;}
  13.  
  14. /* header */
  15. .at15t_compact  { display:none; }
  16. .footmenu       { height:20px; margin-bottom:2px; display:block;overflow:hidden;color:#f8f8f8;font-size:10px;}
  17. .topbar_top>a,a.addthis_button_compact,a.at300b{color:#a0a0a0;font-size:11px;}
  18. .topbar_top>a:hover,a.addthis_button_compact,a.at300b:hover{color:#f4f4f4;}
  19. a.at300b,a.at300b:hover, a.nounderline, a.nounderline:hover  { text-decoration:none; }
  20. .footer         { margin-bottom:2px; padding:8px 0px; display:block;overflow:hidden;text-align:center;font-size:10px;color:#404040;}
  21. .forumheader    { height:140px; margin-bottom:2px; display:block;background-image:url(http://i.fokzine.net/templates/forum2009/i/fhbg2.jpg);overflow:hidden;}
  22. .topbarcolor    { background: rgba(32,32,32,.8); }
  23. .topbar_top     { position:absolute;top:-1px;left:0px;width:100%;padding:3px 3px;color:#a0a0a0;overflow:hidden; font-size:11px; font-weight:normal; height:14px;}
  24. .topbar_bottom  { position:absolute;top:122px;left:0px;width:100%;padding:3px 3px;color:#f0f0f0;overflow:hidden; font-size:11px; height:14px; }
  25. .topbar_bottom>a,
  26. .topbar_bottom>span,
  27. .topbar_top>a,
  28. .topbar_top>span{ margin-left:20px;color:#a0a0a0;float:right; }
  29. .topbar_bottom>a:hover,.topbar_bottom>span:hover{color:#f4f4f4;}
  30. .topbar_top>a:hover{color:#f4f4f4;}
  31. .topbar_bottom a,
  32. .topbar_top a{ position:relative; top:-2px; padding:2px 6px; margin:0!important;}
  33. .topbar_bottom a:hover,
  34. .topbar_top a:hover{ background-color:#000000; }
  35. a.stdlink { top:0px!important; padding:0!important; }
  36.  
  37.  
  38. .gsearchpos     { position:absolute;top:1px;left:600px;padding:0; }
  39. .gsearch        { height:12px;max-height:12px!important;font-size:10px;padding:0;width:132px; }
  40.  
  41. #cmenu,#cmenu a     { font-size:11px; color:#e0e0e0; }
  42. table#createcmenu   { font-size:12px; width:400px; }
  43. .custom-menu-dropdown   { background-color:#404040;padding:10px 60px 10px 10px;position:absolute;top:30px;float:left;z-index:99998; }
  44. .status         { position:absolute;top:3px;left:400px;width:370px;text-align:right;color:#a0a0a0;font-size:11px; }
  45. .themeSetTable  { width:380px;font-size:11px; margin-top:10px; }
  46. .prevnextbutton a { padding:2px 3px;width:5px;height:8px; }
  47.  
  48. /* breadcrumb */
  49. .breadcrumb         {height:50px;padding:0px;margin-bottom:2px;width:100%;}
  50. .breadcrumb_top     {position:absolute;top:8px;left:40px;display:inline;list-style-type:none;margin:0;padding:0;font-size:10px;}
  51. .breadcrumb>h1      {font-size:15px;color:#606060;position:absolute;top:14px;font-weight:normal;left:40px;letter-spacing:-1px;}
  52. .bch1               {font-size:15px;color:#606060;position:absolute;top:24px;font-weight:normal;left:40px;letter-spacing:-1px;}
  53. .crumbfield{position:absolute;top:5px;left:40px;}
  54. h2{display:inline;color:#808080;margin:0px 0px 10px 20px;font-weight:normal;font-size:10px;}
  55. h2>a{color:#808080;}
  56. h2>a:hover{color:#404040;}
  57. span.crumb      {display:inline;color:#808080;margin-bottom:10px;font-size:10px;}
  58. span.crumb>a    {color:#808080;}
  59. span.crumb>a:hover{color:#404040;}
  60. div.crumb       { font-size:15px;color:#606060; }
  61. .resizedimg     { border:1px dashed #F00000; }
  62.  
  63. /* pages */
  64. .pagesholder    { position:absolute;width:388px;display:block;left:440px;top:5px;text-align:right;line-height:17px; }
  65. .pages          { font-size:13px;color:#202020;padding:0 4px;}
  66. .pagesholder>a  { font-size:10px;color:#606060;padding:4px;}
  67. .pagesholder>a>img{ margin-left:0px;border:0px;}
  68.  
  69. /* advertenties */
  70. .advertentie    { margin:12px 0;text-align:center; }
  71. /*.skyscraper       { position:absolute;left:856px;top:148px;padding:8px;background-color:#e9e9e8!important; border:1px dotted #b0b0b0; display:none; }*/
  72. .skyscraper     { position:absolute;left:-144px;top:148px;padding:8px;background-color:#e9e9e8!important; border:1px dotted #b0b0b0; max-width:160px; overflow:hidden; height:698px; }
  73. .skyscraperWide { position:absolute;left:-184px;top:148px;padding:8px;background-color:#e9e9e8!important; border:1px dotted #b0b0b0; display:none; max-width:160px;}
  74. .adfieldbg      { background-color:#e9e9e8!important;margin-bottom:2px;min-height:114px; }
  75. td              { vertical-align: middle;}
  76.  
  77. /* links */
  78. a               {text-decoration:none;color:#3a6d96;}
  79. a:hover         {text-decoration:underline;}
  80. td.tFolder>a:hover{text-decoration:none!important;}
  81. img:hover       {text-decoration:none!important;}
  82. a.username      {font-size:15px;letter-spacing:-.5px;font-weight:normal;color:#444;margin-left:0px;float:left;}
  83. a.notes         {font-size:9px;color:#808080;}
  84. a.pms           {font-size:9px;color:#808080;}
  85. a.tag           {margin-right:10px;font-size:9px;}
  86. a.topicnotes    {position:absolute;top:160px;left:18px;font-size:12px;color:#888;display:block;}
  87. a.topicreports  {position:absolute;top:178px;left:18px;font-size:12px;color:#888;}
  88. div.contents>a      {color:#1072ba;}
  89.  
  90. .quote>a        {color:#3a6d96;}
  91. .post_time>a    {color:#808080;}
  92. .post_time>a:hover{color:#404040;}
  93. .postmain_sig>a {color:#3a6d96;}
  94. .disclaimer>a   {color:#3a6d96;}
  95. .floatright     {float:right;}
  96. .taright        {text-align:right;}
  97. .highlight      {background-color:#FFFF88;}
  98. .delTVP         {cursor:pointer;position:absolute;right:15px;margin:5px 0;display:none;}
  99. .volgtopic      {background-color:#d2f5cb!important;}
  100. .stopvolgen     {background-color:#f7e1dd!important;}
  101. .editquote      {margin-left:10px;}
  102.  
  103. .sliderTopH5      {position:absolute;top:15px;left:722px;}
  104. .sliderTopicTopH5 {position:absolute;top:13px;left:538px;}
  105. .sliderForumTopH5 {position:absolute;top:13px;left:490px;}
  106.  
  107. .sliderForumchrome{ position: absolute; top: 15px; left:0px; height: 6px; width: 90px; }
  108. .sliderForumsafari{ position: absolute; top: 15px; left:0px; height: 8px; width: 90px; }
  109. .sliderForumopera { position: absolute; top: 17px; left:0px; height: 4px; width: 90px; }
  110.  
  111. .sliderAtchrome{ position: relative; top: -5px; left:0px; height: 6px; width: 90px; }
  112. .sliderAtsafari{ position: relative; top: -5px; left:0px; height: 8px; width: 90px; }
  113. .sliderAtopera { position: relative; top: -2px; left:0px; height: 4px; width: 93px; }
  114.  
  115. .sliderTopicchrome{ position: absolute; top: 15px; left:0px; height: 6px; width: 90px; }
  116. .sliderTopicsafari{ position: absolute; top: 15px; left:0px; height: 8px; width: 90px; }
  117. .sliderTopicopera { position: absolute; top: 17px; left:0px; height: 4px; width: 90px; }
  118.  
  119. :invalid { background-color:#f7dfdd; }
  120. [required] { border:1px dotted #b79f9d; }
  121.  
  122. /* images */
  123. img.abo         {margin-top:2px;margin-left:14px;border:0;}
  124. img.adminicon   {border:0px;margin-left:4px;margin-top:4px;cursor:pointer;}
  125. img.dots        {margin-left:3px;border:0;}
  126. img.foklogo     {position:absolute;top:25px;left:10px;}
  127. img.aUpdated    {margin-right:4px!important;}
  128. img.icons       {border:0px;width:12px;height:12px;margin:0 0;cursor:pointer;}
  129. img.icons_last,.icons_last  {margin-right:10px;}
  130. img.iewarn      {float:right;margin-right:-6px;margin-left:14px;display:none;cursor:pointer;}
  131. img.newpmicon,.newpmicon    {margin:0px 10px 0px 3px;}
  132. img.nextpost    {border:0px;width:6px;height:7px;}
  133. img.online,img.onlineimg{margin:7px 10px 0px 7px;border:0;}
  134. img.onlinedown  {position:absolute;top:17px;left:24px;display:none;border:0;}
  135. img.posticon    {border:0px;position:absolute;top:15px;left:140px;float:left;}
  136. img.setnotes    {margin:0px 15px 0px 3px;padding-top:2px;width:7px;height:10px;}
  137. img.usericon,img.myusericon {border:1px solid #c0c0c0;padding:6px;background:#f0f0f0;margin:9px 110px 0px 40px;position:absolute;top:0px;left:0px;height:60px;width:60px;}
  138. img.usericon_notintopic{border:1px solid #c0c0c0;padding:6px;background:#f0f0f0;margin:5px 10px 0px 40px;height:60px;width:60px;}
  139. img.topicicon{position:absolute;top:18px;left:10px;}
  140. img.topicoptions{float:left;margin-top:3px;padding:0px 1px;}
  141. .editorbuttons>*>img{margin:0px -2px -5px 0px;padding:0;}
  142. .editorbuttons>*>img:hover{background-color:#b0b0b0;}
  143. .themeicon,
  144. a.profileediticon,
  145. a.prefsicon      {float:right;cursor:pointer;margin:0px 0px 0px 3px;}
  146. .flickrGallery   {border:1px solid #606060; background-color:#f8f8f8; padding:4px;width:628px;margin: 5px 0;}
  147. img.rde_img_flickrthumb{ padding:3px;background-color:#fefefe;border:1px solid #e0e0e0;margin:3px;}
  148. img.rde_img_leftalign{float:left;margin:0 10px 4px 0;}
  149. img.rde_img_centeralign{ text-align:center;}
  150. img.rde_img_rightalign{ float:right;margin:0 0 4px 10px; }
  151. .small img.rde_img_smiley,sup img.rde_img_smiley,sub img.rde_img_smiley { height:12px!important;width:auto!important; }
  152. .contents div.flickr_photo span { position: relative; top: 0px; }
  153.  
  154. /* divs & spans */
  155. .adminbuttons   {position:absolute;top:-4px;left:6px;width:25px;min-height:110px;overflow:hidden;font-size:8px;display:block;}
  156. .codeDisplayTable{padding:0;margin:0; font-family:courier new,courier,monospace;}
  157. .codeDisplayTableLines{background:#ccc;font-size:11px;width:5px;padding:0 4px;}
  158. .codeDisplayTableLines2{background:#ddd;font-size:11px;}
  159. .codeDisplayTableCode{font-size:11px;overflow:auto;white-space:pre!important;font-family:courier new,courier,monospace!important;}
  160. .codeDisplayTableCodeFunction{color:#00b;}
  161. /*
  162. .contents       {margin-top:9px;padding:6px 10px 25px 10px;width:655px;min-height:80px;overflow:auto;white-space:normal;word-wrap:break-word;}
  163. */
  164. .contents       {padding:15px 10px 25px 10px;width:650px;min-height:80px;overflow:auto;white-space:normal;word-wrap:break-word;}
  165. .editorbuttons  {margin-bottom:5px;}
  166. .editorbutleft  {padding-right:8px;margin-right:8px;border-right:1px solid #b0b0b0;}
  167. .fieldholder    {position:relative;width:100%;background:#f8f8f8;display:block;border:1px solid #aaa;}
  168. .sherlockholder      {width:810px!important;padding:3px 10px;font-size:12px;}
  169. .sherlock .button { border:1px solid #c0c0c0;background-color:#d0d0d0;padding:3px 5px; color:#111; top: 6px; position:relative;}
  170. .sherlock .button:hover,
  171. .sherlock .button:active{ background-color:#c0c0c0; }
  172. .hidden         {display:none;}
  173. .hiddenFoe      {display:none!important;}
  174. .hiddenadminbuttons {display:none;}
  175. .inline         {display:inline;}
  176. .logboek        {width:600px;border-bottom:1px dotted #808080;cursor:pointer;}
  177. .logboekentries {display:none;margin:0 0 16px 0;}
  178. .noob           {position:absolute;top:86px;left:40px;cursor:help;background-color:#c00000;color:#fefefe;padding:2px 3px;border:2px solid #fefefe;text-align:center;font-size:9px;font-family:arial,sans-serif;}
  179. .postreply      {margin-left:160px;margin-bottom:10px;font-size:10px;}
  180. .postreply_left {font-size:9px;height:100px;display:block;margin-top:260px;float:left;}
  181. .post_postcount {color:#aaa;font-size:9px;margin-right:8px;}
  182. .post_right     {float:right;margin:0px 8px 0px 0px;text-align:right;width:500px;line-height:15px;}
  183. .post_sec       {color:#aaa;}
  184.  
  185. .post_sub       {font-size:10px;letter-spacing:-.5px;font-weight:normal;color:#808080;position:absolute;top:3px;left:40px;}
  186. .post_time      {font-size:9px;color:#606060;margin-right:8px;}
  187. .postholder_bot {position:relative;width:100%;background:#f8f8f8;display:block;min-height:80px;border:1px solid #aaa;
  188.                  border-top:0;margin-bottom:2px;
  189.                  /*background-image:url(../i/snowingbg.png)!important; background-repeat:no-repeat!important;*/
  190.                  }
  191. .ownPost,.ists,.istsdef,.ownPostdef,.isfriend,.isfrienddef{ background-image:none!important; background-color:#f8f8f8; }
  192.  
  193. .postholder_bot { background-color:#f8f8f8; }
  194. .isFoe          { -webkit-border-bottom-left-radius:4px;
  195.                  -webkit-border-bottom-right-radius:4px;
  196.                  -moz-border-radius-bottomleft:4px;
  197.                  -moz-border-radius-bottomright:4px;
  198.                  border-bottom-left-radius:4px;
  199.                  border-bottom-right-radius:4px;margin-bottom:2px; }
  200. .isFoeTop       { opacity:.4; filter:alpha(opacity:40);background-color:#faebeb; }
  201. .opacity0       { opacity:0; filter:alpha(opacity:0); }
  202.  
  203. .opacity10      { opacity:.1; filter:alpha(opacity:10); }
  204. .opacity20      { opacity:.2; filter:alpha(opacity:20); }
  205. .opacity30      { opacity:.3; filter:alpha(opacity:30); }
  206. .opacity40      { opacity:.4; filter:alpha(opacity:40); }
  207. .opacity50      { opacity:.5; filter:alpha(opacity:50); }
  208. .opacity60      { opacity:.6; filter:alpha(opacity:60); }
  209. .opacity70      { opacity:.7; filter:alpha(opacity:70); }
  210. .opacity80      { opacity:.8; filter:alpha(opacity:80); }
  211. .opacity90      { opacity:.9; filter:alpha(opacity:90); }
  212. .postholder_top {position:relative;width:100%;background:#f8f8f8;display:block;height:40px;border:1px solid #aaa;
  213.                  border-bottom:0;background-image:url(http://i.fokzine.net/templates/forum2009/i/replycolors.png);
  214.                  background-repeat:repeat-x;background-position:0px -5px;overflow:hidden;}
  215. .posticons      {display:block;background:#e5e5e5;text-align:left;padding:5px 10px;margin:8px 0px 8px 160px;}
  216. .postmain_right {min-height:80px;overflow:hidden;margin-left:160px;font-size:12px;color:#101010;}
  217.  
  218. .postmain_sig   {width:656px;border-top:1px dashed #a0a0a0;margin-left:160px;padding:4px 4px 6px 10px;color:#808080;font-size:9px;}
  219. .profile_sig    {width:656px;border-top:1px dashed #a0a0a0;padding:4px 4px 6px 10px;color:#808080;font-size:9px;}
  220. .quickreply     {font-size:9px;}
  221. .settings       {width:440px!important;height:480px!important;overflow:auto;background-color:#101010;position:absolute;left:200px;top:180px;color:#f8f8f8;font-size:12px;padding:10px;z-index:99998;}
  222.  
  223. .ajaxnew        { color:#606060!important; }
  224. .ajaxnew a      { color:#606060!important; }
  225. .ajaxnew a:hover{ color:#101010!important; }
  226.  
  227. .spoiler                        {width:520px;display:none;border-top:1px dashed #c0c0c0;}
  228. .quote                          {width:490px;max-width:490px;resize:vertical;}
  229. ul.quoteMenu                    {display:inline;width:0px;height:0px;padding:0;margin:0;}
  230. ul.quoteMenu li.quoteMenu       {position:absolute;z-index:10;top:28px;right:4px;display:block;background-color:#fafafa;padding:3px;color:#111;cursor:pointer;border:1px solid #ddd;border-radius:2px;font-size:11px;}
  231. ul.quoteMenu li.quoteMenu:hover {background-color:#111;color:#fafafa;}
  232. .rde_tweet                      {width:490px;max-width:490px;}
  233. .quoteTitel                     {margin-left:30px;color:#808080;font-size:11px;}
  234. .spoilerTitle,.spoiler,.quote   {background-color:#e8e8e8;border:1px solid #c7c7c7;border-left:4px solid #c7c7c7;padding:8px 6px;
  235.                                 font-size:11px;color:#404040;margin-left:30px;overflow:hidden;}
  236. .rde_tweet                      {background-color:#c0e5f5;border:1px solid #c7dbe3;border-left:4px solid #c7dbe3;padding:8px 6px;
  237.                                 font-size:11px; font-weight:bold; color:#404040;margin-left:30px;overflow:hidden;
  238.   background-image: -webkit-gradient(linear, left top, left bottom, from(), to(#c0e5f5)); /* Saf4+, Chrome */
  239.   background-image: -webkit-linear-gradient(top, #e9f8ff, #c0e5f5); /* Chrome 10+, Saf5.1+, iOS 5+ */
  240.   background-image:    -moz-linear-gradient(top, #e9f8ff, #c0e5f5); /* FF3.6 */
  241.   background-image:     -ms-linear-gradient(top, #e9f8ff, #c0e5f5); /* IE10 */
  242.   background-image:      -o-linear-gradient(top, #e9f8ff, #c0e5f5); /* Opera 11.10+ */
  243.   background-image:         linear-gradient(to bottom, #e9f8ff, #c0e5f5);
  244. }
  245. .rde_img_tweet { display:block; float:left; border: 1px solid #e0e0e0; margin:0 8px 0 3px; }
  246. .rde_tweet a { color: #3fa6d4; }
  247. .tooltip { }
  248. .topbarOptionMenu { padding:2px 2px 0 2px;background-color:#000000; margin-left:2px!important; margin-bottom:0!important; }
  249.  
  250. .topOptionTxt { position:relative;top:-5px; }
  251. .twitter_titel { margin-left:30px; font-size:10px; }
  252.  
  253.  
  254.  
  255. .tweet_actions { display:none; margin-top:20px; float:right;margin-left: 70px; margin-right:4px;width:120px; position:absolute; }
  256. .quote span.tweet_actions,
  257. .spoiler span.tweet_actions {
  258.     margin-left: -40px;
  259.  
  260. }
  261. .rde_tweet:hover span.tweet_actions { display:inline; }
  262.  
  263. .tweet_actions a { color:#a0a0a0; margin-left:15px; }
  264. .tweet_actions a:hover { color:#3fa6d4; }
  265.  
  266. .tweet_contents { display:block; margin-top:8px; padding-top:2px; font-size:11px; font-weight:normal; }
  267. .tweet_user { background-image:url(http://i.fokzine.net/templates/forum2009/i/bird_16_blue.png); background-position:3px 0; background-repeat:no-repeat; padding-left: 24px; }
  268.  
  269. .spoilerTitle                   {width:524px;padding:4px;cursor:pointer;margin-top:5px;}
  270. .spoiler,.quote                 {background-color:#d8d8d8;color:#404040;visibility:visible;}
  271. .quote .spoiler,
  272. .quote .spoilerTitle            {width:450px;max-width:450px;margin-left:10px;overflow:hidden;padding:4px;}
  273. .spoiler>blockquote             {margin-left:10px;}
  274. .spoiler>blockquote>.quote      {width:480px;max-width:480px;overflow:hidden;padding:4px;margin-left:0px;}
  275. .quote>blockquote>.rde_tweet,
  276. .spoiler>blockquote>.rde_tweet  {width:430px;max-width:430px;}
  277.  
  278.  
  279. .quote>blockquote               {margin-left:0px;}
  280. .forum_code                     {background:#fff;color:#505050;margin:10px 0px 10px 20px;
  281.                                  border-top:1px solid #606060;border-bottom:1px solid #606060;
  282.                                  font-family:"Courier New",courier,fixedsys,monospace;font-size:11px; white-space:pre!important;
  283.                                  overflow:-moz-scrollbars-horizontal;overflow-x:auto;}
  284. .forum_code, .codeDisplayTable,
  285. .post .codeDisplayTable {width:620px;margin-left:0px;}
  286. .spoiler .forum_code,
  287. .spoiler .codeDisplayTable      {width:560px;margin-left:0px;}
  288. .quote .forum_code,
  289. .quote .codeDisplayTable        {width:540px;margin-left:0px;}
  290.  
  291. .volgtopicbutton    {font-size:10px;padding:2px 8px 2px 8px;border:1px solid #d0d0d0;background-color:#e0e0e0;position:relative;margin:0px 4px 0px 0px;color:#606060;cursor:pointer;text-decoration:none;}
  292. .replybutton    {font-size:10px;padding:2px 8px 2px 24px;border:1px solid #d0d0d0;background-color:#e0e0e0;position:relative;margin:0px 4px 0px 0px;color:#606060;cursor:pointer;text-decoration:none;}
  293. .replybutton:hover {background-color:transparent;text-decoration:none;background-color:#d5d5d5;}
  294. .replybutton>img    {position:absolute;top:2px;left:4px;border:0px;}
  295.  
  296. .tableholder    {display:block;width:830px;}
  297. .tawarning      {font-size:11px;position:relative;left:34px;top:2px;}
  298. .topicPointerFieldset{margin-left:0px;margin-top:4px;margin-bottom:2px;border:1px dotted #808080;}
  299. .topicPointerLegend{font-weight:bold;color:#ee0000;}
  300. .topicWarningContents{color:#007c9a;margin-left:8px;padding-top:4px;}
  301. .topicWarningContents a{color:#0000a0;}
  302. .topicadmin     {margin-bottom:2px;}
  303. .uicon_tool     {display:none;width:450px;height:300px;font-size:11px;color:#f8f8f8;background-color:#000000;padding:4px;}
  304. #tabs.ui-widget-content{background:transparent;border:0;}
  305. .smalltxt       {font-size:9px;}
  306. .mediumtxt      {font-size:11px;}
  307. .bigtxt         {font-size:13px;}
  308. .pointer        {cursor:pointer;}
  309. .miniPI         {width:12px;height:12px;}
  310.  
  311. /* forms */
  312. textarea                {width:582px; border:1px solid #c0c0c0;padding:8px;margin-bottom:2px;font-family:arial,helvetica,sans-serif;font-size:13px;}
  313. div.postreply textarea  {width:582px;height:180px;border:1px solid #c0c0c0;padding:8px;margin-bottom:2px;}
  314. div.topic_type_forum    {margin-left:160px;}
  315. input,select            {padding:5px;border:1px solid #c0c0c0;color:#333;margin-bottom:2px;}
  316. input:hover,select:hover{background-color:#fafbf0;border:1px solid #3a6d96;}
  317. input:focus,select:focus{background-color:#e0ecf7;}
  318. input.buttons           {padding:3px;background-color:#c0c0c0;font-size:10px;margin-right:5px;}
  319. input.buttons:hover     {background-color:#a0a0a0;}
  320. .menusave               {padding:3px 12px!important; font-size:12px!important;width:80px!important;margin-top:6px;margin-right: 3px;}
  321. .noborder,.noborder:hover{border:0;background:transparent;}
  322. fieldset.qreply         {border:0px;margin-top:5px;}
  323. select.hopforum         {padding:1px 3px 1px 3px;font-size:9px;margin-right:4px;margin-bottom:1px;}
  324. .quicksettings  {padding:2px 3px 2px 3px;font-size:9px;margin-bottom:1px;}
  325.  
  326. /* tables */
  327. .activetopics           {width:830px;background:#f8f8f8;display:block;border:1px solid #aaa;
  328.                          background-image:url(http://i.fokzine.net/templates/new/i/replycolors.png);
  329.                          background-repeat:repeat-x;background-position:0px 0px;padding:3px 0px;margin:0px;font-size:10px;}
  330. .activetopics_bot       {width:830px;background:#f8f8f8;display:block;padding:0px;margin:0px;margin-bottom:2px;}
  331. .topiclist_icon         {position:relative;top:4px;margin-bottom:1px;}
  332. .topiclist_bot td       {border-bottom:1px solid #fefefe;border-top:1px solid #eaeaea;height:30px;vertical-align:middle;font-size:9px;}
  333. .topiclist              {width:832px;background:#f8f8f8;display:block;border:1px solid #aaa;border-bottom:0px;
  334.                          background-image:url(http://i.fokzine.net/templates/new/i/replycolors.png);
  335.                          background-repeat:repeat-x;background-position:0px 0px;padding:3px 0px;margin:0px;font-size:10px;}
  336. .topiclist_bot          {width:832px;background:#f8f8f8;display:block;border:1px solid #aaa;border-top:0px;padding:0px;margin:0px;margin-bottom:2px;}
  337.  
  338. .hoofdgroep_bot td      {border-bottom:1px solid #fefefe;border-top:1px solid #eaeaea;height:24px;vertical-align:middle;}
  339. .hoofdgroep             {width:832px;background:#f8f8f8;display:block;border:1px solid #aaa;border-bottom:0px;
  340.                          background-image:url(http://i.fokzine.net/templates/new/i/replycolors.png);
  341.                          background-repeat:repeat-x;background-position:0px 0px;padding:0px;margin:0px;}
  342. .hoofdgroep_bot         {width:832px;background:#f8f8f8;display:block;border:1px solid #aaa;border-top:0px;padding:0px;margin:0px;margin-bottom:2px;}
  343. .collapsed              {border:1px solid #aaa;}
  344. .atlistfix              {padding:1px 5px 0 0!important;}
  345. .tFolder                {width:26px;text-align:center;padding:1px 3px;}
  346. .topiclist .tTitel      {font-size:12px;}
  347. .tTitel                 {width:387px;text-align:left;padding-left:0px;}/*374*/
  348. .tPages                 {width:72px;text-align:left;color:#808080;padding:0px 5px 0px 3px;}/*92*/
  349. .tPages a               {padding:0px 2px;}
  350. .tOnepage               {width:12px; padding:0 14px 0 0;}
  351. .tTopicstarter          {width:96px;text-align:left;color:#808080;}
  352. .tTopicstarterBM        {width:96px;text-align:left;color:#808080;}
  353. .tPosts                 {width:44px;text-align:center;color:#808080;}
  354. .tViews                 {width:44px;text-align:center;color:#808080;}
  355. .tLastreply             {width:114px;text-align:left;color:#808080;padding-left:10px;}
  356. .tLastreplyBM           {width:84px;text-align:left;color:#808080;padding-left:10px;}
  357. .tEditDelete            {width:20px;text-align:center;}
  358. .tEditDelete img        {position:relative;top:2px;left:-4px;float:right;}
  359. .tTitel a               {color:#202020;font-size:11px;margin-left:0px;}
  360.  
  361. .tPages a,
  362. .tTopicstarter a,
  363. .tTopicstarterBM a,
  364. .tPosts a,
  365. .tViews a,
  366. .tLastreply a,.tLastreplyBM a {color:#606060;}
  367. td a:hover              {color:#101010;}
  368. .gesloten,.gesloten a   {color:#808080!important;}
  369. .verwijderde,.verwijderde a{color:#808080!important;}
  370. .tPages img             {float:right;}
  371. .connect_widget_image   { border:1px solid #404040; padding:2px; background-color:#fefefe; }
  372.  
  373. .iExpand                {width:40px;text-align:center;}
  374. .iFolder                {width:40px;text-align:center;padding-top:2px;}
  375. .iFolder>img            {cursor:pointer;}
  376. .iHoofdgroep a          {font-size:14px;font-weight:bold;color:#202020;}
  377. .iForum a               {font-size:12px;font-weight:normal;color:#000000;margin-left:2px;}
  378. .iForum.announce a      {font-weight:bold;}
  379. .iHoofdgroep,.iForum    {font-size:14px;width:432px;text-align:left;color:#606060;padding-left:3px;}
  380. .iTopics                {width:49px;font-size:9px;color:#808080;text-align:center;}
  381. .iPosts                 {width:49px;font-size:9px;color:#808080;text-align:center;}
  382. .iLastPost              {width:100px;font-size:9px;text-align:left;color:#808080;padding-left:8px;}
  383. .iMod                   {width:181px;text-align:left;font-size:9px;color:#808080;}
  384. .knoppen                {visibility:hidden;}
  385. .subsUitklappen         {font-size:10px;color:#808080;float:right;margin-right:8px!important;margin-top:3px!important;}
  386. .subforum               {background-color:#fefefe;}
  387. .iSubforum a            {text-align:left;font-size:11px;color:#606060;}
  388. .forumDesc              {font-size:10px;color:#808080;margin-left:2px;}
  389. td.iSubforum div.forumDesc{margin-left:13px;margin-bottom:3px;}
  390. .expandsub              {float:right;margin-left:1px;top:1px;}
  391. img.foruminfo           {float:right;margin:3px 3px 0px -3px;}
  392. img.subfBranch          {float:left;margin-top:3px;margin-right:4px;}
  393. .sliderTop              {position:absolute;top:20px;left:724px;}
  394. .sliderTopicTop         {position:absolute;top:18px;left:538px;}
  395. .sliderForumTop         {position:absolute;top:19px;left:490px;}
  396. div.contents .small     {font-size:10px!important;}
  397.  
  398. /* topicgallery */
  399. #topicgallery           { width:830px;text-align:left; display:none; margin-bottom:2px; }
  400. #topicgallery>td        { text-align:center; }
  401. .galholder              { max-width:100%;padding:4px;overflow:auto;overflow:-moz-scrollbars-horizontal;overflow:-web-scrollbars-horizontal;overflow-x:auto;word-wrap:nowrap; }
  402. .galimgholder           { display:inline;text-align:center;width:10px; }
  403. .galimglink>a           { font-size:9px; color:#808080; }
  404. .galimglink>a:hover     { color:#303030; }
  405. .galimglink             { margin-top:-2px;font-size:9px; }
  406. .tgalleryimg            { padding:3px; background-color:#000000; display:inline; margin:4px 2px 0px 2px; height:60px; border:1px solid #d0d0d0;}
  407.  
  408. /* other */
  409. .basictables    {font-size:10px;}
  410. .afk            {font-size:8px;text-align:center;display:block;color:#808080;}
  411. .afk            {float:left;position:relative;top:-2px;left:8px;}
  412.  
  413. .afknew {
  414.     position:relative;
  415.     padding: 4px 3px;
  416.     min-width:14px;
  417.     display:block;
  418.     margin-right: 4px;
  419.     -moz-border-radius: 4px;
  420.     -webkit-border-radius: 4px;
  421.     border-radius: 4px;
  422.     color: #909090;
  423.     border-width: 2px;
  424.     border-style: solid;
  425.     border-color: transparent;
  426.     font-size: 8px;
  427.     margin-left: 3px;
  428. }
  429.  
  430. .afknew:hover{border-color:#aaa;}
  431.  
  432. .cat1{background: #FFD0D2;}
  433. .cat1.newposts{background: #FF9999; -webkit-box-shadow: 0px 0px 4px 0px #FF9999; box-shadow: 0px 0px 4px 0px #FF9999;}
  434.  
  435.  
  436. .cat2{background: #D3E1F2;}
  437. .cat2.newposts{background: #ACCCF2; -webkit-box-shadow: 0px 0px 4px 0px #ACCCF2; box-shadow: 0px 0px 4px 0px #ACCCF2;}
  438.  
  439. .cat3{background: #C3EAD2;}
  440. .cat3.newposts{background:#9CE29C; -webkit-box-shadow: 0px 0px 4px 0px #9CE29C; box-shadow: 0px 0px 4px 0px #9CE29C;}
  441.  
  442. .cat4{background: #E0D8F0;}
  443. .cat4.newposts{background: #C8C0F2; -webkit-box-shadow: 0px 0px 4px 0px #C8C0F2; box-shadow: 0px 0px 4px 0px #C8C0F2;}
  444.  
  445. .cat5{background: #EFCEB4;}
  446. .cat5.newposts{background: #EFA87C; -webkit-box-shadow: 0px 0px 4px 0px #EFA87C; box-shadow: 0px 0px 4px 0px #EFA87C;}
  447.  
  448. .cat6{background: #fefefe;} /* crew */
  449. .cat6.newposts{background:#e0c5c5;  -webkit-box-shadow: 0px 0px 4px 0px #E0C5C5; box-shadow: 0px 0px 4px 0px #E0C5C5;}
  450.  
  451. .cat7{background: #F9EEC7;}
  452. .cat7.newposts{background: #F7DE6E; -webkit-box-shadow: 0px 0px 4px 0px #F7DE6E; box-shadow: 0px 0px 4px 0px #F7DE6E;}
  453.  
  454. .cat8{background: #D1EEED;}
  455. .cat8.newposts{background: #87DEDC; -webkit-box-shadow: 0px 0px 4px 0px #87DEDC; box-shadow: 0px 0px 4px 0px #87DEDC;}
  456.  
  457. .cat12{background: #F0D6ED;}
  458. .cat12.newposts{background:#F0C6DD; -webkit-box-shadow: 0px 0px 4px 0px #F0C6DD; box-shadow: 0px 0px 4px 0px #F0C6DD;}
  459.  
  460. .newposts{
  461.           color:#404040;border-color: #ffffff;
  462. }
  463.  
  464. .t_icon { position:absolute; top:8px; left:-5px; }
  465.  
  466. .XXnewposts{background-color: #ffc1c4!important;color:#202020!important;}
  467. .XXnewposts{border-color:#ffff00;}
  468. .XXnewposts:hover{background-color: #ff9999!important;color:#101010!important;}
  469.  
  470. .afklocked{background-color: #dedede!important;}
  471. .afkdeleted{background-color: #fafafa!important;}
  472.  
  473. #quickreply input[type=button]{
  474.     font-size:10px;
  475.     background-color:#eee;
  476. }
  477.  
  478. #quickreply .resetreply{
  479.     visibility:hidden;
  480. }
  481.  
  482. #quickreply input[type=submit]{
  483.     font-size:10px;
  484. }
  485.  
  486. #replybox{
  487.     width:620px;
  488.     max-width:620px;
  489. }
  490. #replybox .x{
  491.     cursor:pointer;
  492.     position:absolute;
  493.     right:4px;
  494.     top:4px;
  495.     font-size:14px;
  496.     font-weight:bold;
  497.     padding:4px;
  498.     background-color:#e0e0e0;
  499.     line-height:16px;
  500.       -webkit-border-radius: 6px; /* Saf3-4, iOS 1-3.2, Android =1.6 */
  501.      -moz-border-radius: 6px; /* FF1-3.6 */
  502.           border-radius: 6px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
  503.  
  504.   /* useful if you don't want a bg color from leaking outside the border: */
  505.   -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  506. }
  507. #replybox .x:hover{
  508.     background-color:#111;
  509.     color:#eee;
  510. }
  511.  
  512. #replybox textarea{
  513.     width:600px;
  514.     max-width:600px;
  515.     outline:0;
  516. }
  517. #replybox.active #posticons,
  518. #replybox.active .editorbuttons,
  519. #replybox.active .emoticons{
  520.     margin-left:0px;
  521.     width:598px;
  522.     background-color:#e0e0e0;
  523.     padding:4px 10px;
  524. }
  525. #replybox .editorbuttons{
  526.         margin-bottom:0;
  527.       -webkit-border-radius: 4px; /* Saf3-4, iOS 1-3.2, Android =1.6 */
  528.      -moz-border-radius: 4px; /* FF1-3.6 */
  529.           border-radius: 4px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
  530.  
  531.   /* useful if you don't want a bg color from leaking outside the border: */
  532.   -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  533.  
  534. }
  535. .ie7 #replybox textarea,.ie7 #replybox input{
  536.     margin-left:-155px;
  537. }
  538. #replybox.active{
  539.     background-color:#ccc;
  540.     color:#111;
  541.     padding:20px;
  542.     border:2px solid #ccc;
  543.       -webkit-box-shadow: 0px 0px 4px #333; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  544.      -moz-box-shadow: 0px 0px 4px #333; /* FF3.5 - 3.6 */
  545.           box-shadow: 0px 0px 4px #333; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
  546.        background-color: #f8f8f8;
  547.        z-index:99999999;
  548. }
  549.  
  550. a.span:hover    {text-decoration:none;}
  551. .black          {color:#404040;}
  552. .browserclose   {float:right;cursor:pointer;color:#3a6d96;}
  553. .browserinfomore{cursor:pointer;color:#3a6d96;}
  554. .browserinfo    {width:810px;padding:10px 10px 5px 10px;margin-bottom:3px;margin-top:-11px;background-color:#ffffdb;border:1px solid #d0d0d0;display:none;font-size:12px;color:#333;}
  555. .cl             {clear:left;}
  556. .disclaimer     {color:#808080;padding-top:4px;}
  557. .edit           {font-size:9px;color:#a0a0a0;display:block;}
  558. .emoticons>img  {margin:3px 1px;}
  559. .emoticons      {padding:3px 0px;}
  560. .lightgrey      {color:#A0A0A0;}
  561. .markedfordelete{background-color:#f7dfdd!important;}
  562. .isdeleted      {background-color:#f7dfdd!important;background-image:url(http://i.fokzine.net/templates/forum2009/i/delbg.png)!important;background-repeat:no-repeat;background-position:-130px 0px;}
  563. .isclosed       {background-color:#f7dfdd!important;background-image:url(http://i.fokzine.net/templates/forum2009/i/isclosedbg.png)!important;background-repeat:no-repeat;background-position:-20px -4px;}
  564. .mb2            {margin-bottom:2px;}
  565. .ml6            {margin-left:6px;}
  566. .outofview      {margin-left:-1000px;}
  567. .red            {color:#C00000!important;}
  568. .rightborder_editor {border-right:1px solid #a0a0a0;padding-right:6px;}
  569. .twitter        {background:#e0e0e0;border:1px solid #707070;font-size:10px;color:#303030;width:400px;padding:10px;padding-top:4px;display:none;}
  570. .smileexpand    {position:relative;top:3px;}
  571. .twitLabel,.twitTitle{display:none;}
  572. .twitUser       {font-size:20px;}
  573. .twitUser>a>img {padding:4px;background:#f0f0f0;border:1px solid #d0d0d0;}
  574. .topbar_top_abs a{ color:#6a9dc6; }
  575. .info, .success, .warning, .error, .validation {
  576. width:88%;
  577. font-size:11px;
  578. border: 1px solid;
  579. margin: 10px auto;
  580. padding:15px 10px 15px 50px;
  581. background-repeat: no-repeat;
  582. background-position: 10px center;
  583. }
  584. .info {
  585. color: #00529B;
  586. background-color: #BDE5F8;
  587. background-image: url('info.png');
  588. }
  589. .success {
  590. color: #4F8A10;
  591. background-color: #DFF2BF;
  592. background-image:url('success.png');
  593. }
  594. .warning {
  595. color: #9F6000;
  596. background-color: #FEEFB3;
  597. background-image: url('warning.png');
  598. }
  599. .error {
  600. color: #D8000C;
  601. background-color: #FFBABA;
  602. background-image: url('error.png');
  603. }
  604. .validation {
  605. color: #D63301;
  606. background-color: #FFCCBA;
  607. background-image: url('validation.png');
  608. }
  609.  
  610.  
  611.  
  612. .altcolor-post-1{background-color:#f8f8f8;}
  613. .altcolor-post-2{background-color:#f8f8f8;}
  614. .privateforumcolor{background-color:#f0f0f0;}
  615. .crewtopic{background-image:url(http://i.fokzine.net/templates/forum2009/i/crewtopic.png);background-repeat:no-repeat;background-position:260px 0px;}
  616. .pausespy{position:relative;top:-15px;}
  617. .spyupdate{padding:10px;background-color:#c0c0c0;color:#d00000;border:1px dotted #d0d0d0;margin-bottom:2px;display:none;cursor:pointer;width:580px;}
  618. .spypause{float:right;margin-right:44px;margin-top:12px;}
  619.  
  620.  
  621.  
  622. .youtube_video,
  623. .flickr_video,
  624. .vimeo_video    {width:160px;background:#313131;background-image:url('/templates/forum2009/i/video.png');background-repeat:no-repeat;border:1px;margin:6px 0 12px 20px;padding:40px 8px 8px 8px;text-align:center;}
  625. .youtube_video img,
  626. .flickr_video img,
  627. .vimeo_video img{border:1px dotted #202020;padding:4px;background:#f0f0f0;}
  628. .youtube_video img:hover,
  629. .flickr_video img:hover,
  630. .vimeo_video img:hover{border:1px solid #000080;}
  631. .youtube_video a,
  632. .flickr_video a,
  633. .vimeo_video a{font-size:10px;color:#e0e0e0;}
  634. .youtube_video a:hover,
  635. .flickr_video a:hover
  636. .vimeo_video a:hover{color:#fefefe;}
  637. blockquote .youtube_video,
  638. blockquote .flickr_video,
  639. blockquote .vimeo_video  {width:110px;margin:3px 0 6px 8px;padding-top:30px;background-image:url('/templates/forum2009/i/videos.png');background-repeat:no-repeat;}
  640. blockquote .youtube_video img,
  641. blockquote .flickr_video img,
  642. blockquote .vimeo_video img{width:80px;}
  643. blockquote .youtube_video a,
  644. blockquote .flickr_video a,
  645. blockquote .vimeo_video  a{font-size:8px;}
  646.  
  647. .contents li            { list-style-position: inside; }
  648.  
  649. .fpTracker              { display:none;background-color:#e0e0e0;color:#101010;padding:10px;padding-top:6px;font-size:11px;border:1px solid #d0d0d0;z-index:998;}
  650. .fpTracker table tr td  { padding:0 15px;}
  651. .trreacts               { float:right;font-size:9px;padding:0 4px 0 8px;margin-top:2px; }
  652. .navHover               { background-color:#404040; }
  653. .trlink                 { color:#000000; float:left;}
  654. .trlink:hover           { color:#1473c7; }
  655. .isBanned               { background:#F7DFDD!important; }
  656. .forumhop               { padding:2px;font-size:11px; }
  657.  
  658. /* rounded */
  659. .usericon, .myusericon, .shadowTiny { -moz-box-shadow: 0px 0px 3px #bbb; -webkit-box-shadow: 0px 0px 3px #bbb; box-shadow: 0px 0px 3px #bbb; }
  660.  
  661. .roundall,.quote,
  662. input,textarea,.rde_tweet,
  663. select,.usericon{-moz-border-radius:4px;
  664.                  -webkit-border-radius:4px;
  665.                  border-radius:4px;}
  666. .roundtop       {-webkit-border-top-left-radius:4px;
  667.                  -webkit-border-top-right-radius:4px;
  668.                  -moz-border-radius-topleft:4px;
  669.                  -moz-border-radius-topright:4px;
  670.                  border-top-left-radius:4px;
  671.                  border-top-right-radius:4px;}
  672. .roundbot       {-webkit-border-bottom-left-radius:4px;
  673.                  -webkit-border-bottom-right-radius:4px;
  674.                  -moz-border-radius-bottomleft:4px;
  675.                  -moz-border-radius-bottomright:4px;
  676.                  border-bottom-left-radius:4px;
  677.                  border-bottom-right-radius:4px;}
  678. .roundtl        {-moz-border-radius-topleft:4px;
  679.                  -webkit-border-top-left-radius:4px;
  680.                  border-top-left-radius:4px;}
  681. .postmain_sig,
  682. .roundbr        {-moz-border-radius-bottomright:4px;
  683.                  -webkit-border-bottom-right-radius:4px;
  684.                  border-bottom-right-radius:4px;}
  685. .nosubforum     {float:right;margin-top:2px;}
  686. .me             {color:#a00000;}
  687. /* jquery ui */
  688. .ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; height: 50px !important; }
  689. .ui-sortable-placeholder * { visibility: hidden; }
  690. .ui-slider-handle   { cursor:pointer!important; }
  691.  
  692. .subforum td            {background-color:#fefefe!important;}
  693. .navbar div { overflow:hidden; }
  694. .navbar td  { vertical-align:top!important;height:12px;max-height:12px;overflow:hidden; }
  695.  
  696. .ui-tabs    { padding:20px; font-size:11px; }
  697. ul.gridSortable,ul.sortable,ul.deletedForums { list-style-type: none; margin: 0; padding: 0; }
  698. .gridSortable li,.sortable li,.deletedForums li { float:left;}
  699. ul.gridSortable li.ui-sortable-placeholder,ul.sortable li.ui-sortable-placeholder,ul.deletedForums li.ui-sortable-placeholder { border: 0; width:35px!important;height:27px!important; padding:3px; background:#eee; border:1px dotted #ddd; }
  700. .deletedForums{margin-top:6px;clear:both;height:12px;}
  701. .deletedForums li{ display:none; }
  702. .deletedForums.show {border-top:1px dotted #666;height:30px;}
  703. .deletedForums.show li {display:block!important;opacity: 0.4;  filter: alpha(opacity=40);}
  704. .forumGrid button{padding:4px 8px;margin-left:4px;border:1px solid #ccc;background-color:#eee;  -webkit-box-shadow: 0px 0px 4px 0px #ccc; box-shadow: 0px 0px 4px 0px #ccc; }
  705. .forumGrid button:hover{-webkit-box-shadow: 0px 0px 0px 0px #ccc; box-shadow: 0px 0px 0px 0px #ccc; }
  706. /* jLimit */
  707. .jMax{
  708.     width:530px;
  709.     height:150px;
  710.     float:left;
  711.  
  712. }
  713. .jMax textarea{
  714.     border:1px solid #ccc;
  715.     -moz-border-radius:20px;
  716.     -webkit-border-radius:20px;
  717.     -khtml-border-radius:20px;
  718.     background-color:#fff;
  719.     font-family:Arial;
  720.     color:#999;
  721.     width:100%;
  722.     height:100px;
  723.     font-size:24px;
  724.     padding:10px;
  725.     resize:none;
  726.     overflow:auto;
  727. }
  728. .jMax textarea:focus{
  729.     outline:none;
  730.     background-color:#F3FFCF;
  731. }
  732. .jMax-text{
  733.     margin:5px 5px 5px 10px;
  734.     color: #f0f0f0;
  735.     font-weight:bold;
  736.     font-size:24px;
  737. }
  738. .jMax-submit{
  739.     margin:5px 5px 5px 10px;
  740.     height:25px;
  741. }
  742. .jMax-submit input[type="submit"]{
  743.     background: #222 url(http://zurb.com/images/alert-overlay.png) repeat-x;
  744.     height:35px;
  745.     float:left;
  746.     width:100px;
  747.     color: #596F14;
  748.     text-decoration: none;
  749.     -moz-border-radius: 5px;
  750.     -webkit-border-radius: 5px;
  751.     -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  752.     -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  753.     border:none;
  754.     cursor: pointer;
  755.     background-color: #DFDFDF;
  756.     font-size:16px;
  757.     border:1px solid #ccc;
  758. }
  759. .jMax-submit input[type="submit"].disabled{
  760.     cursor:default;
  761.     color:#999;
  762.     text-shadow: 0 -1px 1px #fff;
  763. }
  764. .jMax-submit input[type="submit"].enabled:hover{
  765.     background-color: #ccc;
  766.     color: #fff;
  767. }
  768.  
  769.  
  770.  
  771. /* jgrowl */
  772. .ownGrowl { background-color:#dbf1ff!important; right:10px!important; }
  773. .successGrowl { color: #4F8A10!important; background-color: #DFF2BF!important; }
  774. .errorGrowl { color: #D8000C!important; background-color: #FFBABA!important; }
  775. .QuoteAlert .jGrowl-header { color: #faf5fa!important; background-color: #257012!important; }
  776. .QuoteAlert.jGrowl-notification { border-color: #1f7a25!important; background-color: #d1d9d0!important; }
  777.  
  778. div.jGrowl {
  779.     padding:            10px;
  780.     z-index:            9999;
  781.     color:              #fff;
  782.     font-size:          12px;
  783.     overflow:           auto;
  784.     max-height:         95%;
  785.     width:              270px;
  786. }
  787.  
  788. /** Special IE6 Style Positioning **/
  789. div.ie6 {
  790.     position:           absolute;
  791. }
  792.  
  793. div.ie6.top-right {
  794.     right:              auto;
  795.     bottom:             auto;
  796.     left:               expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  797.     top:                expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
  798. }
  799.  
  800. div.ie6.top-left {
  801.     left:               expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  802.     top:                expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
  803. }
  804.  
  805. div.ie6.bottom-right {
  806.     left:               expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  807.     top:                expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
  808. }
  809.  
  810. div.ie6.bottom-left {
  811.     left:               expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  812.     top:                expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
  813. }
  814.  
  815. div.ie6.center {
  816.     left:               expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  817.     top:                expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
  818.     width:              100%;
  819. }
  820.  
  821. /** Normal Style Positions **/
  822. div.jGrowl {
  823.     position:           absolute;
  824. }
  825.  
  826. body > div.jGrowl {
  827.     position:           fixed;
  828. }
  829.  
  830. div.jGrowl.top-left {
  831.     left:               0px;
  832.     top:                0px;
  833. }
  834.  
  835. div.jGrowl.top-right {
  836.     right:              0px;
  837.     top:                0px;
  838. }
  839.  
  840. div.jGrowl.bottom-left {
  841.     left:               0px;
  842.     bottom:             0px;
  843. }
  844.  
  845. div.jGrowl.bottom-right {
  846.     right:              0px;
  847.     bottom:             0px;
  848. }
  849.  
  850. div.jGrowl.center {
  851.     top:                0px;
  852.     width:              50%;
  853.     left:               25%;
  854. }
  855.  
  856. /** Cross Browser Styling **/
  857. div.center div.jGrowl-notification, div.center div.jGrowl-closer {
  858.     margin-left:        auto;
  859.     margin-right:       auto;
  860. }
  861.  
  862. div.jGrowl-message div { overflow:auto; word-wrap:break-word; }
  863.  
  864. div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
  865.     background-color:       #eee;
  866.     border:2px solid #fefefe;
  867.     color:#101010;
  868.     opacity:                .85;
  869.     -ms-filter:             "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  870.     filter:                 progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  871.     zoom:                   1;
  872.     width:                  235px;
  873.     padding:                10px;
  874.     margin-top:             5px;
  875.     margin-bottom:          5px;
  876.     font-family:            Tahoma, Arial, Helvetica, sans-serif;
  877.     font-size:              1em;
  878.     text-align:             left;
  879.     display:                none;
  880.     -moz-border-radius:     5px;
  881.     -webkit-border-radius:  5px;
  882.     border-radius:          5px;
  883.         -moz-box-shadow: 0px 0px 8px #888;
  884.     -webkit-box-shadow: 0px 0px 8px #888;
  885.     box-shadow: 0px 0px 8px #888;
  886. }
  887.  
  888. div.jGrowl div.jGrowl-notification {
  889.     min-height:             40px;
  890. }
  891.  
  892.  
  893.  
  894. div.jGrowl div.jGrowl-notification div.jGrowl-header {
  895.     font-weight:            bold;
  896.     font-size:              .85em;
  897. }
  898.  
  899. div.jGrowl-header{
  900.     background-color:#404040;
  901.     color:#fefefe;
  902.     padding:3px;
  903.     margin-bottom:3px;
  904. }
  905.  
  906. div.jGrowl div.jGrowl-notification div.jGrowl-close {
  907.     z-index:            99;
  908.     float:              right;
  909.     margin-right:       0px;
  910.     margin-top:         0px;
  911.     margin-bottom:      0px;
  912.     padding-right:      10px;
  913.     padding-top:        2px;
  914.     width:              50px;
  915.     height:             19px;
  916.     font-weight:        bold;
  917.     font-size:          1em;
  918.     cursor:             pointer;
  919.     text-align:         right;
  920.     color:              #fafafa;
  921. }
  922.  
  923.  
  924. div.jGrowl div.jGrowl-closer {
  925.     padding-top:            4px;
  926.     padding-bottom:         4px;
  927.     cursor:                 pointer;
  928.     font-size:              .9em;
  929.     font-weight:            bold;
  930.     text-align:             center;
  931. }
  932.  
  933. /** Hide jGrowl when printing **/
  934. @media print {
  935.     div.jGrowl {
  936.         display:            none;
  937.     }
  938. }
  939.  
  940. .topicExplain           {
  941.     background-color:#e0e0e0;padding:3px 2px 2px 2px;margin-right:5px;color:#505050;font-size:80%;text-transform:capitalize;border:1px solid #ffffff;
  942.     background: -moz-linear-gradient(top, #e0e0e0, #d1d1d1);
  943.     background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e0e0e0), to(#d1d1d1));
  944.         filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#e0e0e0', EndColorStr='#d1d1d1');
  945.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#e0e0e0', EndColorStr='#d1d1d1')"; /* IE8 */
  946.     }
  947.  
  948. /* liScroll styles */
  949.  
  950. .tickercontainer { /* the outer div with the black border */
  951. border: 1px solid #000;
  952. background: #fff;
  953. width: 738px;
  954. height: 27px;
  955. margin: 0;
  956. padding: 0;
  957. overflow: hidden;
  958. }
  959. .tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
  960. position: relative;
  961. left: 10px;
  962. top: 8px;
  963. width: 718px;
  964. overflow: hidden;
  965. }
  966. ul.newsticker { /* that's your list */
  967. position: relative;
  968. left: 750px;
  969. font: bold 10px Verdana;
  970. list-style-type: none;
  971. margin: 0;
  972. padding: 0;
  973.  
  974. }
  975. ul.newsticker li {
  976. float: left; /* important: display inline gives incorrect results when you check for elem's width */
  977. margin: 0;
  978. padding: 0;
  979. background: #fff;
  980. }
  981. ul.newsticker a {
  982. white-space: nowrap;
  983. padding: 0;
  984. color: #ff0000;
  985. font: bold 10px Verdana;
  986. margin: 0 50px 0 0;
  987. }
  988. ul.newsticker span {
  989. margin: 0 10px 0 0;
  990. }
  991.  
  992. .post:hover span.editquote.hidden{
  993.     display:block;
  994.     float:right;
  995.     margin-left:14px;
  996. }
  997.  
  998. div.post_right:hover span.iconbar.hidden{
  999.     display:inline;
  1000. }
  1001.  
  1002.  
  1003. .default-tipsy { font-size: 11px; position: absolute; padding: 8px; z-index: 999999; }
  1004.   .default-tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 8px 12px 6px 12px; text-align: center; }
  1005.  
  1006.   /* Rounded corners */
  1007.   .default-tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
  1008.  
  1009.   /* Uncomment for shadow */
  1010.   /*.default-tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/
  1011.  
  1012.   .tipsy { padding: 5px; font-size: 11px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(../i/tipsy.gif); z-index: 99999999;}
  1013.   .tipsy-inner { padding: 8px 12px 6px 12px; background-color: black; color: white; max-width: 220px; text-align: center; }
  1014.   .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
  1015.   .tipsy-north { background-position: top center; }
  1016.   .tipsy-south { background-position: bottom center; }
  1017.   .tipsy-east { background-position: right center; }
  1018.   .tipsy-west { background-position: left center; }
  1019.  
  1020.   .default-tipsy-arrow { position: absolute; width: 0; height: 0; border: 5px solid transparent; }
  1021.  
  1022.   /* Rules to colour arrows */
  1023.   .default-tipsy-arrow-n { border-bottom-color: #000; }
  1024.   .default-tipsy-arrow-s { border-top-color: #000; }
  1025.   .default-tipsy-arrow-e { border-left-color: #000; }
  1026.   .default-tipsy-arrow-w { border-right-color: #000; }
  1027.  
  1028.   .default-tipsy-n .default-tipsy-arrow, .default-tipsy-nw .default-tipsy-arrow, .default-tipsy-ne .default-tipsy-arrow { top: 0; border-top: none; }
  1029.   .default-tipsy-s .default-tipsy-arrow, .default-tipsy-sw .default-tipsy-arrow, .default-tipsy-se .default-tipsy-arrow { bottom: 0; border-bottom: none; }
  1030.   .default-tipsy-n .default-tipsy-arrow, .default-tipsy-s .default-tipsy-arrow { left: 50%; margin-left: -5px; }
  1031.   .default-tipsy-nw .default-tipsy-arrow, .default-tipsy-sw .default-tipsy-arrow { left: 10px; }
  1032.   .default-tipsy-ne .default-tipsy-arrow, .default-tipsy-se .default-tipsy-arrow { right: 10px; }
  1033.   .default-tipsy-e .default-tipsy-arrow, .default-tipsy-w .default-tipsy-arrow { top: 50%; margin-top: -5px; }
  1034.   .default-tipsy-e .default-tipsy-arrow { right: 0; border-right: none; }
  1035.   .default-tipsy-w .default-tipsy-arrow { left: 0; border-left: none; }
  1036.  
  1037. .hasfocus { background-color:#d0e4fe; }
  1038.  
  1039. #fancybox-wrap{z-index:99998;}
  1040.  
  1041.  
  1042. /* stats tables */
  1043. .post table {
  1044.     background-color: #e6e6e6;
  1045.     border:1px solid #555;
  1046.     width:650px;
  1047.     max-width:650px
  1048. }
  1049. .post table thead{
  1050.     background-color:#aaa;
  1051.     border: 1px solid #ddd;
  1052. }
  1053. .post table th{
  1054.     background-color:#444;
  1055.     color:#fff;
  1056. }
  1057.  
  1058. .post table tr{
  1059.     border:1px solid #ddd;
  1060. }
  1061.  
  1062. .post table td, .post table th {
  1063.     padding: 8px 4px;
  1064. }
  1065.  
  1066. .post table td{
  1067.     border-left:1px solid #bbb;
  1068.     border-right:1px solid #bbb;
  1069. }
  1070. tr.divider{
  1071.     background-color:#ccc;
  1072. }
  1073. tr.subtotals td{
  1074.     background-color:#eee;
  1075.     font-weight:bold;
  1076. }
  1077. td.numeric{
  1078.     text-align:center;
  1079. }
  1080.  
  1081. #megatag_leaderboard_big{
  1082.     margin:24px auto -13px;
  1083. }
  1084.  
  1085. .gifv-player span{
  1086.         position:absolute;
  1087.         display:block;
  1088.         background:rgba(30,30,30,.8);
  1089.         padding:10px;
  1090.         color:#fff;
  1091.     }
  1092. .gifv-player.playing span{
  1093.         display:none;
  1094.     }
  1095. .gifv{
  1096.     cursor:pointer;
  1097. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!