SpriterDrag

Jaxboards - Mario Skin CSS

Jul 11th, 2013
10
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /*WYSWYG Editor CSS*/
  2. @import url("http://jaxboards.com/wysiwyg.css");
  3.  
  4. body{background:url(http://i47.tinypic.com/uni1w.png);font-family:Maiandra GD;font-size:16px;color:#004;text-align:center;overflow-y:scroll;word-wrap:break-word;}
  5. img{border:0;}
  6. a:active,a:visited,a:link{color:#1d71cf;text-decoration:none;}
  7. a:hover{text-decoration:underline;}
  8. textarea{background:#FFF;border:1px solid #000;}
  9. img{max-width:680px;}
  10.  
  11. /*Misc (Global)*/
  12. .error{background:#FCC;border:1px solid #F33;margin:5px;padding:5px;}
  13. .success{background:#CFC;border:1px solid #3F3;margin:5px;padding:5px;}
  14. .clear{clear:both;}
  15. .center{text-align:center;}
  16.  
  17. /*Avatars*/
  18. .avatar img{max-width:150px;max-height:150px;}
  19.  
  20. /* All windows */
  21. .window{background:url(http://jaxboards.com/Themes/Default/img/shadowAlpha.png) bottom right;position:fixed;}
  22. .window .title{padding-right:20px;cursor:move;text-align:center;background:url(http://jaxboards.com/Themes/Default/img/boxgrad.png) bottom;color:#FFF;border-radius:10px 10px 0 0;}
  23. .window .title .controls{cursor:pointer;position:absolute;top:2px;right:2px;font-size:smaller;}
  24. .window .title .controls div{display:inline-block;padding:0 5px;}
  25. .window.minimized .content{top:0;left:0;display:none;}
  26. .window.minimized .title{top:0;left:0;padding-right:50px;}
  27. .window .resize{cursor:nw-resize;width:10px;height:10px;background:url(http://jaxboards.com/Themes/Default/icons/cornerdrag.png);position:absolute;}
  28. .window .content{text-align:left;background:#FFF;overflow:hidden;border-radius:0 0 10px 10px;padding-bottom:5px;}
  29. .window .content,.window .title{position:relative;top:-5px;left:-5px;border:1px solid #000;}
  30.  
  31. /* IM windows */
  32. .im .ims{padding:5px;width:200px;height:100px;overflow:auto;}
  33. .im .ims div{background:#FFF;}
  34. .im .content{border-radius:0;}
  35. .im form{display:block;width:100%;border-top:1px solid #555;}
  36. .im input[type=text] {padding:5px;width:95%;border:none;}
  37. .im .you .name{color:#F00;}
  38. .im .them .name{color:#00F;}
  39. .im .action,.im .action .you,.im .action .them{font-style:italic;}
  40. .im .action{color:#522994;}
  41. .im .offline{display:none;}
  42. .im.offline .offline{display:block;color:#600;background:#ECC;font-style:italic;padding:5px;font-size:10px;}
  43. .im .content{padding:0;}
  44. .immenu,.emotewin{border:1px solid #000;background:#EEF;}
  45.  
  46. /* User Control Panel */
  47. #ucp .content{backKristenground:url(http://jaxboards.com/Themes/Default/img/shade.png) #CCF bottom repeat-x;}
  48. #ucp textarea{width:650px;height:100px;}
  49. #ucp label{display:inline-block;width:150px;}
  50. #ucp .leftbar{float:left;width:170px;}
  51. #ucp .leftbar .icon{margin:10px;font-size:12px;padding:2px 25px;background:url(http://jaxboards.com/Themes/Default/icons/inboxicons.png) 0 0 no-repeat;}
  52. #ucp .leftbar h2{margin:0;background:#DDF;font-size:16px;border:1px solid #FFF;padding:3px;}
  53. #ucp .icon.inbox{background-position:0 -32px;}
  54. #ucp .icon.sent{background-position:0 -64px;}
  55. #ucp .icon.flagged{background-position:0 -96px;}
  56. #ucp .icon.compose{background-position:0 -128px;}
  57. #ucp .leftbar,.ucp #ucppage{}
  58. #ucp .leftbar a{display:block;margin:5px 10px;}
  59. #ucp .error{margin:5px;padding:5px;}
  60. #ucppage{background:url(http://jaxboards.com/Themes/Default/img/shade.png) repeat-x bottom #FFF;border-left:1px solid #000;margin-left:170px;padding:20px;min-height:400px;}
  61. #ucppage h2{border-bottom:1px solid #AAF;font-size:20px;}
  62. #ucppage .tooltip{font-size:14px;background:url(http://jaxboards.com/Themes/Default/icons/help.png) no-repeat;text-indent:-1000px;display:inline-block;width:20px;border:none;cursor:help;}
  63. #ucp .error{text-align:left;margin-bottom:15px;padding:8px;}
  64.  
  65. /* Mod CP */
  66. #modcp .content{background:#CCF;}
  67. #modcp .minibox{border:1px solid #000;margin:10px;}
  68. #modcp .minibox .title{background:#CCDDFF;padding:5px;}
  69. #modcp .minibox .content{padding:5px;background:#FFF;}
  70. #modcp .minibox .post{border-bottom:1px solid #CCC;padding:10px;}
  71. #modcp .leftbar{float:left;padding:10px;width:150px;}
  72. #modcp .modcppage{border-left:1px solid #000;margin-left:170px;padding:10px;background:#FFF;min-height:200px;}
  73. #modcp .modcppage .error{margin:5px;padding:5px;}
  74. #modcp td{vertical-align:top;}
  75. #modcp textarea{width:500px;height:100px;}
  76.  
  77.  
  78. /*Inbox*/
  79. .inbox{}
  80. .inbox .listing{border:1px solid #99C;font-size:14px;width:100%;border-collapse:collapse;}
  81. .inbox .listing .unread{font-weight:bold;}
  82. .inbox .listing td{padding:2px;border:1px solid #99C;border-style:solid none;background:#EEF;}
  83. .inbox .listing tr:hover td{background:#FFF;}
  84. .inbox .listing th{padding:8px 2px;color:#005;text-align:left;background:#DDF;font-weight:normal;}
  85. .inbox .listing .center{text-align:center;}
  86. .inbox .compose{font-weight:bold;background-position:0 -128px;}
  87. .inbox .compose a{color:#090;}
  88. .inbox .composeform{background:#EEF;padding:10px;border:1px solid #669;}
  89. .inbox .composeform label{margin-bottom:10px;display:inline-block;width:100px;}
  90. .inbox .composeform textarea{width:650px;height:300px;}
  91. .inbox .switch_converted.flag{height:16px;background:url(http://jaxboards.com/Themes/Default/icons/flags.png) no-repeat;background-position:center 0;}
  92. .inbox .messageview{border:1px solid #000;background:#EEF;padding:10px;}
  93. .inbox .message{margin-top:10px;background:#FFF;border:1px solid #669;padding:10px;}
  94. .inbox .messageinfo{background:#F5F5FF;font-size:smaller;}
  95. .inbox .messageinfo .title{font-weight:bold;}
  96. .inbox .messagebuttons{margin-top:10px;text-align:left;}
  97.  
  98. /* Shoutbox */
  99. #shoutbox{background:http://i47.tinypic.com/uni1w.png;}
  100. #shoutbox .content table{width:100%;border-collapse:collapse;}
  101. #shoutbox .shout.highlight{background:#FF0;}
  102. #shoutbox .shout{background:#EEF;}
  103. #shoutbox .shouts{padding:3px;background:#EEF;border-right:1px solid #99c;font:14px Maiandra GD;max-width:700px;}
  104. #shoutbox .shoutform{background:url(http://jaxboards.com/Themes/Default/img/shade.png) bottom repeat-x #FFF;padding:20px;width:220px;margin-top:30px}
  105. #shoutbox .title{background:#CDF;color:#005;}
  106. #shoutbox .title a{color:#229;}
  107. #shoutbox .action,#shoutbox .action a,.sbhistory .action,.sbhistory .action a{font-style:italic;color:#F00;}
  108. #shoutbox .action a,.sbhistory .action a{color:#A00;}
  109. #shoutbox img{max-height:150px;max-width:150px;}
  110. #shoutbox .shout .delete{margin-right:10px;display:none;}
  111. #shoutbox .shout:hover .delete{display:inline;}
  112. #shoutbox .avatar{max-height:20px;max-width:20px;}
  113. .sbhistory .shout .delete{margin-right:10px;}
  114. .sbhistory{padding:10px;}
  115.  
  116. /*Buddy/Contacts List*/
  117. #buddylist .online{color:#1d71cf;}
  118. #buddylist .offline{color:#CCC;}
  119. #buddylist .blocked{color:#F00;}
  120. #buddylist .content{height:300px;width:200px;overflow-y:auto;}
  121. #buddylist .contact{background:#FFF;position:relative;cursor:hand;cursor:pointer;min-height:32px;padding:5px;border-bottom:1px solid #AAF;}
  122. #buddylist .contact:hover{background:#DDF;}
  123. #buddylist .avatar img{max-width:32px;max-height:32px;}
  124. #buddylist .avatar{position:absolute;}
  125. #buddylist .name,#buddylist .status{margin-left:50px;}
  126. #buddylist .status{white-space:nowrap;overflow:hidden;font-size:12px;color:#555;}
  127. #buddylist .contact:hover .status{white-space:normal;}
  128.  
  129. /* Contact cards */
  130. .contact-card .content{}
  131. .contact-card .content a{font-size:14px;}
  132. .contact-card .right{padding:10px;width:150px;}
  133. .contact-card .left{padding:10px 30px;}
  134. .contact-card .username{font-weight:bold;padding:10px;}
  135. .contact-card .contact_details{font-size:12px;margin-top:20px;}
  136. .contact-card .contact_details a:hover{text-decoration:none;}
  137.  
  138. /* User profiles */
  139. .userprofile{margin:30px 5px;}
  140. .userprofile .leftbar{float:left;width:200px;border:1px solid #000;background:#DDF;}
  141. .userprofile .leftbar .username{background:#EEF;border-bottom:1px solid #AAF;padding:.5em;font-weight:bold;}
  142. .userprofile .username .moderate{visibility:visible;}
  143. .userprofile .leftbar .avatar{margin-top:20px;text-align:center;}
  144. .userprofile .leftbar .avatar img{border:1px solid #000;}
  145. .userprofile .leftbar .usertitle{font-size:.8em;margin:1px;text-align:center;}
  146. .userprofile .infobox{background:#DDD;margin:20px 5px 10px 5px;border:1px solid #35485E;padding:5px;}
  147. .userprofile .infobox .content{font-size:.8em;}
  148. .userprofile .infobox div{font-size:.8em;margin:5px}
  149. .userprofile .rightbar{margin-left:210px;}
  150. .userprofile .rightbar .post{border-bottom:1px solid #35485E;padding:10px;}
  151. .userprofile .rightbar .postdate{font-size:.8em;margin:10px;background:#CCF;border:1px solid #339;padding:5px;}
  152. .userprofile .rightbar .signature{border-top:1px dashed #CCC;margin:10px 0;padding-top:10px;}
  153. .userprofile #pfbox{border:1px solid #000;padding:10px;}
  154. .userprofile .pftabs a{margin-left:5px;display:inline-block;padding:.5em;border:1px solid #000;border-bottom:none;background:#35485E;color:#FFF;}
  155. .userprofile .pftabs a.active{background:#FFF;color:#000;}
  156. .userprofile .comment{position:relative;min-height:80px;border-bottom:1px solid #35485E;padding:10px;}
  157. .userprofile .comment img{max-height:50px;max-width:50px;}
  158. .userprofile .comment .userdata{position:absolute;}
  159. .userprofile .comment .commenttext{margin-left:100px;padding:10px;}
  160. .userprofile .comment .date{position:absolute;top:0;right:0;padding:0;font-size:smaller;color:#AAF;}
  161. .userprofile .contacts{display:inline-block;}
  162. .userprofile .contacts .contact{background:#FFF;border:1px solid #FFF;cursor:hand;cursor:pointer;padding:30px 10px;min-height:80px;width:120px;float:left;text-align:center;}
  163. .userprofile .contacts .contact:hover{background:#DDF;border:1px solid #35485E;}
  164. .userprofile .contacts .contact .avatar img{max-width:50px;max-height:50px;}
  165.  
  166. /* Activity (global) */
  167. .activity{padding:10px 10px 10px 36px;background:url(http://jaxboards.com/Themes/Default/icons/activity.png) no-repeat;}
  168. .activity.new_post{background-position:0 -64px;}
  169. .activity.profile_name_change{background-position:0 -128px;}
  170. .activity.profile_comment{background-position:0 -194px;}
  171. .activity.buddy_add{background-position:0 -258px;}
  172.  
  173. /*Surrounding Container/Template for Board*/
  174. #container{margin:auto;width:940px;text-align:left;}
  175. .head{height:200px;padding:10px;padding-bottom:0;background:url(http://i46.tinypic.com/w8rgba.png) no-repeat;position:relative;}
  176. .navigation ul{list-style-type:none;padding:0;margin:0;height:41px;}
  177. .navigation ul li{margin:1px 0 0 1px;padding:11px 20px;float:left;background:url(http://jaxboards.com/Themes/Default/img/seperator.png) no-repeat top right;}
  178. .navigation ul li.active{background:url(http://jaxboards.com/Themes/Default/img/nav_blue.png) no-repeat top right;}
  179. .navigation a{color:#FFF;}
  180. .c_bottom{background:url(http://jaxboards.com/Themes/Default/img/c_shadow_bottom.png);height:9px;}
  181. .footer{text-align:center;margin:10px;}
  182. .bodyshad{background:url(http://jaxboards.com/Themes/Default/img/c_shadow.png);padding:0 9px;}
  183. #body{background:#FFF;padding-bottom:20px;border:1px solid #404040;border-radius:0 0 15px 15px;}
  184. *:focus{outline:none;}
  185.  
  186. /*Logo*/
  187. #logo{clear:both;margin-left:40px;line-height:155px;}
  188. #logo img{vertical-align:middle;}
  189.  
  190. /*UserBox*/
  191. #userbox{padding:15px;color:#FFF;position:absolute;top:65px;right:28px;width:209px;height:102px;}
  192. #userbox form{margin:0;font-size:16px;}
  193. #userbox form input{width:200px;}
  194. #userbox form input[type=submit]{width:auto;}
  195. #userbox a{color:#0FF;}
  196. #userbox a:first-child{color:#FFF;}
  197. #userbox .welcome{text-align:center;}
  198. #userbox .lastvisit{margin:15px 0;color:#CFC;text-align:center;}
  199. #userbox .messages{float:left;width:50%;}
  200. #userbox .settings{text-align:right;float:left;width:50%;}
  201. #userbox .settings a{background:url(http://jaxboards.com/Themes/Default/icons/wrench.png) no-repeat;padding-left:20px;color:#FFF;}
  202. #userbox .forgot{font-size:smaller;float:right;color:#FFF;}
  203. #userbox a.num-messages{color:#00a8ff;}
  204.  
  205. /*Breadcrumbs*/
  206. #path{font:14px Maiandra GD;background:#EEF;border:1px solid #99F;border-style:solid none;margin-top:10px;padding:.5em 0 .5em 1em;}
  207. #path ul{list-style:none;margin:0;padding:0;}
  208. #path ul li{background:url(http://jaxboards.com/Themes/Default/icons/pathsplitter.png) no-repeat;padding-left:20px;margin-right:10px;float:left;}
  209. #path ul li:first-child{background:none;padding-left:0;}
  210. #path a{color:#000;}
  211.  
  212. /*Board Index*/
  213. .idxtools{font-size:smaller;margin:10px;}
  214. .boardindex{width:100%;border-collapse:collapse;font:12px Maiandra GD;}
  215. .boardindex td{background:url(http://jaxboards.com/Themes/Default/img/shade.png) bottom repeat-x;border:1px solid #99C;}
  216. .boardindex .last_post{background:#e0e0ff;padding:10px;border-right:none;}
  217. .boardindex .last_post:first-letter{background:url(http://jaxboards.com/Themes/Default/icons/last.gif) center left no-repeat;padding-left:15px;}
  218. .boardindex .last_post a{color:#e77700;}
  219. .boardindex .f_icon{border-style:solid none solid none;background-color:#F6f6ff;width:40px;vertical-align:middle;text-align:center;}
  220. .boardindex .unread .forum a{font-weight:bold;}
  221. .boardindex .forum{border-left:none;background-color:#f6f6ff;padding:20px;padding-left:10px;}
  222. .boardindex .forum a{font:14px Maiandra GD;}
  223. .boardindex .subforums,.boardindex .ledby,
  224. .boardindex .subforums a,.boardindex .ledby a{font-style:italic;font-size:10px;}
  225. .boardindex .item_1,.boardindex .item_2{font-size:11px;width:165px;background:#f6f6f6;text-align:center;padding:5px 2px;border-right:none;}
  226.  
  227. /*Forum Listings*/
  228. .forumindex{width:100%;border-collapse:collapse;font:12px Maiandra GD;}
  229. .forumindex td{padding:10px;background:url(http://jaxboards.com/Themes/Default/img/shade.png) bottom repeat-x;border:1px solid #99c;}
  230. .forumindex .f_icon{width:12px;padding:0;background:#FFF;display:none;}
  231. .forumindex .unread .topic{font-weight:bold;}
  232. .forumindex .topic{background-color:#FFF;border-left:none;}
  233. .forumindex .last_post{width:250px;background-color:#e0e0ff;}
  234. .forumindex .last_post:first-letter{background:url(http://jaxboards.com/Themes/Default/icons/last.gif) center left no-repeat;padding-left:15px;}
  235. .forumindex .item_1,.forumindex .item_2{width:65px;text-align:center;background-color:#ececff;}
  236. .forumindex .locked .topic>a:first-child{background:url(http://jaxboards.com/Themes/Default/icons/lock.png) left no-repeat;padding-left:18px;}
  237. .forumindex .pinned .topic>a:first-child{font-style:italic;background:url(http://jaxboards.com/Themes/Default/icons/pin.gif) center left no-repeat;padding-left:14px;}
  238. .forumindex .error{margin:0;text-align:center;padding:20px;}
  239. .moderate{background:url(http://jaxboards.com/Themes/Default/icons/posticons.png);text-indent:-1000px;display:inline-block;visibility:hidden;width:16px;height:16px;float:right;}
  240. .forumindex .moderate.selected,.forumindex tr:hover .moderate{visibility:visible;}
  241. .forum-buttons-top{text-align:right;margin:10px;}
  242.  
  243. /*Subforums (in forum listings)*/
  244. .subindex{width:100%;border-collapse:collapse;font:12px Maiandra GD;}
  245. .subindex td{background:url(http://jaxboards.com/Themes/Default/img/shade.png) bottom repeat-x;border:1px solid #99C;}
  246. .subindex .last_post{background-color:#e0e0ff;padding:10px;border-right:none;}
  247. .subindex .last_post a{color:#e77700;}
  248. .subindex .last_post:first-letter{background:url(http://jaxboards.com/Themes/Default/icons/last.gif) center left no-repeat;padding-left:15px;}
  249. .subindex .f_icon{border-style:solid none solid none;background-color:#F6f6ff;width:40px;vertical-align:middle;text-align:center;}
  250. .subindex .forum{border-left:none;background-color:#f6f6ff;padding:20px;padding-left:10px;}
  251. .subindex .forum a{font:14px Maiandra GD;}
  252. .subindex .unread .forum a{font-weight:bold;}
  253. .subindex .item_1,.subindex .item_2{font-size:11px;width:165px;background:#f6f6f6;text-align:center;padding:5px 2px;border-right:none;}
  254.  
  255. /*Topic View*/
  256. #intopic{width:100%;margin:auto;border-collapse:collapse;}
  257. #intopic .topic-post-row{clear:both;background:#e0e0ff url(http://jaxboards.com/Themes/Default/img/shade.png) bottom repeat-x;}
  258. #intopic td{vertical-align:top;border:1px solid #000;}
  259. #intopic .userdata{text-align:center;width:150px;}
  260. #intopic .avatar{margin-top:10px;}
  261. #intopic .avatar img{border:1px solid #000;}
  262. #intopic .username{background:#EEF;padding:3px;border-bottom:1px solid #AAF;}
  263. #intopic .username a{font-weight:bold;}
  264. #intopic .signature{font-size:smaller;display:inline-block;margin:20px;border-top:1px dashed #CCC;}
  265. #intopic .edit,#intopic .quotepost{margin-left:10px;padding-left:18px;background:url(http://jaxboards.com/Themes/Default/icons/posticons.png) no-repeat top left;}
  266. #intopic textarea{width:650px;height:200px;}
  267. #intopic .modpost.selected{color:#090;}
  268. #intopic .quotepost{background-position:0 -32px;}
  269. #intopic .post{line-height:140%;background:#FFF;max-width:700px;}
  270. #intopic .post .attachment{font-size:smaller;}
  271. #intopic .post .post_content{padding:20px;}
  272. #intopic .post .post_buttons{font-size:smaller;float:left;text-align:left;padding:4px;}
  273. #intopic .post .post_info{padding:4px;text-align:right;color:#55C;font-size:smaller;}
  274. #intopic .postbottom{height:1em;text-align:right;border-top:hidden;padding:5px;background:#FFF;}
  275.  
  276. /*Post Ratings*/
  277. #intopic .postrating{float:left;}
  278. #intopic .postrating .form{display:none;}
  279. #intopic .postrating .form img{opacity:.5;}
  280. #intopic .topic-post-row:hover .postrating .showrating{display:none;}
  281. #intopic .topic-post-row:hover .postrating .form{display:block;}
  282. #intopic .postrating a:hover img{opacity:1;}
  283. .postrating_list{position:absolute;overflow:hidden;background:#EEF;border:1px solid #99F;font-size:smaller;}
  284. .postrating_list .column{width:90px;float:left;}
  285. .postrating_list ul{list-style-type:none;padding:0;margin:0;max-height:200px;overflow-y:auto;border:1px dashed #99F;}
  286. /*end post ratings*/
  287. #intopic .userstats{font-size:smaller;text-align:left;padding:10px;background:#CCF;border:1px solid #99F;margin:10px;}
  288. #intopic .usertitle{font-size:.6em;}
  289. .topic-buttons-top,.topic-buttons-bottom{margin:10px;text-align:right;}
  290. .topic-tools{float:right;}
  291. .topic-reply-form textarea{width:500px;height:200px;}
  292. #poll{margin-bottom:10px;}
  293. #poll .content{background:#EEF;padding:10px;}
  294. #poll .title,#poll .buttons{text-align:center;}
  295. #poll .choice{padding:5px;margin-bottom:10px;background:#FFF;border:1px solid #CCF;}
  296. #poll .choice:hover{background:#DDF;border:1px solid #000;}
  297. #poll table{border-collapse:collapse;background:#FFF;width:100%;}
  298. #poll td{border:1px solid #CCF;padding:5px;}
  299. #poll .bar{background:url(http://jaxboards.com/Themes/Default/img/pollbar1.png);height:16px;display:inline-block;border:1px solid #1234b4;}
  300. #poll .numvotes{width:100px;text-align:center;}
  301. #poll .totalvotes{text-align:center;font-weight:bold;}
  302.  
  303. /*New Topic Form*/
  304. .topicform{border:1px solid #000;padding:20px;background:#EEF;}
  305. .topicform input[type=text]{width:500px;}
  306. .topicform label{display:inline-block;width:100px;padding-bottom:20px;}
  307. .topicform textarea {height:300px;width:100%;}
  308. .topicform .buttons{text-align:center;margin-top:20px;}
  309. .postoptions{margin-bottom:10px;}
  310. .postoptions .uploadbutton,.postoptions .addpoll{padding:0 20px;margin:10px;background:url(http://jaxboards.com/Themes/Default/icons/postoptions.png) no-repeat top left;}
  311. .postoptions .uploadbutton{background-position:0 -32px;}
  312. .topicform .files .file{border:1px solid #CCF;background:#DDF;}
  313. .topicform .files .file .name{display:inline;}
  314. .topicform .progressbar{margin-left:10px;display:inline-block;width:200px;height:20px;border:1px solid #000;background:#FFF;}
  315. .topicform .progressbar .progress{height:100%;background:#2663C3;}
  316. #polloptions{padding:10px;background:#DDF;border:1px solid #CCF;}
  317. #polloptions textarea{height:200px;width:100%;background:#FFF url(http://jaxboards.com/Themes/Default/img/shade.png) bottom repeat-x;}
  318. #qreply textarea{border-style:none none solid none;}
  319.  
  320. /*New Post Form*/
  321. .postform {padding:10px;background:#EEF;}
  322. .postform textarea{height:300px;width:880px;}
  323. .postform .uploadbutton{background:url(http://jaxboards.com/Themes/Default/icons/postoptions.png) no-repeat 0 -32px;padding-left:16px;width:100px;height:1em;}
  324. .postform .files .file{border:1px solid #CCF;background:#DDF;}
  325. .postform .files .file .name{display:inline-block;width:300px;overflow:hidden;}
  326. .postform .progressbar{display:inline-block;width:200px;height:1.1em;border:1px solid #000;background:#FFF;}
  327. .postform .progressbar .progress{height:100%;background:#2663C3;}
  328. .postform .buttons{text-align:center;}
  329.  
  330. /*Search*/
  331. #searchresults .content{padding:10px;}
  332. .searchresult{border-bottom:1px solid #AAF;padding:10px;}
  333. .searchresult .highlight{background:#FFA;color:#F00;}
  334. #searchadvanced{width:100%;margin:10px;border-collapse:collapse;border-style:hidden;}
  335. #searchadvanced label{display:inline-block;width:50px;}
  336. #searchadvanced td{text-align:center;vertical-align:top;padding:10px;border-right:1px solid #000;}
  337. #searchadvanced th{text-align:center;padding-left:10px;}
  338.  
  339. /*Ticker*/
  340. #ticker .tick{height:20px;padding:5px;border-bottom:1px solid #CCC;}
  341. #ticker .date{float:left;width:110px;font-size:10px;padding-top:3px;}
  342. #ticker .by{float:right;width:150px;height:100%;overflow:hidden;text-align:right;}
  343.  
  344. /*Calendar*/
  345. .calendar{width:100%;empty-cells:hide;}
  346. .calendar .month{font-size:25px;padding:20px;}
  347. .calendar th{text-align:center;}
  348. .calendar td{height:100px;width:14%;border:1px solid #000;}
  349. .calendar td>div{height:100%;position:relative;}
  350. .calendar .today{background:#CCDDFF;}
  351. .calendar .birthdays{font-size:smaller;position:absolute;bottom:0;background:url(http://jaxboards.com/Themes/Default/icons/birthday.png) no-repeat;padding-left:18px;}
  352.  
  353.  
  354.  
  355. /*Boxes/Collapse Boxes (Global)*/
  356. /* DISCLAIMER: the borders around the title are actually not borders, but an image behind it (in .box) */
  357. /* if you want to remove that border, just remove the background from .box and remove the margin on .box>.title */
  358. .box{margin:10px 5px 0 5px;background:url(http://jaxboards.com/Themes/Default/img/silver_grad.png) repeat-x;border:1px solid #000;}
  359. .box>.title{position:relative;margin:1px 1px 0 1px;background:url(http://jaxboards.com/Themes/Default/img/boxgrad.png) repeat-x #000;padding:7px;color:#FFF;}
  360. .box>.title .x{background:url(http://jaxboards.com/Themes/Default/icons/collapse.png);position:absolute;top:.75em;right:10px;width:9px;height:9px;text-indent:10px;overflow:hidden;cursor:pointer;}
  361. .box.collapsed .title .x{background-position:0 -9px;}
  362. .box .content_top{display:none;}
  363. .box .content{background:#FFF;}
  364. .box .content>.error{margin:0;padding:10px;}
  365. .box .content_bottom{height:5px;background:#BBD;border-top:3px solid #DDF;}
  366.  
  367. /*Function-Specific*/
  368. #debug{display:none;position:absolute;top:0;left:0;background:#FFF;color:#000;}
  369. #overlay{position:fixed;top:0px;left:0px;background:#000;opacity:.5;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
  370. #notification,#modbox{cursor:pointer;text-align:left;font-size:14px;border:1px solid #000;background:#FFF;padding:20px;width:280px;border:1px solid #000;position:fixed;right:10px;bottom:10px;}
  371. #notification.newmessage{padding-left:60px;background:url(http://jaxboards.com/Themes/Default/icons/newmessage.png) no-repeat 20px center #FFF;}
  372. .pages-top .active,.pages-bottom .active{color:#F55;text-decoration:underline;}
  373. .pages-top,.pages-bottom{position:absolute;margin-left:10px;}
  374. .pages-bottom{margin-top:10px;}
  375. .sort{background:url(http://jaxboards.com/Themes/Default/icons/collapse.png) no-repeat;padding-right:18px;display:inline-block;background-position:right -56px;}
  376. .sort.desc{background-position:right -30px;}
  377. #status{display:block;background:url(http://jaxboards.com/Themes/Default/icons/status.png) top no-repeat;width:16px;height:16px;position:absolute;top:3px;left:3px;}
  378. #status.invisible{background-position:bottom;}
  379.  
  380. /*Login Form (Full)*/
  381. .login .content{padding:10px;}
  382. .login label{display:inline-block;width:100px;}
  383.  
  384. /*Register Form*/
  385. .register .content{padding:10px;}
  386. .register .content label{display:inline-block;width:100px;}
  387.  
  388. /* Users Online*/
  389. #statusers{display:inline;}
  390. #statusers a{margin-left:5px;}
  391. #statusers .idle{background:url(http://www.weebly.com/uploads/1/4/8/2/14823344/clock.png) no-repeat 2px 2px;padding-left:18px;font-style:italic;}
  392. #stats .content{padding:20px;background:url(http://jaxboards.com/Themes/Default/img/shade.png) bottom repeat-x #FFF;}
  393. #stats .userstoday{margin-top:10px;padding-top:10px;border-top:1px solid #CCF;}
  394. #stats .stats{margin-top:10px;padding:10px 25px;background:url(http://jaxboards.com/Themes/Default/icons/boardstats.png) left center no-repeat;border-top:1px solid #CCF;}
  395. #statusers a:after{content:",";}
  396. #statusers a:last-child::after{content:"";}
  397.  
  398. /*Member List*/
  399. #memberlist{clear:both;}
  400. #memberlist table{width:100%;border-collapse:collapse;}
  401. #memberlist th{padding:10px;}
  402. #memberlist .avatar{width:50px;}
  403. #memberlist .avatar img{max-width:50px;max-height:50px;}
  404. #memberlist td{padding:10px;border-top:1px solid #CCC;}
  405.  
  406. /*Member/Group Specific*/
  407. a.birthday{background:url(http://jaxboards.com/Themes/Default/icons/birthday.png) no-repeat 2px 2px;padding-left:18px;}
  408. a.mgroup2{color:#000099;}
  409. a.mgroup4{color:#A00;text-decoration:line-through;}
  410.  
  411. /*BBcodes*/
  412. .quote{border:1px solid #AAF;background:url(http://jaxboards.com/Themes/Default/icons/quote.png) top right no-repeat #e0e0ff;padding:10px;}
  413. .quote .quote,.quote .code{background-color:#FFF;}
  414. .quote .quotee{margin:-10px 0 10px -5px;font-weight:bold;}
  415. .code{border:1px solid #AAF;background:#e0e0ff;padding:10px;font-family:consolas,fixedsys;font-size:12px;}
  416. .spoilertext{display:inline-block;background:#FFF;color:#FFF;border:1px solid #AAF;}
  417. .spoilertext *{visibility:hidden;}
  418. .spoilertext:hover *{visibility:visible;}
  419. .spoilertext:hover{background:#FFF;color:#000;}
  420.  
  421. /*Contact icons*/
  422. .contact{background:url(http://jaxboards.com/Themes/Default/icons/contact.png) no-repeat;padding-left:20px;padding-top:3px;}
  423. .contact:hover{text-decoration:none;}
  424. .skype{background-position:0 -32px;}
  425. .gtalk{background-position:0 -64px;}
  426. .aim{background-position:0 -96px;}
  427. .yim{background-position:0 -128px;}
  428. .steam{background-position:0 -160px;}
  429. .twitter{background-position:0 -192px;}
  430. .contact.im,.contact.pm{background-position:0 -224px;}
  431.  
  432. /*Social icons*/
  433. .social{display:inline-block;background:url(http://jaxboards.com/Themes/Default/icons/social.png) no-repeat;width:16px;height:16px;overflow:hidden;text-indent:-1000px;}
  434. .rss{background-position:0 0;}
  435.  
  436. /*Tooltip*/
  437. .tooltip{position:absolute;border-collapse:collapse;color:#FFF;max-width:550px;}
  438. .tooltip td{background:url(http://jaxboards.com/Themes/Default/img/tooltip.png);}
  439. .tooltip .top{height:10px;}
  440. .tooltip .bottom{height:15px;}
  441. .tooltip .top .right{background-position:top right;}
  442. .tooltip .content td{background-position:center center;}
  443. .tooltip .content .left{background-position:center left;width:10px;}
  444. .tooltip .content .right{background-position:center right;width:10px;}
  445. .tooltip .bottom .left{background-position:bottom left;}
  446. .tooltip .bottom .right{background-position:bottom right;}
  447.  
  448. /*AutoComplete*/
  449. #autocomplete{border:1px solid #000;background:#EEF;text-align:left;}
  450. #autocomplete div{padding:5px;cursor:pointer;}
  451. #autocomplete div:hover,#autocomplete div.selected{color:#00F;background:#F5F5FF;border:1px solid #669;border-style:solid none;}
  452. #validname.good,#validname.bad{display:inline-block;width:16px;height:16px;background:url(http://jaxboards.com/Themes/Default/icons/check_x.png) top center;}
  453. #validname.good{background-position:bottom center;}
  454.  
  455. /*Arcade*/
  456. .arcade{width:100%;}
  457. .gameinfo{float:right;width:200px;text-align:center;height:100%;margin:10px 10px 0 0;border:1px solid #99F;background:#EEF;}
  458. #scores{margin:10px;border:1px solid #99F;background:#FFF;}
  459.  
  460. #searchform .content{padding:10px;}
  461. #searchform label{margin:10px;display:inline-block;}
RAW Paste Data