Advertisement
Shaman_FDF

CSS fórum Somos FaryTail

Apr 27th, 2015
273
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 62.77 KB | None | 0 0
  1. .pun tbody.statused td.tcl {
  2. padding-left: 2.1em;
  3. }
  4. tr:hover .hover_stats {
  5. display: inline;
  6. }
  7. .hover_stats {
  8. display: none;
  9. position: absolute;
  10. }
  11. tr:hover .hover_stats {
  12. display: inline;
  13. }
  14. .hover_stats {
  15. display: none;
  16. position: absolute;
  17. }
  18. .#first-post-br {
  19.  display: none!important;}
  20. .pun .entry-content p {
  21. font-style: italic;
  22. text-shadow: 2px 2px rgba(175, 175, 207, 0.22);
  23. font-size: 9px;
  24. color: #000 !important
  25. }
  26. .topictitle {
  27.  background: #FAFAFA!important;
  28.  border: 0;
  29.  color: #777;
  30.  font-family: arial, sans-serif;
  31.  font-size: 11px;
  32.  font-weight: 700;
  33.  vertical-align: middle;
  34. }
  35. .posthead[id] + .postmain .entry-content div p:not(:empty) {
  36. background: #ffebc8 url(http://imgur.com/PIQA4LA.png) no-repeat 6px 10px;
  37. border: 1px solid #ecc272;
  38. color: #ac6328;
  39. font-family: "Trebuchet MS",tahoma,helvetica,arial,sans-serif;
  40. font-size: 11px;
  41. font-style: normal;
  42. font-variant: normal;
  43. font-weight: 700;
  44. line-height: 18px;
  45. margin-top: 15px;
  46. padding: 8px 8px 8px 28px;
  47. text-shadow: #fffaf1 0 1px 0;
  48. }
  49. .quadrado_box {
  50. margin: 10px;  
  51. position: relative;
  52. left: 34px;  
  53. -moz-border-radius: 6px;
  54. -moz-box-shadow: 0 0 6px #888;
  55. -webkit-border-radius: 6px;
  56. background: #fff url(http://i.imgur.com/pHlgWAW.jpg) repeat;
  57. border-top: 10px solid #000000;
  58. box-shadow: 0 0 6px #888;
  59. font-style: normal;
  60. font-weight: 400;
  61. padding: 10px;
  62. width: 90%;
  63. }
  64.  
  65. .sucesso {
  66. background-image: url(http://i.imgur.com/3EFjXBK.png);
  67. background-repeat: no-repeat;
  68. background-position: 99% 5px;  
  69. background-color: #EEF4D4;
  70. border: 2px solid #8FAD3D;
  71. color: #596C26;  
  72. -moz-box-shadow: 0 0 6px #567501;
  73. -webkit-box-shadow: 0 0 6px #567501;  
  74. -moz-border-radius: 6px;
  75. -webkit-border-radius: 6px;
  76. border-radius: 6px;
  77. box-shadow: 0 0 6px #567501;
  78. font-size: 13px;
  79. font-style: normal;
  80. font-weight: 400;
  81. left: 34px;
  82. margin: 10px;
  83. padding: 13px;
  84. position: relative;
  85. width: 85%;
  86. }
  87.  
  88. .alerta {
  89. background-image: url(http://i.imgur.com/USIRclN.png);
  90. background-position: 99% 5px;
  91. background-repeat: no-repeat;  
  92. background-color: #EFCEC9;
  93. border: 2px solid #AE3F2F;
  94. color: #933628;  
  95. -moz-box-shadow: 0 0 6px #831303;
  96. -webkit-box-shadow: 0 0 6px #831303;  
  97. -moz-border-radius: 6px;
  98. -webkit-border-radius: 6px;
  99. border-radius: 6px;
  100. box-shadow: 0 0 6px #831303;
  101. font-size: 13px;
  102. font-style: normal;
  103. font-weight: 400;
  104. left: 34px;
  105. margin: 10px;
  106. padding: 13px;
  107. position: relative;
  108. width: 85%;  
  109. }
  110.  
  111. .aviso {
  112. background-image: url(http://i.imgur.com/eSrBDup.png);
  113. background-position: 99% 5px;
  114. background-repeat: no-repeat;  
  115. background-color: #FFEA97;
  116. border: 2px solid #E1B500;
  117. color: #796100;  
  118. -moz-box-shadow: 0 0 6px #917502;
  119. -webkit-box-shadow: 0 0 6px #917502;  
  120. -moz-border-radius: 6px;
  121. -webkit-border-radius: 6px;
  122. border-radius: 6px;
  123. box-shadow: 0 0 6px #917502;
  124. font-size: 13px;
  125. font-style: normal;
  126. font-weight: 400;
  127. left: 34px;
  128. margin: 10px;
  129. padding: 13px;
  130. position: relative;
  131. width: 85%;  
  132. }
  133.  
  134. .infos {
  135. background-image: url(http://i.imgur.com/4hX2mwV.png);
  136. background-position: 99% 5px;
  137. background-repeat: no-repeat;  
  138. background-color: #C6D8F0;
  139. border: 2px solid #4381CD;
  140. color: #285797;  
  141. -moz-border-radius: 6px;
  142. -moz-box-shadow: 0 0 6px #08458F;
  143. -webkit-border-radius: 6px;
  144. -webkit-box-shadow: 0 0 6px #08458F;
  145. border-radius: 6px;
  146. box-shadow: 0 0 6px #08458F;
  147. font-size: 13px;
  148. font-style: normal;
  149. font-weight: 400;
  150. left: 34px;
  151. margin: 10px;
  152. padding: 13px;
  153. position: relative;
  154. width: 85%;
  155. }
  156. .conteudo2 {
  157. font-family: cursive;
  158. font-size: 12px;
  159. font-style: italic;
  160. text-align: left;
  161. width: 90%;
  162. }  
  163. .fonte {
  164. font-family: cursive;  
  165. font-size: 15px;
  166. margin-bottom: 20px;
  167. }
  168.  
  169. .guest {
  170. background-color: #F3E3E6;
  171. border: 2px solid #E599AA;
  172. color: #80001C;
  173. display: block;
  174. font-size: 11px;
  175. margin: 15px;
  176. border-radius: 10px;
  177. padding: 20px;
  178. background-image: url(http://i.imgur.com/6vEmzWq.png);
  179. background-repeat: no-repeat;
  180. background-position: 99% 20%;
  181. }
  182. .hidecode {
  183. -moz-box-shadow: rgba(0,0,0,0.1) 0 1px 3px!important;
  184. -webkit-box-shadow: rgba(0,0,0,0.1) 0 1px 3px!important;
  185. background: #cde3a4 url(http://imgur.com/J3aqwYE.png) repeat-x 0 0!important;
  186. border: 1px solid #a8c471!important;
  187. box-shadow: rgba(0,0,0,0.1) 0 1px 3px!important;
  188. color: #436500!important;
  189. display: block!important;
  190. font-size: 12px!important;
  191. line-height: 1.6!important;
  192. padding: 10px!important;
  193. text-shadow: 0 1px 0 rgba(255,255,255,0.5)!important;
  194. }
  195. .entry-content p:not(:empty) br {display: none;}
  196. .post div.user-ident div.user-basic-info a img:first-child, .post span.postdetails a img:first-child, .postprofile dl dt a img:first-child, dl.postdetails dl a img:first-child {
  197.  height: 300px!important;
  198.  width: 150px!important;
  199. }
  200. .statused {
  201.  background: #fafafa;
  202.  border: 1px solid #eaeaea;
  203.  border-collapse: separate;
  204. }
  205. .message-guest {
  206. background: #F5FFF6 url(http://i.imgur.com/g3NBjqp.png) repeat-x;
  207. margin: 5px 0;
  208. border: 1px solid #D3EED5;
  209. color: #1F691C;
  210. display: block;
  211. font-size: 12px;
  212. line-height: 1.6;
  213. padding: 10px;
  214. text-shadow: 0 1px 0 rgba(255,255,255,0.5);
  215. }
  216. .postmain blockquote {
  217.  background: rgb(219, 219, 219)!important;
  218.  border: 1px solid rgb(219, 219, 219)!important;;
  219.  color: rgb(128, 128, 128)!important;;
  220.  box-shadow: inset 1px 1px 0px rgb(255, 255, 255)!important;;
  221.  -moz-box-shadow: inset 1px 1px 0px rgb(255, 255, 255)!important;;
  222.  -webkit-box-shadow: inset 1px 1px 0px rgb(255, 255, 255)!important;;
  223.  word-break: break-word;
  224.  padding: .5em 1em;
  225.  border-radius: 5px;
  226.  -webkit-border-radius: 5px;
  227.  -ms-border-radius: 5px;
  228.  -o-border-radius: 5px;
  229. }
  230. .pun table .tcr {
  231.  overflow: hidden;
  232.  padding: 0 0 0 7.95em !important;
  233.  text-align: left;
  234.  width: 100%;
  235. }
  236. .codebox dd.cont_code {
  237.  -moz-border-radius: 5px;
  238.  -moz-box-shadow: inset 0 0 10px #AFAFAF, 1px 1px 2px #fff;
  239.  -ms-border-radius: 5px;
  240.  -ms-box-shadow: inset 0 0 10px #AFAFAF, 1px 1px 2px #fff;
  241.  -o-border-radius: 5px;
  242.  -o-box-shadow: inset 0 0 10px #AFAFAF, 1px 1px 2px #fff;
  243.  -webkit-border-radius: 5px;
  244.  -webkit-box-shadow: inset 0 0 10px #AFAFAF, 1px 1px 2px #fff;
  245.  background: #fff;
  246.  border-radius: 5px;
  247.  box-shadow: inset 0 0 10px #AFAFAF, 1px 1px 2px #fff;
  248.  color: gray;
  249.  padding: 5px;
  250.  background-color: #fffff!important;
  251. }
  252. .codebox dd {
  253.   background-color: #fffff!important;
  254.  margin: .5em!important;
  255.  padding: .5em!important;
  256.  background: #fff;
  257.  background-color: #fffff!important;
  258.  color: gray;
  259.  padding: 5px;
  260. }
  261. label[for='format-bold'] {
  262.  font-weight: 700;
  263. }
  264. .codebox {
  265.   -moz-box-shadow: inset 1px 1px 0 #fff!important;
  266.  -ms-border-radius: 5px;
  267.  -o-border-radius: 5px;
  268.  -webkit-border-radius: 5px;
  269.  -webkit-box-shadow: inset 1px 1px 0 #fff!important;
  270.  background: #dbdbdb!important;
  271.  background-color: #fff;
  272.  border: 1px solid #FFFFFF!important;
  273.  border-radius: 5px;
  274.  box-shadow: inset 1px 1px 0 #fff!important;
  275.  color: gray!important;
  276.  padding: .5em 1em;
  277.  word-break: break-word;
  278. }
  279. .postmain blockquote {
  280.  background-color: #fff;
  281.  border: 1px solid #ddd;
  282.  padding: .5em 1em;
  283. }
  284. blockquote {
  285.  background-color: #ffffe1;
  286.  border-bottom: 1px dotted #000;
  287.  border-left: 5px solid #fff;
  288.  border-right: 1px dotted #000;
  289.  border-top: 1px dotted #000;
  290.  margin: 8px;
  291.  padding: 8px;
  292. }
  293. .pun .main-foot .h2, .pun .main-head .h2 {
  294.  font-family: Jolly Lodger;
  295.  font-size: 35px;
  296.  font-weight: 400;
  297.  text-shadow: 0 2px 0 rgba(237,237,237,0.15);
  298. }
  299. .pun .paged-foot, .pun .paged-head {
  300.  background-color: rgba(251, 251, 251, 0)!important;
  301.  border: 1px solid rgba(255, 255, 255, 0)!important;}
  302. .stats_arrow {
  303. margin-left: 5px;
  304. margin-right: -1px;
  305. position: relative;
  306. margin-top: -1px;
  307. }
  308. .pun .main-content {
  309.  -moz-box-shadow: rgba(0,0,0,0.1) 0 0 4px;
  310.  -webkit-box-shadow: rgba(0,0,0,0.1) 0 0 4px;
  311.  background: #fff;
  312.  border: 1px solid #d2d2d2;
  313.  box-shadow: rgba(0,0,0,0.1) 0 0 4px;
  314.  margin: 5px 0;
  315.  padding: 6px;
  316. }
  317. .idx_stats {
  318. background: #424242;
  319. -moz-border-radius: 3px;
  320. -webkit-border-radius: 3px;
  321. border-radius: 3px;
  322. color: white;
  323. font-size: 10px;
  324. padding: 3px 5px;
  325. display: inline;
  326. }
  327. .module hr {
  328.  border: 1px solid #DDD!important;
  329.  height: 1px;
  330.  margin: 7px 0;
  331. }
  332. .crumbs {
  333.  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
  334.  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
  335.  background: url(http://imgur.com/KZz5EId.png) repeat-x scroll 0 0 #E0E0E0;
  336.  border: 1px solid #D6D6D6;
  337.  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
  338.  overflow: hidden;
  339.  padding: 0;
  340.  text-shadow: 0 1px 0 #FFF;
  341.  zoom: 1;
  342.    height: 35px;
  343. }
  344. p.crumbs {
  345. color: #F3F3F3;
  346. }
  347. .pun-crumbs p {
  348. color: #666;
  349. font-size: 1.11em;
  350. line-height: 1.5;
  351. margin: 0;
  352.    width: 1090px;
  353.  margin-left: -13px;
  354. }
  355. p.crumbs a {
  356. background: url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;
  357. color: #777!important;
  358. font-size: 10px;
  359. line-height: 30px;
  360. padding: 11px 17px 11px 4px;
  361. }
  362.  
  363. td.tcl.tdtopics > strong:not(.pagination) {
  364.  -moz-border-radius: 3px;
  365.  -webkit-border-radius: 3px;
  366.  background-color: #7ba60d;
  367.  background-image: url(http://i.imgur.com/EHGpChd.png);
  368.  background-position: 0 -1px;
  369.  background-repeat: repeat-x;
  370.  border-radius: 3px;
  371.  color: #fff;
  372.  cursor: default;
  373.  font-size: 9px;
  374.  font-weight: 700;
  375.  height: 16px;
  376.  line-height: 16px;
  377.  padding: 3px 5px;
  378.  text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
  379.  text-transform: uppercase;
  380. }
  381. /* TITLEBOX */
  382.  
  383.   .titlebox{
  384.       -moz-border-radius:3px;
  385.       -moz-box-shadow:inset rgba(0,0,0,0.1) 0 1px 4px;
  386.       -webkit-border-radius:3px;
  387.       -webkit-box-shadow:inset rgba(0,0,0,0.1) 0 1px 4px;
  388.       background:#EFEFEF;
  389.       border:1px solid #D6D6D6;
  390.       border-radius:3px;
  391.       box-shadow:inset rgba(0,0,0,0.1) 0 1px 4px;
  392.       overflow:hidden;
  393.       padding:10px;
  394.       text-shadow:#fff 0 1px 0
  395.   }
  396.   .titlebox dd{display:block}
  397.   .titlebox dava{float:left}
  398.   .titlebox dava a img{
  399.       -moz-box-shadow:0 2px 2px rgba(0,0,0,0.1);
  400.       -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.1);
  401.       background:#fff;
  402.       border:1px solid #D5D5D5;
  403.       box-shadow:0 2px 2px rgba(0,0,0,0.1);
  404.       float:left;
  405.       height:50px!important;
  406.       padding:1px;
  407.       width:50px!important
  408.   }
  409.   .titlebox dava a img:hover{
  410.       -moz-box-shadow:0 2px 2px rgba(0,0,0,0.2);
  411.       -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2);
  412.       border-color:#A1A1A1;
  413.       box-shadow:0 2px 2px rgba(0,0,0,0.2)
  414.   }
  415.   .ipsType_pagetitle a{font-size:23px;z-index:999}
  416.   .desc.lighter.blend_links{color:#a4a4a4;float:left;font-size:11px}
  417.   .desc.lighter,.desc.lighter.blend_links a{color:#A4A4A4}
  418.   .desc,.desc.blend_links a,p.posted_info{color:#777;font-size:12px}
  419.   .conect{display:inline-block;padding-left:5px}
  420.  
  421.   .seguir{float:right;position:relative}
  422.   .seguir a{
  423.       -moz-border-radius:2px;
  424.       -moz-box-shadow:0 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0 1px 0;
  425.       -webkit-border-radius:2px;
  426.       -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0 1px 0;
  427.       background:#ececec url(http://i45.tinypic.com/2hrd3tg.png) repeat-x 0 0;
  428.       border:1px solid #d0d0d0;
  429.       border-radius:2px;
  430.       box-shadow:0 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0 1px 0;
  431.       color:#616161!important;
  432.       cursor:pointer;
  433.       display:inline-block;
  434.       font-size:11px;
  435.       height:24px;
  436.       line-height:24px;
  437.       padding:0 10px;
  438.       text-shadow:#fff 0 1px 0;
  439.       white-space:nowrap
  440.   }
  441.   .seguir a:hover{background-color:#f8f8f8;color:#4c4c4c}
  442.  
  443. /* FIM */
  444. .module {
  445. border-right: none
  446.   padding: 1em;
  447.  word-break: break-word;
  448. }
  449. .i_icon_online {margin-top: -495px;
  450. }
  451. td.tcr span a:empty:before { color: #a49f98; content: "Sem post para visualizar."; cursor: default; font-size: 11px; font-style: italic; margin: 1px 0 4px 52px; pointer-events: none; text-align: center; word-wrap: break-word; }
  452.  
  453. [src="http://i.imgur.com/nAyTydB.png"] { margin-left: -70px!important; margin-top: 15px!important; }
  454. [src="http://i.imgur.com/1n0X4rJ.png"] { margin-left: -18px!important; margin-top: 15px!important; }
  455. [src="http://i.imgur.com/KvbaFSf.png"] { margin-left: -18px!important; margin-top: 15px!important; }
  456. [src="http://i.imgur.com/KvbaFSf.png"] { margin-left: -18px!important; margin-top: 15px!important; }
  457. .stats_arrow {
  458. margin-left: 5px;
  459. margin-right: -1px;
  460. position: relative;
  461. margin-top: -1px;
  462. }
  463. .legend_icons {
  464.  margin-left: 280px;
  465. }
  466. .user-basic-info {
  467.    margin-top: 40px;
  468. }
  469. .pun .user-ident .username {
  470.  border: 1px solid #ddd;
  471.  border-radius: 3px;
  472.  margin: 7px -45px 0 -30px;
  473.  position: relative;
  474. }
  475. .pun .posthead, .pun .username {
  476.  background-color: #f7f7f7;
  477.  border-bottom: 1px solid #eee;
  478.  font-size: 13px;
  479.  font-weight: 400;
  480.  padding: 10px;
  481.  text-shadow: 0 1px 0 rgba(255,255,255,0.6);
  482. }
  483. .topictitle {
  484.  margin-left: 25px;
  485. }
  486. .pun .posthead img, .pun table .tdtopics img {
  487.  margin-top: -15px!important;
  488.    margin-left: 10px;!important;
  489. }
  490.  
  491. .pun .post-entry {
  492.  padding: 1em 1em 0;
  493. }
  494.  
  495. .pun .postmain:before {
  496.  border-right-color: #ddd;
  497.  border-width: 8px;
  498. }
  499. .desc_post {
  500.  color: #777;
  501.  float: right;
  502.  font-size: 12px;
  503.  font-weight: 400;
  504.  margin-right: 2px!important;
  505.  margin-top: -15px;
  506.  text-align: right;
  507. }
  508. .pun .postbody {
  509.  width: 100%;
  510. }
  511. .pun .user .user-ident {
  512.  font-size: 12px;
  513.  padding: 0 0 .7em;
  514. }
  515. .pun .user-ident .user-basic-info {
  516.  font-weight: 700;
  517.  margin-left: 15px;
  518.  margin-top: 15px;
  519. }
  520. }
  521. .pun fieldset, .pun img {
  522.  background:none;
  523. }
  524. .pun .user .user-rank {
  525.  font-size: 12px;
  526.  line-height: 122%;
  527.  margin-top: 15px!important;
  528. }
  529. .pun .user .user-rank {
  530.  font-size: 12px;
  531.  line-height: 122%;
  532.  margin-top: 15px!important;
  533. }
  534. div.custom_field {
  535.  background: #f7fbff;
  536.  border: none!important;
  537.  border-bottom: 1px solid #e9eff5;
  538.  border-top: 1px solid #fff;
  539.  color: #667a8f;
  540.  padding: 1px 0 2px;
  541. }
  542. .postfoot {
  543.  border-bottom: 0;
  544.  border-top: 0;
  545.  clear: both;
  546.  padding: .5em 1em;
  547.  text-align: right;
  548. }
  549. .pun .postfoot {
  550.  background: url(http://i78.servimg.com/u/f78/17/96/03/52/highli10.png) repeat-x scroll 0 0 #f8f8f8;
  551.  border: 1px solid #f0f0f0;
  552.  margin: 0;
  553. }
  554. .pun .postmain:after {
  555.  border-right-color: #f7f7f7;
  556.  border-width: 7px;
  557.  margin-left: 2px;
  558.  margin-top: 1px;
  559. }
  560. .pun .post {
  561.  border-color: #eee #fff #ccc;
  562.  border-style: solid none;
  563.  border-width: 2px 0 1px;
  564.  background: #F8F8F8;
  565. }
  566. .pun .user .user-ident {
  567.  font-size: 12px;
  568.  margin-left: 10px;
  569.  padding: 0 0 .7em;
  570.  width: 152px!important;
  571. }
  572. @font-face {
  573.  font-family: 'Jolly Lodger';
  574.  font-style: normal;
  575.  font-weight: 400;
  576.  src: local('Jolly Lodger'), local('JollyLodger'), url(https://fonts.gstatic.com/s/jollylodger/v4/RX8HnkBgaEKQSHQyP9itiegdm0LZdjqr5-oayXSOefg.woff2) format('woff2'), url(https://fonts.gstatic.com/s/jollylodger/v4/RX8HnkBgaEKQSHQyP9itiXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
  577. }
  578. @font-face {
  579.  font-family: 'Kreon';
  580.  font-style: normal;
  581.  font-weight: 300;
  582.  src: local('Kreon Light'), local('Kreon-Light'), url(https://fonts.gstatic.com/s/kreon/v9/76aS1J5Mmu41iLp2Z15uBfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'), url(https://fonts.gstatic.com/s/kreon/v9/foDwQzChAOJL0-zU6ynhJ_esZW2xOQ-xsNqO47m55DA.woff) format('woff');
  583. }
  584. @font-face {
  585.  font-family: 'Kreon';
  586.  font-style: normal;
  587.  font-weight: 400;
  588.  src: local('Kreon Regular'), local('Kreon-Regular'), url(https://fonts.gstatic.com/s/kreon/v9/gK2DcrR6Rzx5Ga9PpDfp3A.woff2) format('woff2'), url(https://fonts.gstatic.com/s/kreon/v9/a5r0-iMPk2rygJI75EuckA.woff) format('woff');
  589. }
  590. .user-info {
  591. font-size: 0.85em;
  592. text-align: center;
  593. }
  594. .pun .user .user-info {
  595.   background: #F1F1F1;
  596.  border: 1px solid #ddd;
  597.  color: #4C4C4C;
  598.  font-size: 10px;
  599. }
  600. #tabs ul li.activetab a {
  601.  background-color: #363636;
  602.  background-image: url(http://i50.tinypic.com/9qky9y.png);
  603.  background-repeat: repeat-x;
  604.  border-color: #363636;
  605.  color: #fff;
  606.  text-decoration: none;
  607. }
  608.  .pun .posthead {
  609.  border-bottom: 1px solid #eee;
  610.  font-size: 13px;
  611.  font-weight: 400;
  612.  height: 36px;
  613.  line-height: 36px;
  614.  padding: 0 10px;
  615.  text-shadow: 0 1px 0 rgba(255,255,255,0.6);
  616. }
  617. .pun .main table td.tc2, .pun .main table td.tc3 {
  618. display: none;
  619. }
  620. .pun .post .user {
  621.  -moz-border-radius: 5px;
  622.  -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  623.  -webkit-border-radius: 5px;
  624.  -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  625.  background: #fff;
  626.  border: 1px solid #d8d8d8;
  627.  border-radius: 5px;
  628.  box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  629.  float: left;
  630.  margin: -5px -218px auto;
  631.  padding: 2px;
  632.  position: relative;
  633.  text-align: center;
  634.  width: 195px;
  635. }
  636. .post-btn{
  637.    box-shadow: 0 1px 0 #FFF inset, 0 1px 0 rgba(0,0,0,0.3);
  638. display: inline-block;
  639. margin: 5px;
  640. transition: all .2s ease-in-out 0;
  641. border-bottom: 3px solid #D3D3D3;
  642. border-radius: 0 0 8px 8px;
  643. border-right: 1px solid #fff;
  644. font-size: 13px;
  645. font-weight: 400;
  646. height: 26px;
  647. line-height: 36px;
  648. padding: 0 10px;
  649. }
  650. .pun tbody.statused td.tcl {
  651.  margin-right: -60px;
  652. margin-left: -75px;
  653. }
  654. #page-body {
  655.    margin: auto;  
  656.    position: relative;
  657.    padding: 10px;  
  658.  overflow: hidden;
  659.    border-top: 3px solid #3C3C3C;
  660.    box-shadow: 0 0 20px rgba(0,0,0,.5);  -moz-box-shadow: 0 10px 20px rgba(0,0,0,.5);  
  661.    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.5);  
  662. background-image: url(http://forumproject.xpg.uol.com.br/public/style_images/skinproject70/back_content.jpg); }
  663. }
  664. .monAva img {
  665. background: none repeat scroll 0 0 #fff;
  666. border: 1px solid #d8d8d8;
  667. box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  668. float: left;
  669. height: 30px;
  670. margin-right: 5px;
  671. padding: 2px;
  672. width: 30px;
  673.  border-radius: 5px;
  674. }
  675. .tipsy {
  676. padding: 5px;
  677. font-size: 11px;
  678. position: absolute;
  679. text-shadow: none;
  680. z-index: 999;
  681. }
  682. .tipsy-inner {
  683. padding: 8px 8px 8px 8px;
  684. background-color: black;
  685. color: white;
  686. max-width: 200px;
  687. text-align: center;
  688. -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
  689. -moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
  690. background: black url(http://cuul.tk/img/gradient.png) repeat-x 0 -150px;
  691. }
  692. .tipsy-inner {
  693. border-radius: 3px;
  694. -moz-border-radius:3px;
  695. -webkit-border-radius:3px;
  696. }
  697. .tipsy-arrow {
  698. position: absolute;
  699. background: url('http://cuul.tk/img/tipsy.gif') no-repeat top left;
  700. width: 9px;
  701. height: 5px;
  702. }
  703. .pun .main-content .table thead tr th {
  704.  display: none }
  705. .tipsy-n .tipsy-arrow {
  706. top: 0;
  707. left: 50%;
  708. margin-left: -4px;
  709. }
  710. .tipsy-nw .tipsy-arrow {
  711. top: 0;
  712. left: 10px;
  713. }
  714. .tipsy-ne .tipsy-arrow {
  715. top: 0;
  716. right: 10px;
  717. }
  718. .tipsy-s .tipsy-arrow {
  719. bottom: 0;
  720. left: 50%;
  721. margin-left: -4px;
  722. background-position: bottom left;
  723. }
  724. .tipsy-sw .tipsy-arrow {
  725. bottom: 0;
  726. left: 10px;
  727. background-position: bottom left;
  728. }
  729. .tipsy-se .tipsy-arrow {
  730. bottom: 0;
  731. right: 10px;
  732. background-position: bottom left;
  733. }
  734. .tipsy-e .tipsy-arrow {
  735. top: 50%;
  736. margin-top: -4px;
  737. right: 0;
  738. width: 5px;
  739. height: 9px;
  740. background-position: top right;
  741. }
  742. .tipsy-w .tipsy-arrow {
  743. top: 50%;
  744. margin-top: -4px;
  745. left: 0;
  746. width: 5px;
  747. height: 9px;
  748. }
  749. .notif_list {
  750.  left: 1420px;
  751. }
  752. .myStaff a {
  753.  display:inline-block;
  754.  vertical-align:top;
  755.  margin-top:.75em;
  756. }
  757. .pun-announcement{
  758.  display:none}
  759. .pun h2, .pun input, .pun select, .pun th {
  760. font-size: 12px;
  761. color: #000000!important
  762.  font-weight: 400;
  763. }
  764. .pun h3 {  font-family: Jolly Lodger;
  765.  font-size: 25px;
  766.  font-weight: 400;
  767.  text-shadow: 0 2px 0 rgba(237,237,237,0.15);
  768. }
  769. #pun-foot {
  770.  -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.5);
  771.  background: #fff;
  772.  width: 1126px !Important;
  773.  margin-left: 87px !Important;
  774.  border-radius: 0 0 5px 5px;
  775.  display: block;
  776.  position: relative;
  777.  z-index: 999;
  778.  padding: 0;
  779.  height: 92px;
  780.  margin: -10px !important;
  781. }
  782.  
  783. /*resposta rapida*/
  784. body .sceditor-container {
  785.    -moz-border-radius: 0;
  786.    -moz-box-shadow: 0 0 3px rgba(0,0,0,.15);
  787.    -webkit-border-radius: 0;
  788.    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.15);
  789.    border: 1px solid #b6b6b6;
  790.    border-radius: 0;
  791.    box-shadow: 0 0 3px rgba(0,0,0,.15);
  792.    padding: 0}
  793. body .sceditor-toolbar {
  794.    -moz-box-shadow: 0 1px 0 #fff inset!important;
  795.    -webkit-box-shadow: 0 1px 0 #fff inset!important;
  796.    background: #cfd1cf url(http://i.imgur.com/XPb5FAh.png) repeat-x 0 0!important;
  797.    border-bottom: 1px solid #b6b6b6!important;
  798.    box-shadow: 0 1px 0 #fff inset!important;
  799.    padding: 6px 8px 2px;
  800.    white-space: normal}
  801. body .sceditor-group {
  802.    -moz-border-radius: 3px;
  803.    -moz-box-shadow: 0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset!important;
  804.    -webkit-border-radius: 3px;
  805.    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset!important;
  806.    background: #e4e4e4 url(http://i.imgur.com/lvfV1wd.png) repeat-x 0 0!important;
  807.    border: 1px solid #a6a6a6;
  808.    border-bottom-color: #979797!important;
  809.    border-radius: 3px;
  810.    box-shadow: 0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset!important;
  811.    margin: 0 6px 5px 0 !important;
  812.    padding: 0!important}
  813. .sceditor-button {
  814.    -moz-border-radius: 0!important;
  815.    -webkit-border-radius: 0!important;
  816.    border-left: 1px solid rgba(0,0,0,.2);
  817.    border-radius: 0!important}
  818. .sceditor-group .sceditor-button:first-child {
  819.    border-left: 0}
  820. .sceditor-button:hover {
  821.    -moz-box-shadow: 0 0 1px rgba(0,0,0,.3) inset!important;
  822.    -webkit-box-shadow: 0 0 1px rgba(0,0,0,.3) inset!important;
  823.    background: #ccc url(http://i.imgur.com/q00xTJ9.png) repeat-x 0 0!important;
  824.    box-shadow: 0 0 1px rgba(0,0,0,.3) inset!important;
  825.    cursor: default}
  826. .sceditor-button.active,.sceditor-button.hover,.sceditor-button:active {
  827.    background-color: #b5b5b5!important;
  828.    box-shadow: 0 1px 5px rgba(0,0,0,.6) inset,0 1px 0 rgba(0,0,0,.2)!important}
  829. .sceditor-button.sceditor-button-size {
  830.    background: url(http://i.imgur.com/fZYgLFV.png) 0 0 no-repeat scroll!important;
  831.    height: 22px!important;
  832.    width: 51px}
  833. .sceditor-button.sceditor-button-font {
  834.    background: url(http://i.imgur.com/fmbuqHA.png) 0 0 no-repeat scroll!important;
  835.    height: 22px!important;
  836.    width: 81px}
  837. .sceditor-button.sceditor-button-font,.sceditor-button.sceditor-button-size {
  838.    -moz-box-shadow: none!important;
  839.    -webkit-box-shadow: none!important;
  840.    border-radius: 3px!important;
  841.    box-shadow: none!important;
  842.    cursor: default}
  843. .sceditor-button.sceditor-button-font > div,.sceditor-button.sceditor-button-size > div {
  844.    display: none}
  845. .sceditor-container iframe,.sceditor-container textarea {
  846.    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  847.    font-size: 13px;
  848.    line-height: 1.6;
  849.    margin: 15px!important;
  850.    min-height: 180px}
  851. .sceditor-container textarea {
  852.    -moz-box-sizing: border-box;
  853.    -webkit-box-sizing: border-box;
  854.    box-sizing: border-box}
  855. #smiley-box {
  856.    border: 1px solid #DDD;
  857.    padding: 3px}
  858. .main .frm-info,.pun .main .main-content p.message {
  859.    -moz-box-shadow: rgba(0,0,0,0.1) 0 1px 3px;
  860.    -webkit-box-shadow: rgba(0,0,0,0.1) 0 1px 3px;
  861.    background: #cde3a4;
  862.    border: 1px solid #a8c471;
  863.    box-shadow: rgba(0,0,0,0.1) 0 1px 3px;
  864.    color: #436500;
  865.    font-size: 12px;
  866.    line-height: 1.6;
  867.    padding: 10px;
  868.    text-shadow: rgba(255,255,255,0.55) 0 1px 0}
  869. #pun-qpost .frm-form {
  870.    background: #fcfcfc;
  871.    border: 1px solid #f0f0f0}
  872. .pun .frm-form {
  873.    background: transparent}
  874. #quick_reply #textarea_content {
  875.    background: #d6d6d6!important;
  876.    min-width: 89.5%!important;
  877.    padding: 4px;
  878.    margin-left: 100px!important;
  879.    position: relative}
  880. #quick_reply #textarea_content:before {
  881.    border-color: transparent #d6d6d6 transparent transparent;
  882.    border-style: solid;
  883.    border-width: 15px;
  884.    content: '';
  885.    display: block;
  886.    height: 0;
  887.    left: -30px;
  888.    position: absolute;
  889.    top: 15px;
  890.    width: 0}
  891. #quick_reply .frm-set .frm-buttons {
  892.    text-align: right}
  893. #pun-qpost .main-head,.pun .main-head a.exthelp {
  894.    font-size: 13px;
  895.    font-style: normal;
  896.    font-variant: normal;
  897.    font-weight: 700}
  898. .pun .main-head a.exthelp,.pun .main-head a.exthelp:link,.pun .main-head a.exthelp:visited {
  899.    background-image: url(http://cdn2.iconfinder.com/data/icons/humano2/16x16/apps/gnome-help.png)}
  900. input[type="button"],input[type="reset"],input[type="submit"] {
  901.     border-radius: 3px!important;
  902.  color: #fff!important;
  903.  font-style: normal!important;
  904.  height: 30px;
  905.  padding: 4px 10px!important;
  906.  position: relative;
  907.  top: -2px-webkit-box-shadow: rgba(0,0,0,0.43) 0 1px 3px!important;
  908.  background: #454545 url(http://i58.servimg.com/u/f58/18/62/03/31/highli17.png) repeat-x 0 0!important;
  909.  border: 1px solid #585858!important;
  910.  color: #fff;
  911.  font-family: tahoma,helvetica,arial,sans-serif;
  912.  font-size: 13px;
  913.  font-style: normal;
  914.  font-variant: normal;
  915.  font-weight: 400;
  916.  height: auto!important;
  917.  margin: 0 5px 0 8px;
  918.  padding: 4px 10px;
  919.  width: auto!important;
  920. }
  921. input:hover[type="button"],input:hover[type="reset"],input:hover[type="submit"] {
  922.    color: #EBEBEB}
  923. input:active[type="button"],input:active[type="reset"],input:active[type="submit"] {
  924.    position: relative;
  925.    top: 1px}
  926. input[name="preview"] {
  927.    -moz-box-shadow: inset 0 1px 0 0 #ADD08B, 0 2px 3px rgba(0,0,0,0.2)!important;
  928.    -webkit-box-shadow: inset 0 1px 0 0 #ADD08B, 0 2px 3px rgba(0,0,0,0.2)!important;
  929.    background: #8fbe5f url(http://imgur.com/EK2ZA9X.png) repeat-x 0 0!important;
  930.    border-color: #51842F!important;
  931.    box-shadow: inset 0 1px 0 0 #ADD08B, 0 2px 3px rgba(0,0,0,0.2)!important;
  932.    text-shadow: #474747 0 -1px 0}
  933. form#quick_reply input[name="preview"] {
  934.    float: right}
  935. #quick-avatar {
  936.    float: left;
  937.    margin: 21px 21px 0 13px}
  938. #quick-avatar img {
  939.    -border-radius: 100%;
  940.    -moz-border-radius: 100%;
  941.    -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  942.    -webkit-border-radius: 100%;
  943.    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  944.    background: #fff;
  945.    border: 1px solid #d8d8d8;
  946.    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  947.    height: 50px;
  948.    padding: 2px;
  949.    width: 50px}
  950. #quick-avatar img:hover {
  951.    border-color: #a1a1a1}
  952. .monAva img {
  953. background: none repeat scroll 0 0 #fff;
  954. border: 1px solid #d8d8d8;
  955. box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  956. float: left;
  957. height: 30px;
  958. margin-right: 5px;
  959. padding: 2px;
  960. width: 30px;
  961. }
  962. .lastpost-avatar img {
  963. background: none repeat scroll 0 0 #fff;
  964. border: 1px solid #d8d8d8;
  965. box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  966. float: left;
  967. height: 50px;
  968. margin-right: 5px;
  969. padding: 2px;
  970. width: 25px;
  971. }
  972. .myStaff a {
  973.  display:inline-block;
  974.  vertical-align:top;
  975.  margin-top:.75em;
  976. }
  977. .space {
  978. margin-top: 0!important;
  979. position: relative!important;
  980. top: -25px!important;
  981. }
  982. #tabs ul li a {
  983. background-color: #F1F1F1;
  984. background-image: url(http://i50.tinypic.com/2rcpvd3.png);
  985. background-repeat: repeat-x;
  986. border-color: #C1C1C1;
  987. border-left: 1px solid #CCC;
  988. border-top: 1px solid #CCC;
  989. color: #424242;
  990. font-weight: 700;
  991. }
  992. #activetab {
  993.  background-color: #FFFFFF;
  994. background-image: url(http://i50.tinypic.com/9qky9y.png);
  995. background-repeat: repeat-x;
  996. border-color: #363636;
  997. color: #fff;
  998. text-decoration: none;
  999. }
  1000. .audentio-link{
  1001. font-family: arial;
  1002. font-size: 12px;
  1003. font-weight: 700;
  1004. 0 2px 0 rgba(237, 237, 237, 0.42);
  1005. color: #fff}
  1006. .site-copyright {
  1007. font-family: arial;
  1008. font-size: 12px;
  1009. font-weight: 700;
  1010. color: #fff
  1011. }
  1012. #pun-foot {
  1013.    border-radius: 0 0 5px 5px;
  1014.     background: #fff;
  1015.    z-index: 999;
  1016.    display: block;
  1017.    position: relative;
  1018.    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.5);
  1019.    margin-bottom: 30px;
  1020. }
  1021. body {
  1022.    color: #444;  font-family: Arial, Sans-Serif;  font-size: 13px;    padding: 0;  
  1023. line-height: 1.4;
  1024.  background-image: url(http://i.imgur.com/EiKjpuU.png);
  1025. }
  1026. .pun {
  1027.    width: 1300px;  margin: auto;  position: relative;padding:0px;
  1028. }
  1029. #copyright {
  1030. -moz-box-shadow: rgba(0,0,0,0.2) 0 0 6px;
  1031. background: #3C3C3C;;
  1032. border-top: 1px solid rgba(0,0,0,.20);
  1033. box-shadow: rgba(0,0,0,0.2) 0 0 6px;
  1034. font-family: Arial;
  1035. font-weight: 700;
  1036. margin-bottom: 26px;
  1037. overflow: initial;
  1038. position: relative;
  1039.  border-radius: 0 0 4px 4px;
  1040. }
  1041. .change_header {
  1042. background-image: url(http://i.imgur.com/rIttSGg.png);
  1043. background-color: #10A4FF;
  1044. background-size: cover;
  1045. width: 100%;
  1046. height: 420px;
  1047. -khtml-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 5px;
  1048. -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 5px;
  1049. -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 5px;
  1050. box-shadow: rgba(0, 0, 0, 0.3) 0 1px 5px;
  1051. border-bottom: 1px solid rgba(0, 0, 0, .20);
  1052. border-bottom: 3px solid #3C3C3C;
  1053. }
  1054. .main .main-foot, .main .main-head {
  1055.  -khtml-box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
  1056.  -moz-border-radius: 0 0 4px 4px;
  1057.  -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
  1058.  -o-border-radius: 0 0 4px 4px;
  1059.  -webkit-border-radius: 0 0 4px 4px;
  1060.  -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
  1061.  background: #3C3C3C;
  1062.  border: 1px solid #284158;
  1063.  border-bottom: 1px solid rgba(0,0,0,.20);
  1064.  border-radius: 0 0 4px 4px;
  1065.  border-top: 3px solid #CE2020;
  1066.  box-shadow: inset 0 1px 0 rgba(255,255,255,0.14);
  1067.  color: #FFF;
  1068.  font-family: Jolly Lodger;
  1069.  font-size: 25px;
  1070.  font-weight: 400;
  1071.  margin-bottom: -5px;
  1072.  overflow: hidden;
  1073.  padding: 20px;
  1074.  text-decoration: none;
  1075.  text-shadow: 0 2px 0 rgba(237,237,237,0.15);
  1076.  text-transform: uppercase;
  1077. }
  1078. .main .main-head .page-title, .main-head .page-title h2 {
  1079. font-family: Jolly Lodger;
  1080.  font-size: 35px;
  1081.  font-weight: 400;
  1082.  text-align: center;
  1083.  color: #fff!important;
  1084. }
  1085. .table tbody.statused tr td {
  1086.    background: #FAFAFA!important;  vertical-align: middle;  border: 0px;
  1087.    border-bottom: 1px solid #eaeaea!important;      
  1088.    font-family: arial, sans-serif;  font-size: 11px;  font-weight: bold;
  1089.    color: rgb(119, 119, 119);
  1090.    font-weight: 400;
  1091. }
  1092.  
  1093. .table tbody.statused tr:nth-child(2n+2) td ,.main-content tbody .statused tr:nth-child(2n+2) td{
  1094. background: rgb(250, 250, 250)!important;
  1095. }
  1096. .main-head .page-title h2 ,.main .main-head .page-title{
  1097.    font-family: Jolly Lodger;
  1098.  font-size: 35px;
  1099.  font-weight: 400;
  1100.  text-shadow: 0 2px 0 rgba(237,237,237,0.15);
  1101. }
  1102. .desc_forum_cat_row {
  1103.     color: #5A5959;
  1104.  font-size: 11px;
  1105.  font-weight: 600;
  1106. }
  1107. .statused tr td .hierarchy a {color: rgb(85, 85, 85);      font-family: Jolly Lodger;  font-size: 20px; text-shadow: 0 2px 0 rgba(83, 83, 83, 0.15);  font-weight: bold;}
  1108. .statused tr td .hierarchy a:hover {color: #222;}
  1109. a {text-decoration: none;}
  1110. a:link {text-decoration: none;}
  1111. a:hover {text-decoration: none!important;}
  1112. a.forumtitle {text-decoration: none;}
  1113. a.forumtitle:hover {text-decoration: none!important;}
  1114. a.topictitle {text-decoration: none;}
  1115. a.topictitle:hover {text-decoration: none!important;}
  1116. #pun-about #qjump {
  1117.    display: none;
  1118. }
  1119. #pun-about {
  1120.    background: rgb(248, 248, 248);  
  1121.    color: transparent;  border-top: 1px solid #D1D1D1;  
  1122.    padding: 0 5px;    height: 45px;  line-height: 45px;
  1123.    text-align: left;
  1124.  position: inherit;
  1125. }
  1126. #pun-about ul li a {
  1127.    border-right: 1px solid #DFDFDF;
  1128. display: block;
  1129. float: left;
  1130. height: 45px;
  1131. padding: 0 10px;
  1132. font-family: arial;
  1133. font-size: 11px;
  1134. font-weight: 700;
  1135. text-shadow: 0 2px 0 rgba(208, 208, 208, 0.42);
  1136. }
  1137. #pun-about {
  1138. background: #f8f8f8;
  1139. border-top: 1px solid #D1D1D1;
  1140. color: transparent;
  1141. height: 45px;
  1142. position: relative;
  1143. padding-top: 0px;
  1144. text-align: left;
  1145. }
  1146. #pun-about {
  1147. border-color: #ddd;
  1148. border-style: solid;
  1149. border-width: 1px;
  1150. line-height: 150%;
  1151. }
  1152.  
  1153. #pun-about ul li a:hover {
  1154.    background: #fff;  color: #666;
  1155. }
  1156. ul#pun-legend {
  1157.   display:none
  1158. }
  1159. ul#pun-legend img {
  1160.   display:none
  1161. }
  1162.  
  1163. #pun-foot #copyright {
  1164.    padding: 0 15px;      font-size: 11px;  height: 55px;  
  1165.    line-height: 45px;  color: #999;
  1166.  margin-right: -10px;
  1167. }
  1168. #pun-foot #copyright a {
  1169.    font-weight: bold;
  1170. }
  1171. #pun-foot #back-top {
  1172.    float: right;  padding: 0 10px;  height: 45px;  line-height: 45px;  display: block;  border-left: 1px solid #ddd;  margin-left: 10px;  border-right: 1px solid #ddd;
  1173. }
  1174. #pun-foot .mybb-link.right {
  1175.    margin-right: 10px;  border-right: 1px solid #ddd;  padding-right: 10px;
  1176. }
  1177. #pun-foot .icon-upload.icon-large {
  1178.    background: url("http://i.imgur.com/noa2Awt.png") no-repeat center center;
  1179.    width: 25px;
  1180.    height: 24px;
  1181.    display: block;
  1182.    margin-top: 10px;
  1183. }
  1184. #pun-foot .icon-upload.icon-large:hover {
  1185.    background: url("http://i.imgur.com/1JvGS3S.png") no-repeat center center;
  1186. }
  1187. #pun-foot #copyright .audentio-link.right {
  1188.    line-height: 15px;
  1189.    margin-top: 8px;
  1190.  margin-left: 508px;
  1191. }
  1192. #pun-foot .center.admin {
  1193.    position: absolute;
  1194.    top: 17px;
  1195.    right: 15px;
  1196. }
  1197. #pun-foot .center.admin a {
  1198.    font: bold 10px arial;
  1199. }
  1200. .boardstats_cat {-khtml-box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
  1201.  -moz-border-radius: 0 0 4px 4px;
  1202.  -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
  1203.  -o-border-radius: 0 0 4px 4px;
  1204.  -webkit-border-radius: 0 0 4px 4px;
  1205.  -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
  1206.  background: #3C3C3C;
  1207.  border: 1px solid #284158;
  1208.  border-bottom: 1px solid rgba(0,0,0,.20);
  1209.  border-radius: 0 0 4px 4px;
  1210.  border-top: 3px solid #CE2020;
  1211.  box-shadow: inset 0 1px 0 rgba(255,255,255,0.14);
  1212.  color: #FFF;
  1213.  font-family: arial;
  1214.  font-size: 16px;
  1215.  font-weight: 700;
  1216.  margin-bottom: 5px;
  1217.  overflow: hidden;
  1218.  padding: 20px;
  1219.  text-decoration: none;
  1220.  text-shadow: 0 2px 0 rgba(0,0,0,0.14);
  1221.  text-transform: uppercase;
  1222.  font-family: Jolly Lodger;
  1223.  font-size: 35px;
  1224.  font-weight: 400;
  1225.  text-shadow: 0 2px 0 rgba(237,237,237,0.15);
  1226.  text-align: center;
  1227. }
  1228.  
  1229. .tborder.index_boardstats .contenedor {
  1230. background: #fff;
  1231.  padding: 15px;
  1232.  vertical-align: middle;
  1233.  background-attachment: fixed!important;
  1234.  color: #333;
  1235.  font-family: "Helvetica Neue",Arial,sans-serif;
  1236.  font-size: 13px;
  1237.  font-style: normal;
  1238.  font-variant: normal;
  1239.  font-weight: normal;
  1240.  line-height: 150%;
  1241. }
  1242. .tborder.index_boardstats {
  1243.    border: 1px solid #ddd;
  1244.    border-bottom: 0px;
  1245. }
  1246. .boardstats_cat .bs#icons {
  1247.    background: url("http://i.imgur.com/jsZSvJy.png")no-repeat center;  
  1248.    height: 16px;  
  1249.    width: 22px;  float: left;  margin: 2px 10px 0 0px;
  1250. }
  1251. .tborder.index_boardstats .bs_br {  font-family: arial, sans-serif;    background: #F0F0F0 url(http://i.imgur.com/r3Rwykr.png) repeat-x top;  font-size: 11px;  color: #666;  padding: 9px;  border-bottom: 1px solid #ddd;  min-height: 20px;  line-height: 20px;
  1252.  text-align: right;}
  1253. .tborder.index_boardstats .bs_br ul li {
  1254.    display: inline;
  1255. }
  1256. .tborder.index_boardstats .bs_br ul li a {
  1257.    color: rgb(151, 151, 151);
  1258.    border-right: 1px solid rgb(151, 151, 151);
  1259.    padding: 0 5px;
  1260. }
  1261. .tborder.index_boardstats .bs_br ul li a:hover {
  1262.    color: black;
  1263. }
  1264. .tborder.index_boardstats .bs_br ul li#rtd a {
  1265.    border-right: 0px;
  1266. }
  1267. .pun .main-content .table thead tr th {
  1268.    font-family: arial, sans-serif;  background: #F0F0F0 url(http://i.imgur.com/r3Rwykr.png) repeat-x top;  font-size: 11px;  color: #666;  padding: 9px;  border-bottom: 1px solid #ddd;  min-height: 20px;  line-height: 20px;
  1269.    font-weight: bold;background: #fff;
  1270. border: 1px solid #d2d2d2;
  1271. box-shadow: rgba(0,0,0,0.1) 0 0 4px;
  1272. margin: 5px 0;
  1273. padding: 6px;
  1274. }
  1275. #pun-visit, .main-box {
  1276.    display: none;
  1277. }
  1278. #page-body {
  1279. padding-top: 50px;
  1280.  width: 85%!important;
  1281. }
  1282. .pun .crumbs a {
  1283.    font-family: Arial, sans-serif;  
  1284.    font-size: 11px;  
  1285. }
  1286. .container_IE {
  1287. background: url(http://i.imgur.com/kOv6VBE.png) 100% 0 no-repeat;
  1288. background-position: center;
  1289. height: 58px;
  1290. padding: 190px 0;
  1291. }
  1292. .menu.main_width {
  1293.    background: #3C3C3C url() repeat-x bottom;
  1294. width: 100%;
  1295. position: fixed;
  1296. padding: 0;
  1297. text-align: right;
  1298. border-bottom: 3px solid #CE2020;
  1299. right: 0;
  1300. top: 0;
  1301. z-index: 999;
  1302. }
  1303. .menu.main_width ul li {
  1304.    display: block;  padding-left: 10px;  float: left;  
  1305.    background: url(http://i.imgur.com/50TLteD.png) no-repeat right 10px;
  1306. }
  1307. .menu.main_width ul li:first-child {
  1308.    margin-left: 10px;
  1309. }
  1310. .menu.main_width ul li a {
  1311.    color: #f8f8f8;
  1312.  display: block;
  1313.  padding-right: 35px;
  1314.  text-decoration: none;
  1315.  text-shadow: 0 1px 0 rgba(0,0,0,0.58);
  1316.  font-family: Jolly Lodger;
  1317.  font-size: 25px;
  1318.  font-weight: 400;
  1319.  text-shadow: 0 2px 0 rgba(237,237,237,0.15);
  1320. }
  1321. .menu-item-subtitle {
  1322.    display: block;  float: left;  font-size: 10px;  color: #868686;  font-weight: normal;  font-style: italic;
  1323. }
  1324. .menu.main_width ul li:hover .menu-item-subtitle {
  1325.    color: #fafafa;
  1326. }
  1327. #panel {
  1328.    color: #E9E9E9;  font-size: 11px;  height: 42px;  font-family: georgia;  font-style: italic;  text-shadow: 0px -1px 0px #000;  line-height: 42px;
  1329. }
  1330. #pun-logo {
  1331.    display: table-cell;  vertical-align: middle;  height: 93px;  line-height: 93px;  margin: auto;
  1332.    float: none;
  1333. }
  1334. #panel a {
  1335.    color: #E9E9E9;
  1336. }
  1337.  
  1338. .social-icons.right a:hover {
  1339.    opacity: 1;
  1340. }
  1341.  
  1342. .user-dropdown-box {
  1343.    display: none;  position: absolute;  min-width: 150px;  
  1344.    background: url(http://i.imgur.com/5kJJAoi.png);  color: #555;  
  1345.    top: 41px;  border-radius: 0 4px 4px 4px;  padding: 5px;  z-index: 88;  
  1346.    left: 120px;  box-shadow: none;  font-family: arial;  text-shadow: none;  font-style: normal;
  1347. }
  1348. .user-dropdown-box .user-dropdown-box-inner {
  1349.    background: white;  text-align: center;
  1350.    padding: 10px;
  1351. }
  1352. .userloginbox .username input, .userloginbox .pass input {
  1353.    padding: 8px;  margin-bottom: 10px;
  1354.    border: 1px solid #D3D3D3;
  1355.    background: #ffffff;  color: #979797;      font-size: 11px;  outline: 0;
  1356.    width: 160px;
  1357. }
  1358. .loginlink {
  1359. color: #F8F8F8;
  1360. display: block;
  1361. font-family: Jolly Lodger;
  1362. font-size: 45px;
  1363. font-weight: 400;
  1364. padding-right: 35px;
  1365. text-decoration: none;
  1366. text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.42);
  1367. background: url("http://i.imgur.com/7OdVB7K.png") no-repeat scroll 0% 0% transparent;
  1368. width: 122px;
  1369. margin-left: 1000px;
  1370.  height: 90px;
  1371. }
  1372. .registerlink {
  1373. color: #F8F8F8;
  1374. display: block;
  1375. font-family: Jolly Lodger;
  1376. font-size: 45px;
  1377. font-weight: 400;
  1378. padding-right: 35px;
  1379. text-decoration: none;
  1380. text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.42);
  1381. background: url("http://i.imgur.com/BI0nRWs.png") no-repeat scroll 0% 0% transparent;
  1382. margin-left: 1145px;
  1383. width: 122px;
  1384. margin-top: -90px;
  1385. }
  1386. .user-dropdown-box .user-dropdown-box-inner .sendpass a {
  1387.    margin: -10px;  padding: 15px;  background: #fafafa;  margin-top: 0;
  1388.    text-shadow: none;  color: #555 !important;  display: block;  height: auto;  line-height: 1.3;    border-top: 1px solid #ddd;  font-family: arial;  font-style: normal;  text-align: left;
  1389. }
  1390. .buttonipblog input.mainoption {  font-size: 11px;  color: #666;  border-radius: 2px;  cursor: pointer;  border: 1px solid #C2C2C2;  background: rgb(255,255,255);  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1)));  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );  box-shadow: 0px 1px 1px rgba(204, 204, 204, 0.18);
  1391.    display: block;  width: 100%;  margin-bottom: 15px;  padding: 10px;  text-transform: uppercase;  font-weight: bold;
  1392. }
  1393. .buttonipblog input.mainoption:hover {
  1394.    background: #fefefe;
  1395. }
  1396. .buttonipblog input.mainoption:active {
  1397.    background: rgb(238,238,238); background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */  background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */  background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */  background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */  background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* W3C */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */;      box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
  1398. }
  1399. .user-dropdown-box::before {
  1400.    width: 0;  height: 0;  border-left: 5px solid transparent;  border-right: 5px solid transparent;  content: "";  position: absolute;  border-bottom: 5px solid #000000;  top: -5px;  left: 10px;
  1401. }
  1402. #page-body input[type="file"]::-webkit-file-upload-button {
  1403.  background: linear-gradient(tobottom,rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);}
  1404. #page-body input[type="button"], #page-body input[type="submit"], #page-body input[type="reset"], #page-body button {
  1405.     border-radius: 2px;  cursor: pointer;   background: rgb(255,255,255);  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1)));  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );  box-shadow: 0px 1px 1px rgba(204, 204, 204, 0.18);
  1406. }
  1407. #page-body input[type="button"]:hover, #page-body input[type="submit"]:hover, #page-body input[type="reset"]:hover, #page-body input[type="file"]: #page-body button:hover {
  1408.    background: #fefefe;
  1409. }
  1410. #page-body input[type="button"]:active, #page-body input[type="submit"]:active, #page-body input[type="reset"]:active, #page-body input[type="file"]: #page-body button:active {
  1411.    background: rgb(238,238,238);  background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%);  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(255,255,255,1)));  background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);  background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);  background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);  background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );  box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
  1412. }
  1413.  
  1414. #smiley-box {
  1415.   background: #3C3C3C;
  1416.  background-size: auto 35px;
  1417.  border: 1px solid #284158;
  1418.  border-radius: 4px 4px 0 0;
  1419.  box-shadow: inset 0 1px 0 rgba(255,255,255,0.14);
  1420.  color: #fff;
  1421.  font-size: 10px;
  1422.  font-weight: 700;
  1423.  height: 280px;
  1424.  line-height: 19px;
  1425.  margin-left: 1px;
  1426.  margin-top: 50px;
  1427.  padding: 35px 2px 2px;
  1428.  text-transform: uppercase;
  1429.  width: 155px;
  1430.  position: absolute;
  1431. }
  1432. #smiley-box iframe {
  1433.    height: 280px;
  1434. }
  1435. #smiley-box::before {
  1436.    content: "Smiley";
  1437.    position: absolute;
  1438.    top: 9px;
  1439.    text-align: center;
  1440.    width: 139px;
  1441. }
  1442. .pun #pun-info .main-content {
  1443.    font-family: arial, sans-serif;  background: #F0F0F0 url(http://i.imgur.com/r3Rwykr.png) repeat-x top;  font-size: 11px;  color: #666;  padding: 9px;  
  1444.    border: 1px solid #ddd;  min-height: 20px;  line-height: 20px;  font-weight: bold;
  1445. }
  1446. .pun #pun-info .main-content #stats {
  1447.    border-bottom: 1px solid white;
  1448. }
  1449. .pun #pun-info .main-content #onlinelist {
  1450.    border-top: 1px solid rgb(219, 219, 219);
  1451. }
  1452. #user-hoverbox {
  1453.    margin-left: 5px;
  1454.    z-index: 999;  min-width: 160px;  position: absolute;  padding-top: 1px;
  1455. display:initial!important;}
  1456. #user-hoverbox #user-hoverbox-inner a {
  1457.    display: block;  background: white;  color: rgb(136, 136, 136);  border-bottom: 1px solid #aaa;  padding: 8px;  font-size: 11px;  z-index: 999;  text-align: left;  text-shadow: none !important;
  1458. }
  1459. #user-hoverbox-inner {
  1460.    background: white;
  1461.    width: 140px;
  1462.    border: 4px solid black;
  1463.    border-radius: 2px;
  1464.  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.31);
  1465. }
  1466. #user-hoverbox #user-hoverbox-inner a:hover {
  1467.    background: #fafafa;  color: #333;
  1468. }
  1469. #user-hoverbox::before {
  1470.    width: 0;  height: 0;  border-left: 5px solid transparent;  border-right: 5px solid transparent;  content: "";  position: absolute;  border-bottom: 5px solid rgb(54, 54, 54);  top: -4px;  left: 12px;
  1471. }
  1472. #user-hoverbox a .icon-user {
  1473.    background-image: url("http://i.imgur.com/o0vbztB.png");
  1474. }
  1475. #user-hoverbox a .icon-comments {
  1476.    background-image: url("http://i.imgur.com/H1HNIqI.png");            
  1477. }
  1478. .pun #user-hoverbox a i {
  1479.    background-position: center;  
  1480.    background-repeat: no-repeat;  
  1481.    width: 13px;  
  1482.    height: 10px;  float: left;  
  1483.    margin-top: 2px;  margin-right: 3px;
  1484.    opacity: 0.8;
  1485. }
  1486. #user-hoverbox a .icon-envelope-alt {
  1487.    background-image: url("http://i.imgur.com/LpRlXho.png");
  1488. }
  1489. #user-hoverbox a .icon-file-alt {
  1490.    background-image: url("http://i.imgur.com/3tVmtX5.png");
  1491. }
  1492. #user-hoverbox a .icon-folder-open {
  1493.    background-image: url("http://i.imgur.com/xbes4ru.png");
  1494. }
  1495. .pun #user-hoverbox a:hover i {
  1496.    opacity: 1!important;
  1497. }
  1498. .pun #page-body #user-hoverbox #user-hoverbox-inner a {
  1499. font-weight: normal;
  1500. font-style: normal;
  1501. }
  1502. #profile-advanced-details .message-text img {
  1503.    max-width: 620px;
  1504. }
  1505. #profile-advanced-details .message-header {
  1506.    height: 42px;
  1507.    font: bold 11px arial;
  1508.    color: rgb(101, 107, 112);
  1509.    font-style: normal;
  1510.    border-bottom: 1px solid #C2C2C2!important;
  1511.    border: 0px;
  1512.    margin: 0;
  1513.    background-image: -webkit-linear-gradient(top,#FAFAFA,#EEEEEE);  
  1514.    background-image: -moz-linear-gradient(top,#FAFAFA,#EEEEEE);  
  1515.    background-image: -ms-linear-gradient(top,#FAFAFA,#EEEEEE);  
  1516.    background-image: -o-linear-gradient(top,#FAFAFA,#EEEEEE);  
  1517.    background-image: linear-gradient(top,#FAFAFA,#EEEEEE);
  1518. }
  1519. #profile-advanced-details .message-block {
  1520.    margin: 0;
  1521. }
  1522. #profile-advanced-details ol li {
  1523.    border: 1px solid rgb(187, 187, 187);
  1524.    margin: 5px 0;
  1525. }
  1526. #profile-advanced-details .avatar {
  1527.    border: none;
  1528.    margin-top: 0px;
  1529.    margin-right: 6px;
  1530. }
  1531. #profile-advanced-details .avatar img {
  1532.    border: solid silver;
  1533.    border-width: 0px 1px 0 0;
  1534.    width: 50px;
  1535.    height: 50px;
  1536. }
  1537. #profile-advanced-details .message-block .message-text {
  1538.    padding: 10px;
  1539.    font-family: arial;
  1540. }
  1541. embed[src^="http://www.youtube.com"] {
  1542.    width: 620px;
  1543.    height: 380px;
  1544. }
  1545. #profile-advanced-layout #tabs.clearfix {
  1546. position: initial;
  1547. }
  1548. #bs_full_inbox {
  1549. font-size: 13px;
  1550. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  1551. line-height: 18px;
  1552. margin-top: 15px;
  1553. display: none;
  1554. width: 450px;
  1555. background: #fff;
  1556. box-shadow: 0px 15px 110px rgba(0,0,0,0.2);
  1557. border-radius: 3px;
  1558. z-index: 200;
  1559. position: absolute;
  1560. }
  1561. #bs_full_inbox a {
  1562. color: #255b79;
  1563. text-decoration: none;
  1564. }
  1565. #bs_full_inbox a:hover {color: #cd3816;}
  1566. #bs_full_inbox:before {
  1567. border-style: solid;
  1568. border-width: 15px;
  1569. border-color: transparent transparent #fff;
  1570. bottom: 100%;
  1571. pointer-events: none;
  1572. left: 15px;
  1573. content: '';
  1574. display: block;
  1575. height: 0;
  1576. position: absolute;
  1577. width: 0;
  1578. z-index: 3;
  1579. }
  1580. .bs_inbox_header {
  1581. background: #fff url('http://i.imgur.com/sl0Efuz.png') repeat-x 0 0;
  1582. border-bottom: 1px solid #e0e0e0;
  1583. box-shadow: 0px 1px 6px rgba(0,0,0,0.07);
  1584. border-radius: 3px 3px 0px 0px;
  1585. padding: 10px;
  1586. line-height: 24px;
  1587. }
  1588. .bs_inbox_header .compose {
  1589. font-size: 12px;
  1590. line-height: 28px;
  1591. padding: 0 15px;
  1592. float: right;
  1593. background: #262e33;
  1594. color: #ffffff !important;
  1595. font-weight: 500;
  1596. text-align: center;
  1597. text-decoration: none;
  1598. text-shadow: none;
  1599. white-space: nowrap;
  1600. display: inline-block;
  1601. vertical-align: middle;
  1602. border-radius: 3px;
  1603. border: 1px solid rgba(0,0,0,0.1);
  1604. -webkit-transition: 0.1s all linear;
  1605. -moz-transition: 0.1s all linear;
  1606. -ms-transition: 0.1s all linear;
  1607. -o-transition: 0.1s all linear;
  1608. transition: 0.1s all linear;
  1609. -webkit-user-select: none;
  1610. -moz-user-select: none;
  1611. -ms-user-select: none;
  1612. -o-user-select: none;
  1613. user-select: none;
  1614. -webkit-font-smoothing: antialiased;
  1615. }
  1616. .bs_inbox_header .compose:hover {
  1617. background-image: url('http://i.imgur.com/eaB5FHK.png');
  1618. background-repeat: repeat;
  1619. }
  1620. .bs_inbox_sectionHead {
  1621. font-size: 18px;
  1622. color: #333333;
  1623. line-height: 24px;
  1624. font-weight: 400;
  1625. display: inline-block;
  1626. margin: 0;
  1627. }
  1628. .bs_inbox_inner {
  1629. width: 100%;
  1630. display: table;
  1631. table-layout: auto;
  1632. position: relative;
  1633. border-collapse: separate;
  1634. border-spacing: 0;
  1635. list-style: none;
  1636. padding: 0;
  1637. margin: 0;
  1638. }
  1639. .bs_inbox_li {
  1640. width: 100%;
  1641. position: relative;
  1642. padding: 5px 3px;
  1643. border-width: 0 0 1px 0;
  1644. border-style: solid;
  1645. border-color: #f5f5f5;
  1646. }
  1647. .bs_inbox_li:last-child {border-bottom: 0;}
  1648. .bs_inbox_li strong {font-weight: normal !important;}
  1649. .bs_inbox_item, .bs_user_p {
  1650. display: table-cell;
  1651. padding: 8px 10px;
  1652. }
  1653. .bs_inbox_item {color: #9c9c9c;}
  1654. .bs_inbox_item .topictitle {display: inherit;}
  1655. .bs_inbox_footer {
  1656. background: #fff url('http://i.imgur.com/sl0Efuz.png') repeat-x 0 0;
  1657. text-align: center;
  1658. padding: 10px;
  1659. line-height: 24px;
  1660. border-top: 1px solid #e0e0e0;
  1661. box-shadow: 0px -1px 6px rgba(0,0,0,0.07);
  1662. border-radius: 0px 0px 3px 3px;
  1663. }
  1664. .bs_inbox_photo {
  1665. background: #fff;
  1666. border: 1px solid #fff;
  1667. box-shadow: 0px 0px 0px 1px #e2e2e2;
  1668. padding: 0.5px;
  1669. vertical-align: middle;
  1670. line-height: 1px;
  1671. position: relative;
  1672. border-radius: 150px;
  1673. width: 34px;
  1674. height: 34px;
  1675. }
  1676. .reputation {
  1677. -webkit-border-radius: 3px;
  1678. background-color: #DFF0D8;
  1679. border-radius: 3px;
  1680. color: #3C763D;
  1681. display: block;
  1682. font-weight: 700;
  1683. margin: 0 auto 5px;
  1684. max-width: 123px;
  1685. padding: 3px 8px;
  1686. text-align: center;
  1687. }
  1688. .reputation.zero {
  1689. -webkit-border-radius: 3px;
  1690. background-color: #F2DEDE;
  1691. border-radius: 3px;
  1692. color: #A94442;
  1693. display: block;
  1694. font-weight: 700;
  1695. margin: 0 auto 5px;
  1696. max-width: 123px;
  1697. padding: 3px 8px;
  1698. text-align: center;
  1699. }
  1700. /***********************
  1701. Name:
  1702. Banir membro em janela modal (pop up)
  1703. Creator:
  1704. Premotheus
  1705. Version:
  1706. 1.0
  1707. Update: 9/9/2014
  1708. ************************/
  1709. .ban_content {
  1710.    padding: 11px;
  1711. }
  1712.  
  1713. div#banpop {
  1714.    position: fixed;
  1715.    background: rgba(13, 12, 12, 0.78);
  1716.    color: #fff;
  1717.    top: 20%;
  1718.    border-radius: 5px;
  1719.    z-index: 999;
  1720.    left: 33%;
  1721.    padding: 8px;
  1722. }
  1723.  
  1724. .close_ban {
  1725.    position: absolute;
  1726.    right: -3%;
  1727.    top: -5%;
  1728.    float: right;
  1729. }
  1730.  
  1731. .cont_cls {
  1732.    background: #fff;
  1733.    border-radius: 100%;
  1734.    border: 1px solid #f1f1f1;
  1735. }
  1736.  
  1737. .fade_fora {
  1738.    z-index: 9;
  1739.    height: 100%;
  1740.    width: 100%;
  1741.    background: rgba(31, 31, 31, 0.6);
  1742.    padding: 5px;
  1743.    position: fixed;
  1744.    top: 0;
  1745. }
  1746.  
  1747.  
  1748. .conteudo > .header > .page-title {
  1749.    font-size: 22px;
  1750.    padding: 3px;
  1751.    margin-bottom: 8px;
  1752. }
  1753.  
  1754. .conteudo_banimento {
  1755.    padding: 5px;
  1756.    background: rgba(48, 48, 48, 0.2);
  1757.    font-size: 14px;
  1758.    border-radius: 5px;
  1759. }
  1760.  
  1761. .ban-modal .ban_content > .conteudo > .header {
  1762.    background: rgba(40, 40, 40, 0.33);
  1763. }
  1764.  
  1765. .conteudo_banimento .frm-form .frm-info {
  1766.    padding: 14px;
  1767.    background: rgba(17, 17, 17, 0.36);
  1768.    margin-top: -5px;
  1769.    border-radius: 3px;
  1770.    margin-bottom: 20px;
  1771.    border: 1px solid #000;
  1772. }
  1773.  
  1774. .conteudo_banimento > .frm-form > p > input.inputbox.tiny {
  1775.    padding: 3px;
  1776.    margin-bottom: 6px;
  1777.    background: /* rgba(0, 0, 0, 0.24)*/ rgba(12, 12, 12, 0.59);
  1778.    color: #fff;
  1779.    border: 1px solid #111;
  1780.    margin-left: 6px;
  1781. }
  1782.  
  1783. .conteudo_banimento > .frm-form > p > input.inputbox.tiny:focus {
  1784.    outline: 0;
  1785. }
  1786.  
  1787. .conteudo_banimento > .frm-form > fieldset.frm-set > dl {
  1788.    padding: 5px;
  1789.    float: left;
  1790.    margin-left: -66%;
  1791. }
  1792.  
  1793. .conteudo_banimento > form.frm-form > fieldset.frm-set > dl > dd > input[type="submit"] {
  1794.    float: left;
  1795.    padding: 4px;
  1796.    margin-left: 5px;
  1797.    cursor: pointer;
  1798.    border-radius: 4px;
  1799. }
  1800.  
  1801. .conteudo_banimento > form.frm-form > fieldset.frm-set > dl > dd > input[name="confirm"] {
  1802.    background: rgb(58, 149, 237) url(://i74.servimg.com/u/f74/18/08/53/97/highli10.png) repeat-x 0 1px;
  1803.    color: #fff;
  1804.    border: 1px solid rgb(59, 137, 242)
  1805. }
  1806.  
  1807. .conteudo_banimento > form.frm-form > fieldset.frm-set > dl > dd > input[name="confirm"]:hover {
  1808.    background-color: rgb(39, 120, 200);
  1809.    border: 1px solid rgb(44, 120, 223);
  1810. }
  1811.  
  1812. .conteudo_banimento > form.frm-form > fieldset.frm-set > dl > dd > input[type="submit"]:hover {
  1813.    transition-duration: 1s;
  1814.    -moz-transition-duration: 1s;
  1815.    -webkit-transition-duration: 1s;
  1816.    -o-transition-duration: 1s;
  1817.    -f-transition-duration: 1s;
  1818. }
  1819.  
  1820. .conteudo_banimento > form.frm-form > fieldset.frm-set > dl > dd > input[name="cancel"] {
  1821.    background: rgba(0, 220, 3, 1) url(://i74.servimg.com/u/f74/18/08/53/97/highli10.png) repeat-x 0 1px;
  1822.    color: #fff;
  1823.    border: 1px solid rgb(9, 188, 9);
  1824. }
  1825.  
  1826. .conteudo_banimento > form.frm-form > fieldset.frm-set > dl > dd > input[name="cancel"]:hover {
  1827.    background-color: rgba(4, 184, 7, 1);
  1828.    border: 1px solid rgb(14, 200, 14);
  1829. }
  1830.  
  1831. /*chatbox*/
  1832. * Código: Chatbox Best V1
  1833. * Autor: Ayako(Zoldyck)
  1834. * Acesse: http://www.bestskins.net/u2647
  1835. * Não distribuir, ou remover os créditos do autor.
  1836. */
  1837. #divcolor, #divsmilies, #help-button, .format-message + label {
  1838.  font-style: normal;
  1839.  font-variant: normal;
  1840.  font-weight: 400;
  1841.  height: 18px;
  1842.  line-height: 16px;
  1843.  padding: 4px 10px;
  1844.  text-align: center;
  1845. background: #3C3C3C url(http://i58.servimg.com/u/f58/18/62/03/31/highli17.png) repeat-x 0 0!important;
  1846.  border: 1px solid #585858!important;
  1847.  box-shadow: rgba(0,0,0,0.43) 0 1px 3px!important;
  1848.  color: #fff;
  1849.  font-family: tahoma,helvetica,arial,sans-serif;
  1850.  font-size: 13px;
  1851.  font-style: normal;
  1852.  font-variant: normal;
  1853.  font-weight: normal;
  1854.  padding: 4px 10px;
  1855.  text-shadow: #474747 0 -1px 0;
  1856.  width: auto!important;
  1857. }
  1858. #submit_button {   -webkit-box-shadow: rgba(0,0,0,0.43) 0 1px 3px!important;
  1859.  background: #454545 url(http://i58.servimg.com/u/f58/18/62/03/31/highli17.png) repeat-x 0 0!important;
  1860.  border: 1px solid #585858!important;
  1861.  box-shadow: rgba(0,0,0,0.43) 0 1px 3px!important;
  1862.  color: #fff;
  1863.  font-family: tahoma,helvetica,arial,sans-serif;
  1864.  font-size: 13px;
  1865.  font-style: normal;
  1866.  font-variant: normal;
  1867.  font-weight: 400;
  1868.  padding: 4px 10px;
  1869.  text-shadow: #474747 0 -1px 0;
  1870.  width: auto!important;
  1871. }}
  1872. #chatbox_header.main-head {
  1873.  background: #3C3C3C;
  1874. color: #fff;
  1875.  height: 40px;
  1876.  margin: -7px -1px 0;
  1877.  padding-left: .3em;
  1878.  text-shadow: 1px 1px 1px #333;
  1879. }
  1880. #help-button {
  1881.  cursor: pointer;
  1882.  font-weight: 700;
  1883.  margin-left: 980px;
  1884.  margin-right: 0px!important;
  1885.  margin-left: 4px!important;
  1886.  margin-top: -36px;
  1887. }
  1888. .chatbox-title, .chatbox-title a.chat-title {
  1889.  font-family: Jolly Lodger;
  1890.  font-size: 30px;
  1891. font-weight: 700;
  1892. color: #fff;
  1893. }
  1894. .chatbox-title {padding: 7px 4px 0 11px;}
  1895. .chatbox-options li, .chatbox-options li a, .chatbox-options li label {color: #fff;}
  1896. .main-content.chatbox {
  1897.  background: #3C3C3C;
  1898.  border: 12px solid #3C3C3C;
  1899. border: 1px solid #565656;
  1900. -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 4px;
  1901. -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 4px;
  1902. border: 0;
  1903. border-radius: 3px 3px 0px 3px!important;
  1904. box-shadow: rgba(0,0,0,0.3) 0 1px 4px;
  1905. padding: 10px;
  1906. border-radius: 3px;
  1907. }
  1908. #chatbox_members h4.member-title {display: none!important;}
  1909. #chatbox_members {
  1910. background: #fff;
  1911. height: 31px;
  1912. left: 0px;
  1913. overflow-y: hidden;
  1914. position: absolute;
  1915. top: 33px;
  1916. width: 100%;
  1917. border: 1px solid #dbe4ef;
  1918. }
  1919.  
  1920. #chatbox_members, #chatbox_contextmenu {z-index: 5;}
  1921. #chatbox_members li {display: inline-block;}
  1922. #chatbox_members a:last-child::after {
  1923. content: ', ';
  1924. }
  1925. #chatbox_members li:last-child a:last-child::after {
  1926. content: '';
  1927. }
  1928. #chatbox_members .member-title {
  1929. background: #fff;
  1930. color: #5a5a5a;
  1931. text-align: left;
  1932. padding: 8px 10px;
  1933. }
  1934. #chatbox p {
  1935. background: #fff;
  1936. padding: 5px;
  1937. border-bottom: 1px solid #e3e3e3;
  1938. line-height: 1.3em;
  1939. }
  1940. #chatbox_messenger_form {margin: 0;}
  1941. #chatbox_footer {
  1942.  border: 1px solid #d5dde5;
  1943.  background: #fff;
  1944. }
  1945. #chatbox_footer {
  1946.  height: auto !important;
  1947.  margin-top: 120px!important;
  1948. }
  1949. #chatbox_footer .right {
  1950.  float: right;
  1951.  margin-top: -40px;
  1952. }
  1953. #chatbox_footer .right:first-child {
  1954.  background: #E8E8E8;
  1955.  float: none;
  1956.  border-bottom: 1px solid #d5dde5;
  1957.  padding:5px 35px;
  1958. }
  1959. #chatbox_footer .right:last-child {
  1960.  margin-left: 15%;
  1961.  padding: 3px;
  1962. }
  1963. #chatbox_messenger_form .right label {font-size: 12px;}
  1964. input#message.post {
  1965. background-color: white;
  1966. height: 30px;
  1967. width: 71%;
  1968. outline: 0;
  1969. }
  1970. #submit_button {
  1971. height: auto!important;
  1972.  margin: 0 5px 0 8px;
  1973.  padding: 4px 10px;
  1974. }
  1975. .fontbutton {
  1976.  -webkit-box-shadow: rgba(0,0,0,0.43) 0 1px 3px!important;
  1977.  background: #454545 url(http://i58.servimg.com/u/f58/18/62/03/31/highli17.png) repeat-x 0 0!important;
  1978.  border: 1px solid #585858!important;
  1979.  box-shadow: rgba(0,0,0,0.43) 0 1px 3px!important;
  1980.  color: #fff;
  1981.  font-family: tahoma,helvetica,arial,sans-serif;
  1982.  font-size: 13px;
  1983.  font-style: normal;
  1984.  font-variant: normal;
  1985.  font-weight: normal;
  1986.  padding: 4px 10px;
  1987.  text-shadow: #474747 0 -1px 0;
  1988.  width: auto!important;
  1989. }
  1990. #divsmilies img + img{visibility:visible!important}
  1991. #chatbox_messenger_form div.right img{visibility:hidden}
  1992. #simple-wrap {
  1993.  background:white;
  1994. }
  1995. #divbold, #divcolor, #divitalic, #divsmilies, #divstrike, #divunderline {
  1996. background-position: center;
  1997. background-repeat: no-repeat;
  1998. }
  1999. #divbold {
  2000. background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-bold.png);
  2001. }
  2002. #divitalic {
  2003. background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-italic.png);
  2004. }
  2005. #divunderline {
  2006. background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-underline.png);
  2007. }
  2008. #divstrike {
  2009. background-image: url(http://cdn1.iconfinder.com/data/icons/bnw/16x16/actions/text_strike.png);
  2010. }
  2011. #divcolor {
  2012. background-image: url(http://illiweb.com/fa/wysiwyg/color_swatch.png);
  2013. }
  2014. #divsmilies {
  2015. background-image: url(http://i26.servimg.com/u/f26/12/56/56/12/emotic10.png);
  2016. }
  2017. #chatbox span[title] {float: right !important;}
  2018. #chatbox:after {
  2019. content: 'Olá, Bem-vindo ao Somos Fairy Tail, peço que leia nossas regras e tenha um bom jogo!';
  2020. background: url(http://i55.servimg.com/u/f55/18/71/50/00/highli10.png) repeat-x scroll 0 0 #F5FFF6;
  2021. border: 1px solid #D3EED5;
  2022. color: rgb(76, 147, 76);
  2023. box-shadow: 0 1px 4px #F5FFF6
  2024. display: block;
  2025. padding: 10px;
  2026.  positon: fixed;
  2027. line-height: 1.6;
  2028. font-size: 12px;
  2029. text-shadow: 0 1px 0 #F5FFF6;
  2030. -webkit-border-radius: 2px;
  2031. -moz-border-radius: 2px;
  2032. border-radius: 2px;
  2033. }
  2034. #chatbox_top {min-height: 380px;}
  2035. #chatbox{
  2036.  top: 65px;
  2037.  bottom: 0px;
  2038.  background: #fff;
  2039.    left:0%!important;
  2040.  border: 1px solid #e3e3e3;
  2041. }
  2042.  label[for="message"] {
  2043.  display: none;
  2044. }
  2045. .top-date {
  2046.       color: #F8F8F8;
  2047.    display: block;
  2048.    font-family: Jolly Lodger;
  2049.    font-size: 35px;
  2050.    font-weight: 400;
  2051.    margin-left: 1010px;
  2052.    padding-right: 35px;
  2053.    text-decoration: none;
  2054.    text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.42);
  2055. }
  2056. .alert {
  2057.  background: #F9F1C7;
  2058.  border: 1px solid #F6DEAC;
  2059.  border-radius: 3px;
  2060.  box-shadow: 1px 1px 2px rgba(0,0,0,.4);
  2061.  font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  2062.  font-size: 14px;
  2063.  font-style: normal;
  2064.  font-variant: normal;
  2065.  font-weight: normal;
  2066.  margin: 5px 0;
  2067.  padding: 15px;
  2068.  width: 85%;
  2069. }
  2070. .alert.danger{
  2071.  background-color: #F2DEDE;
  2072.  border-color: #EBCCD1;
  2073.  color: #A94442;
  2074. }
  2075. .alert.sucesso {
  2076.    background-color: #DFF0D8;
  2077.    border-color: #D6E9C6;
  2078.    color: #3C763D;
  2079. }
  2080. .alert.infos {
  2081.    background-color: #D9EDF7;
  2082.    border-color: #BCE8F1;
  2083.    color: #31708F;
  2084. }
  2085. .nick_quote {border: 1px solid #ddd;
  2086.  border-radius: 3px;
  2087.  margin: 5px -15px 0 -15px;
  2088.  position: relative;
  2089. }
  2090. .entry-content p:last-child {
  2091.  display: none !important;
  2092. }
  2093. .nick_quote {
  2094.  -khtml-user-select: none;
  2095.  -moz-box-shadow: inset #70A4CF 0 6px 10px;
  2096.  -moz-user-select: none;
  2097.  -ms-user-select: none;
  2098.  -webkit-touch-callout: none;
  2099.  background: #EEEEEE;
  2100.  border: 1px solid #D5D5D5;
  2101.  border-radius: 3px;
  2102.  color: #000;
  2103.  display: block;
  2104.  font-family: Verdana, Arial;
  2105.  font-weight: 600;
  2106.  padding: 3px 5px;
  2107.  text-align: center;
  2108. }
  2109. .message {
  2110. background: #cde3a4 url('hhttp://i38.servimg.com/u/f38/17/31/71/58/highli11.png') repeat-x 0 0 !important;
  2111. padding: 10px;
  2112. border: 1px solid #a8c471;
  2113. text-shadow: rgba(255,255,255,0.55) 0px 1px 0px;
  2114. line-height: 1.6;
  2115. font-size: 12px;
  2116. -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px;
  2117. -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px;
  2118. box-shadow: rgba(0,0,0,0.1) 0px 1px 3px;
  2119. }
  2120. .standalone.error, .standalone.error a, .standalone.error h2 {
  2121. color: #80001c;
  2122. }
  2123. .standalone.error {
  2124. background-color: #f3e3e6 !important;
  2125. border-color: #e599aa;
  2126. }
  2127. fieldset.submit {
  2128. background: #f3f5f6 url('http://i38.servimg.com/u/f38/17/31/71/58/highli11.png') repeat-x 0 1px;
  2129. padding: 15px 6px 15px 6px;
  2130. text-align: center;
  2131. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement