Advertisement
Guest User

css

a guest
Aug 13th, 2014
167
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 57.99 KB | None | 0 0
  1. .color-option {
  2. display: inline-block !important;
  3. width: 15px !important;
  4. height: 15px !important;
  5. border: 2px solid #fff !important;
  6. margin: 3px !important;
  7. box-shadow: 0 0 2px #778899;
  8. cursor: pointer !important;
  9. }
  10. .color-option span{
  11. display: block !important;
  12. width: 15px !important;
  13. height: 15px !important;
  14. }
  15. .color-option, .color-option span {
  16. border-radius: 2px;
  17. }
  18. .sceditor-dropdown.sceditor-color-picker {
  19. width: 200px !important;
  20. height: 125px !important;
  21. padding: 5px !important;
  22. border-radius: 5px !important;
  23. }
  24.  
  25.  
  26.  
  27.  
  28. .abas tbody > tr{
  29. border-left: 3px #ccc solid;
  30. }
  31. .sennior .main-head {
  32. width: 85% !important;
  33. }
  34. form#ucp {background: none !important;}
  35. .sennior {position: relative !important;top: 9px !important;width: 788px !important;left: 9px !important;}
  36. #pun-foot { margin-right: 8% !important; }
  37. #chatbox_header.main-head {
  38. background: url(http://i78.servimg.com/u/f78/17/31/71/58/mainti10.png) repeat-x bottom #1f537b;
  39. padding: 3px 4px;
  40. -webkit-border-radius: 5px;
  41. -moz-border-radius: 5px;
  42. -khtml-border-radius: 5px;
  43. border-radius: 5px;
  44. min-height: 6px;
  45. }
  46. .chatbox-options li, .chatbox-options li a, .chatbox-options li label {
  47. color: #fff;
  48. }
  49. body[bgcolor] {background: #FCFCFF;}
  50. .main-content.chatbox {
  51. background-color: #FCFCFF;
  52. padding: 10px;
  53. border: 1px solid rgb(204, 204, 204);
  54. -webkit-border-radius: 10px;
  55. -moz-border-radius: 10px;
  56. -khtml-border-radius: 10px;
  57. border-radius: 10px;
  58. padding-bottom: 0px;
  59. }
  60. #chatbox_members {
  61. background: rgb(246, 246, 248);
  62. border: 1px solid rgb(204, 204, 204);
  63. margin: 4px;
  64. top: 43px;
  65. bottom: 28px;
  66. right: 10;
  67. }
  68. #chatbox_members .member-title {
  69. background: url(http://i78.servimg.com/u/f78/17/31/71/58/mainti10.png) repeat-x bottom #363636;
  70. color: #fff;
  71. padding: 5px;
  72. text-align: left;
  73. padding: 8px 10px;
  74. }
  75. #chatbox p {
  76. background: transparent;
  77. padding: 5px;
  78. line-height: 1.3em;
  79. }
  80. #chatbox p span[style="color:green;"], #chatbox p span[style="color:red;"] {
  81. }
  82. input#message.post:focus {
  83. background: rgb(255,255,240) url('http://i58.servimg.com/u/f58/18/24/85/15/form-e10.png') repeat-x;
  84. border-top-color: rgb(150,150,150);
  85. border-bottom-color: rgb(230,230,230);
  86. }
  87. #simple-wrap {
  88. background:white;
  89. }
  90. #chatbox_top {
  91. min-height: 280px;
  92. }
  93. #chatbox{
  94. top: 43px;
  95. bottom: 28px;
  96. margin: 5px;
  97. background: rgb(246, 246, 248);
  98. border: 1px solid rgb(204, 204, 204);
  99. padding: 5px;
  100. right: 198px;
  101. left:0;
  102. }
  103. #chatbox_footer {
  104. border-top: none!important;
  105. }
  106. html { background: white !important; }
  107. .fontbutton {
  108. -moz-border-radius: 2px;
  109. -moz-box-shadow: rgba(0,0,0,0.43) 0 1px 3px;
  110. -webkit-border-radius: 2px;
  111. -webkit-box-shadow: rgba(0,0,0,0.43) 0 1px 3px !important;
  112. background: #646464 url(http://i58.servimg.com/u/f58/18/62/03/31/highli17.png) repeat-x 0 0 !important;
  113. border: 1px solid #585858!important;
  114. border-radius: 2px !important;
  115. box-shadow: rgba(0,0,0,0.43) 0 1px 3px !important;
  116. color: #fff !important;
  117. font-family: tahoma,helvetica,arial,sans-serif !important;
  118. font-size: 13px !important;
  119. font-style: normal;
  120. font-variant: normal !important;
  121. font-weight: normal;
  122. padding: 2px 5px !important;
  123. text-shadow: #474747 0 -1px 0 !important;
  124. position: relative !important;
  125. top: -2px !important;
  126. }
  127. input#submit_button {
  128. -moz-border-radius: 2px;
  129. -moz-box-shadow: rgba(0,0,0,0.43) 0 1px 3px;
  130. -webkit-border-radius: 2px;
  131. -webkit-box-shadow: rgba(0,0,0,0.43) 0 1px 3px!important;
  132. background: #646464 url(http://i58.servimg.com/u/f58/18/62/03/31/highli17.png) repeat-x 0 0!important;
  133. border: 1px solid #585858!important;
  134. border-radius: 2px!important;
  135. box-shadow: rgba(0,0,0,0.43) 0 1px 3px!important;
  136. color: #fff!important;
  137. font-family: tahoma,helvetica,arial,sans-serif!important;
  138. font-size: 13px!important;
  139. font-style: normal!important;
  140. font-variant: normal!important;
  141. font-weight: 400!important;
  142. padding: 2px 5px!important;
  143. position: relative!important;
  144. text-shadow: #474747 0 -1px 0!important;
  145. top: -2px!important;
  146. }
  147. #chatbox span[style="font-style:italic"]:after {
  148. content: " Clique em login para Entrar!";
  149. }
  150. #chatbox span[style="font-style:italic"] {
  151. background: url('http://i55.servimg.com/u/f55/18/71/50/00/highli10.png') repeat-x scroll 0px 0px #F3E3E6;
  152. border: 1px solid #E599AA;
  153. box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  154. color: #80001C;
  155. display: block;
  156. font-size: 14px;
  157. font-style: normal !important;
  158. font-weight: 700;
  159. line-height: 1.6;
  160. padding: 10px;
  161. text-align: center;
  162. text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.55);
  163. }
  164. #divbold:after { content: 'Bold'; }
  165. #divstrike:after { content: 'Strike'; }
  166. #divunderline:after { content: 'Underline'; }
  167. #divitalic:after { content: 'Italic'; }
  168. #divcolor:after { content: 'Color'; }
  169. #divsmilies:after { content: 'Smileys'; }
  170. #chatbox_messenger_form div.right img { display: none; }
  171. .paged-foot .paging a, .paged-foot .paging a:hover, .paged-foot .paging b, .paging a, .paging b, td p.pag a, td p.pag b {
  172. -moz-border-radius: 2px;
  173. -webkit-border-radius: 2px;
  174. border-radius: 2px;
  175. font-size: 12px!important;
  176. margin-right: 3px!important;
  177. padding: 6px 9px!important;
  178. }
  179. .paged-foot .paging a, .paging a, .paging b, td p.pag a, td p.pag b {
  180. -moz-border-radius: 3px;
  181. -moz-box-shadow: rgba(0,0,0,0.05) 0 1px 2px;
  182. -webkit-border-radius: 3px;
  183. -webkit-box-shadow: rgba(0,0,0,0.05) 0 1px 2px;
  184. background: #e5e5e5 url(http://i76.servimg.com/u/f76/18/14/02/99/highli10.png) repeat-x 0 0;
  185. border: 1px solid #d6d6d6!important;
  186. border-color: #d6d6d6!important;
  187. border-radius: 3px;
  188. box-shadow: rgba(0,0,0,0.05) 0 1px 2px!important;
  189. color: #747474;
  190. display: inline-block;
  191. font-size: 11px;
  192. font-weight: 400;
  193. padding: 6px 9px!important;
  194. text-shadow: #fff 0 1px 0;
  195. text-transform: lowercase;
  196. }
  197. #chatbox_members {
  198. right: 10px!important;
  199. }
  200.  
  201.  
  202.  
  203.  
  204. #pun-about ul li a {color: rgb(90, 90, 90)!important;}
  205. div#chatbox_popup {display: none!important;}
  206. div#shek_fa2 {display: none!important;}div#onlinechat {background-color: transparent!important;border-top: transparent!important;padding: initial!important;}
  207. .rep_bar {
  208. white-space: nowrap;
  209. margin: 6px 4px;
  210. float: right;
  211. }
  212. .rep_bar .bs_inline {list-style: none;}
  213. .bs_inline>li {
  214. display: inline-block;
  215. margin: 0 3px;
  216. }
  217. .bs_inline>li:first-child {
  218. margin-left: 0;
  219. }
  220. .bs_inline img {vertical-align: middle;}
  221. .bs_inline span img {cursor: pointer;}
  222. #reput_vote.positive {
  223. background: #8db13e url('http://i.imgur.com/UGqTZqe.png') repeat-x 0 1px;
  224. }
  225. #reput_vote.zero {
  226. background: #6a6a6a url('http://i.imgur.com/UGqTZqe.png') repeat-x 0 1px;
  227. }
  228. .rep_bar #reput_vote {
  229. font-size: 10px;
  230. padding: 2px 10px !important;
  231. }
  232. #reput_vote {
  233. color: #fff;
  234. font-weight: bold;
  235. padding: 3px 8px;
  236. display: inline-block;
  237. -moz-border-radius: 3px;
  238. -webkit-border-radius: 3px;
  239. border-radius: 3px;
  240. text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
  241. }
  242. #right {
  243. position: relative;
  244. margin-top: 0!important;
  245. }
  246. .ipsType_pagetitle {
  247. color: #323232;
  248. display: block;
  249. font-family: Helvetica,Arial,sans-serif;
  250. font-size: 26px;
  251. font-style: normal;
  252. font-variant: normal;
  253. font-weight: 300;
  254. line-height: 1.4;
  255. outline-style: none;
  256. overflow: hidden;
  257. text-align: left;
  258. text-decoration: none;
  259. text-overflow: ellipsis;
  260. white-space: nowrap;
  261. width: 525px;
  262. }
  263. .titlebox {
  264. color: #414141;
  265. overflow: hidden;
  266. padding: 13px;
  267. text-shadow: 0px 1px 0px #FFF;
  268. }
  269. .titlebox dd {
  270. display: block;
  271. }
  272. .titlebox dava {
  273. float: left;
  274. }
  275. .titlebox {
  276. color: #414141;
  277. overflow: hidden;
  278. padding: 13px;
  279. text-shadow: 0px 1px 0px #FFF !important;
  280. background: none !important;
  281. border: none !important;
  282. box-shadow: none !important;
  283. }
  284. .ipsBox_withphoto {
  285. float: left;
  286. margin-left: 10px;
  287. }
  288.  
  289.  
  290.  
  291. panda-code{
  292. background-color: #fcfcfc!important;
  293. border: none!important;
  294. padding: 0!important;}
  295.  
  296. .codebox dd.cont_code {
  297. height: auto !important;
  298. max-height: 300px !important;
  299. overflow: auto;
  300. }
  301. .panda-theme-select {
  302. float: right;
  303. margin: 2px 5px;
  304. display:none;
  305. }
  306. .panda-code, dl.codebox code {
  307. padding: 5px 20px;
  308. font-size: 0.9em;
  309. font-family: monospace;
  310. background: #EFEFEF;
  311. color: #0D700D;
  312. border: 1px solid #CCC;
  313. overflow: auto;
  314. max-height: 200px;
  315. text-shadow: 0 1px white;
  316. text-align: left;
  317. display: block;
  318. }
  319. .panda-code ol { padding-left: 15px; }
  320. .panda-code ol li {
  321. padding: 1px 10px;
  322. margin: 4px 0;
  323. border-left: 2px solid green;
  324. list-style-type: decimal-leading-zero;
  325. }
  326. .panda-code ol li:hover { background: #F5EFEF; }
  327. .panda-string, .panda-multiLineString { color: #C03; } /* string literals */
  328. .panda-special { color: #09F; } /* words defined as special */
  329. .panda-keyword, .panda-extra { color: #009; } /* keywords. .panda-extra = square braces, parentheses and curly braces. */
  330. .panda-int { color: #f00; } /* integers. */
  331. .panda-operators { font-weight: bold; color : #000; } /* > < & = == === !== != ! && * % + / || */
  332. .panda-comment1, .panda-comment2, .panda-comment3 { color: #666!important; font-style: italic; } /* comments */
  333. .panda-regexp { color: #F802F8; } /* regular expressions like: /regexp/ */
  334. .panda-JSglobal { color: #81203B; font-weight: bold; font-size: 1.1em; } /* colors the words: window, document, navigator and screen */
  335. .panda-selector { color: #FF00F5; } /* selector section */
  336. .panda-cssproperty { color : #105289; } /* property name */
  337. .panda-cssunit { color: #F802F8; } /* CSS units. 1px 1.2em etc */
  338. .panda-important { color: #f00; } /* !important declaration */
  339. .panda-selector-pseudo { color: #D36CD3; font-style: italic; } /* Pseudo selectors */
  340. .panda-htmltag { color : #0E66D6; } /* HTML tag */
  341. .panda-xmlcomment { color : #666; } /* XML comment: */
  342. .panda-htmltag-special { color : #A333D8; } /* a, script, body, head, html, meta, link tags. */
  343. .panda-htmltag-attribute { color : blue; } /* attribute value */
  344. /* Panda Syntax Highlighter - https://github.com/AvacWeb/Panda */
  345. .panda-code {
  346. padding: 5px 10px;
  347. font-size: 1.2em;
  348. font-family: monospace;
  349. background: #EFEFEF;
  350. color: #0D700D;
  351. border: 1px solid #CCC;
  352. overflow: auto;
  353. max-height: 300px;
  354. text-shadow: 0 1px white;
  355. text-align: left;
  356. display: block;
  357. }
  358. .panda-code ol { padding-left: 15px; }
  359. .panda-code ol li {
  360. padding: 1px 10px;
  361. margin: 4px 0;
  362. border-left: 2px solid green;
  363. list-style-type: decimal-leading-zero;
  364. }
  365. .panda-code ol li:hover { background: #DEDEDE; }
  366. .panda-string, .panda-multiLineString { color: #C03; } /* string literals */
  367. .panda-special { color: #09F; } /* words defined as special */
  368. .panda-keyword, .panda-extra { color: #009; } /* keywords. .panda-extra = square braces, parentheses and curly braces. */
  369. .panda-operators { font-weight: bold; color : #000; } /* > < & = == === !== != ! && * % + / || */
  370. .panda-comment1, .panda-comment2, .panda-comment3 { color: #666!important; font-style: italic; } /* comments */
  371. .panda-int { color: #f00; }
  372. /*NOS TOPICOS-POST*/
  373. dl.codebox code {
  374. background-color: #fcfcfc!important;
  375. border: none!important;
  376. padding: 0!important;}
  377. .codebox dd.cont_code {
  378. max-height: 315px!important;
  379. padding: 0px;}
  380. .codebox {
  381. background-color: #fcfcfc !important;
  382. border: 1px solid #e3e3e3;
  383. overflow: auto;}
  384. .codebox dd{background-color: #fcfcfc!important;}
  385. .codebox dt {
  386. font-size: 12px;
  387. padding: 8px 10px;
  388. border-bottom: 1px solid #e3e3e3;
  389. background: #f2f2f2 url('http://i.imgur.com/haNJ0ol.png') repeat-x 0 0;
  390. color: #535353;
  391. text-shadow: rgba(255,255,255,1) 0px 1px 0px;
  392. font-weight: bold;
  393. }
  394. .pun-crumbs p {line-height: 1.8!important;}
  395. .pun-crumbs {
  396. background: #e4e4e4;
  397. background-image: -moz-linear-gradient(top, rgba(255,255,255,05) 0%, rgba(255,255,255,0.7) 100%);
  398. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.7)));
  399. background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 100%);
  400. background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 100%);
  401. background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 100%);
  402. background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 100%);
  403. border: 1px solid #c4c4c4;
  404. border-bottom: 1px solid #d8d8d8;
  405. text-shadow: #fff 0px 1px 0px;
  406. -moz-border-radius: 3px;
  407. -webkit-border-radius: 3px;
  408. border-radius: 3px;
  409. -webkit-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
  410. -moz-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
  411. box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
  412. overflow: hidden;
  413. margin-bottom: 10px;
  414. }
  415. p.crumbs {
  416. color: #F3F3F3;
  417. height: 29px!important
  418. }
  419. p.crumbs a:hover {
  420. background-position: 100% -44px;
  421. }
  422. p.crumbs a {
  423. background: url(http://i57.servimg.com/u/f57/14/89/34/10/second10.png) no-repeat scroll 100% center transparent;
  424. background-position: 100% -1px;
  425. color: #757575!important;
  426. margin-left: -16px;
  427. padding: 12px 20px 14px 25px;
  428. position: relative;
  429. text-shadow: 0 1px 0 #fff;
  430. transition: none;
  431. font-size: 10px!important;
  432. }
  433. p.crumbs a:hover:before {
  434. background: url(http://i57.servimg.com/u/f57/14/89/34/10/second10.png) no-repeat 0 -44px;
  435. }
  436. p.crumbs a:after, p.crumbs a:before {
  437. content: " ";
  438. display: block;
  439. height: 100%;
  440. left: -9px;
  441. position: absolute;
  442. top: 0;
  443. width: 16px;
  444. }
  445. p.crumbs a:active {
  446. background-position: 100% -87px;
  447. }
  448. p.crumbs a:before {
  449. background: url(http://i57.servimg.com/u/f57/14/89/34/10/second10.png) no-repeat 0 -1px;
  450. }
  451. p.crumbs a:active:before {
  452. background: url(http://i57.servimg.com/u/f57/14/89/34/10/second10.png) no-repeat 0 -87px;
  453. }
  454. #search_menu .title-overview {
  455. text-align: center;
  456. background: #EEEEEE !important;
  457. border-bottom: 1px solid #ddd;
  458. line-height: 30px;
  459. font-size: 14px;
  460. font-weight: bold;
  461. }
  462. #search_menu.overview {
  463. background: white !important;
  464. }
  465. div.menuidx {
  466. left: 87px;
  467. position: relative;
  468. }
  469.  
  470. .seta-titulo {
  471. margin-left: 80px!important;
  472. top: -60px!important;
  473. }
  474. #profile-advanced-details .main-content, .pun .main-content {
  475. border-bottom-left-radius: 1pc !important;
  476. border-bottom-right-radius: 1pc !important;
  477. }
  478. #pun-info > div.main-content {/*Estatísticas*/
  479. border-width: 2px!important;
  480. }
  481. .ucpoption:hover {
  482. margin-left: 10px;
  483. }
  484. .ucpoption {
  485. font-size: 10px;
  486. transition: 0.5s;
  487. }
  488. .ucptitle {
  489. font-size: 14px;
  490. font-weight: bold;
  491. font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
  492. }
  493. #stats_sidebar {
  494. margin: -10px;
  495. }
  496. .List_data li {
  497. padding: 6px;
  498. line-height: 1.3;
  499. }
  500. #stats_sidebar li {
  501. border-bottom: 1px solid #E9EDEE;
  502. }
  503. #stats_sidebar .srl {
  504. font-weight: bold;
  505. }
  506. #stats_sidebar .srr {
  507. float: right;
  508. }
  509. #right .main-content ol, #right .main-content ul {
  510. padding-left: 0px !important;
  511. }
  512. #newFriend a {
  513. color: #900;
  514. text-decoration: none;
  515. font: bold 16px Georgia;
  516. }
  517. #newFriend {
  518. text-shadow: 1px 2px 0 #d3d3d3;
  519. line-height: 2em;
  520. background: #f9f9f9;
  521. border-bottom: 0;
  522. border: 1px solid #a2a2a2 !important;
  523. border-radius: 15px !important;
  524. box-shadow: inset 0 0 5px rgba(128, 128, 128, 0.68) !important;
  525. border-radius: 6px 6px 0 0;
  526. -moz-border-radius: 6px 6px 0 0;
  527. -webkit-border-radius: 6px 6px 0 0;
  528. -o-border-radius: 6px 6px 0 0;
  529. bottom: 0;
  530. box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
  531. -moz-box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
  532. -webkit-box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
  533. -o-box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
  534. color: #333;
  535. font-weight: 700;
  536. left: 75%;
  537. min-height: 2em;
  538. padding: 1em;
  539. position: fixed;
  540. text-align: center;
  541. width: 230px;
  542. }
  543.  
  544. #user_inbox_link_menucontent {
  545. left: 865px !important;
  546. }
  547. .avt-r img{
  548. background: none repeat scroll 0% 0% #FFF;
  549. border: 1px solid #D5D5D5 !important;
  550. box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
  551. float: left;
  552. height: 28px;
  553. margin: 3px;
  554. padding: 1px;
  555. width: 28px;
  556. }
  557. #perfil_drop{
  558. background: linear-gradient(#FFF, #EDEDED) repeat scroll 0px 0px transparent;
  559. border: 0px none !important;
  560. border-radius: 0px 0px 6px 6px;
  561. box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.4);
  562. color: #225985;
  563. font-family: helvetica,arial,sans-serif;
  564. font-size: 12px;
  565. font-style: normal;
  566. font-variant: normal;
  567. font-weight: 400;
  568. overflow: hidden;
  569. position: absolute;
  570. right: 40%;
  571. text-align: left;
  572. top: 30px;
  573. width: 360px;
  574. z-index: 999;
  575. }
  576. .avat img {
  577. background: none repeat scroll 0px 0px #FFF;
  578. border: 1px solid #D5D5D5;
  579. box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
  580. height: 50px;
  581. margin: 10px;
  582. padding: 1px;
  583. width: 50px;
  584. }
  585. #perfil_drop li {
  586. float: right;
  587. line-height: 22px;
  588. white-space: nowrap;
  589. width: 38%;
  590. }
  591. #perfil_drop li a {
  592. color: #00569C;
  593. text-decoration: none;
  594. }
  595. #page-body {
  596. margin-top: -20px !important;
  597. }
  598. div#secondary_navigation {display: none;}
  599. .pun .post .user {
  600. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd',endColorstr='#bfbfbf',GradientType=0);
  601. font-size: 12px;
  602. margin-bottom: 7px;
  603. margin-left: -220px;
  604. min-height: 350px;
  605. padding: 7px;
  606. margin-top: -30px;
  607. width: 16em;
  608. text-align: center;
  609. }
  610. .pun .postmain {
  611. background-color: #FDFEFF;
  612. border-left: 1px solid #CBDAEA;
  613. margin-left: 17em;
  614. }
  615. .pun .posthead {
  616. background-color: #F4FAFF;
  617. border-bottom: 1px solid #CBDAEA;
  618. padding: .5em 1.3em .5em 1em;
  619. }
  620. .pun .posthead h2 {
  621. line-height: 1.2em;
  622. }
  623. element.style {
  624. z-index: 999;
  625. min-width: 1px;
  626. min-height: 1px;
  627. max-height: 1500px;
  628. max-width: 1500px;
  629. }
  630. table.staff-list {
  631. box-shadow: 1px 1px 3px;
  632. margin: auto;
  633. width: 95%;
  634. }
  635. div * {
  636. margin: 0;
  637. padding: 0;
  638. }
  639. * {
  640. margin: 0;
  641. padding: 0;
  642. }
  643. * {
  644. margin: 0;
  645. padding: 0;
  646. }
  647. user agent stylesheettable {
  648. display: table;
  649. border-collapse: separate;
  650. border-spacing: 2px;
  651. border-color: gray;
  652. }
  653. element.style {
  654. }
  655. div * {
  656. margin: 0;
  657. padding: 0;
  658. }
  659. * {
  660. margin: 0;
  661. padding: 0;
  662. }
  663. * {
  664. margin: 0;
  665. padding: 0;
  666. }
  667. user agent stylesheettbody {
  668. display: table-row-group;
  669. vertical-align: middle;
  670. border-color: inherit;
  671. }
  672. tr {
  673. display: table-row;
  674. vertical-align: inherit;
  675. border-color: inherit;
  676. }
  677. element.style {
  678. border-bottom: 1px solid #D60D0D;
  679. font-weight: normal;
  680. }
  681. table.staff-list td.staff-rank {
  682. font-weight: 400;
  683. }
  684. table.staff-list td {
  685. font-weight: 700;
  686. padding: 4px;
  687. }
  688. .pun div, .pun td, .sig-line {
  689. border-color: ##dddddd;
  690. color: ##dddddd;
  691. }
  692. div * {
  693. margin: 0;
  694. padding: 0;
  695. }
  696. element.style {
  697. }
  698. div * {
  699. margin: 0;
  700. padding: 0;
  701. }
  702. * {
  703. margin: 0;
  704. padding: 0;
  705. }
  706. * {
  707. margin: 0;
  708. padding: 0;
  709. }
  710. user agent stylesheettr {
  711. display: table-row;
  712. vertical-align: inherit;
  713. border-color: inherit;
  714. }
  715. tbody {
  716. display: table-row-group;
  717. vertical-align: middle;
  718. border-color: inherit;
  719. }
  720. .pun .posthead h2 strong {
  721. background-color: #6F8F52;
  722. border-bottom-left-radius: 4px;
  723. border-bottom-right-radius: 4px;
  724. border-top-left-radius: 4px;
  725. border-top-right-radius: 4px;
  726. color: #fff;
  727. margin-top: -4px;
  728. padding: 4px 7px;
  729. }
  730. .post_field {
  731. background: #fff none;
  732. border: 1px solid #B9C4CD;
  733. color: #414141;
  734. margin: 2px 0 0;
  735. padding: 3px 0;
  736. }
  737. .post_field .label {
  738. font-weight: 700;
  739. }
  740. .pun .user-ident .username {
  741. margin-bottom: 5px!important;
  742. position: relative!important;
  743. }
  744. .postfoot {
  745. background: #F4FAFF;
  746. border-top: 1px solid #CBDAEA;
  747. clear: both;
  748. margin-left: -17em;
  749. padding: .5em 1em;
  750. text-align: right;
  751. }
  752. .sharepostadipst {
  753. background: whitesmoke;
  754. min-height: 30px;
  755. border-left: 1px solid #C3C3C3;
  756. border-right: 1px solid #C3C3C3;
  757. padding-top: 15px;
  758. text-align: center;
  759. }
  760. .pun .post {
  761. border-color: #eee #fff #ccc;
  762. border-style: solid none;
  763. border-width: 2px 0 1px;
  764. background: #FDFEFF;
  765. border: 1px solid #CBDAEA;
  766. margin: 10px;
  767. }
  768. .main > .main-content {
  769. margin-bottom: 0px;
  770. }
  771. body {
  772. font: normal 13px Ubuntu,helvetica,arial,sans-serif;
  773. }
  774. @font-face {
  775. font-family: 'Ubuntu';
  776. font-style: normal;
  777. font-weight: 400;
  778. src: local('Ubuntu'), url(http://themes.googleusercontent.com/static/fonts/ubuntu/v5/_xyN3apAT_yRRDeqB3sPRg.woff) format('woff');
  779. }
  780. html, body {
  781. background: #eee url(http://virteq.com/public/style_images/bulletin/bg.gif);
  782. color: #5a5a5a;
  783. }
  784. .pun {
  785. margin: 0 auto;
  786. width: 84% !important;
  787. min-width: 980px;
  788. background: transparent;
  789. padding: 10px 10px;
  790. line-height: 120%;
  791. padding-top: 20px;
  792. }
  793. .main_width {
  794. margin: 0 auto;
  795. width: 84% !important;
  796. min-width: 980px;
  797. }
  798. #pun-head {
  799. display: none;
  800. }
  801. #pun-visit.clearfix, .main-box {
  802. display: none!important;
  803. }
  804. #pun-intro {
  805. display: none;
  806. }
  807. input, select {
  808. font-family: helvetica,arial,sans-serif!important;
  809. font-size: 13px!important;
  810. font-style: normal!important;
  811. font-variant: normal!important;
  812. font-weight: normal!important;
  813. }
  814. /*----------[Borrar Subrayados]------------*/
  815. a {text-decoration: none;}
  816. a:link {text-decoration: none;}
  817. a:hover {text-decoration: none!important;}
  818. a.forumtitle {text-decoration: none;}
  819. a.forumtitle:hover {text-decoration: none!important;}
  820. a.topictitle {text-decoration: none;}
  821. a.topictitle:hover {text-decoration: none!important;}
  822. /*----------------FIN---------------*/
  823. img, .input_check, .input_radio {
  824. vertical-align: middle;
  825. }
  826. .pun a:hover {
  827. color: #6684a3;
  828. }
  829.  
  830. .pun a:link {
  831. color: #506881;
  832. text-decoration: none;
  833. }
  834. /************************************************************************/
  835. /* LISTS */
  836.  
  837. .ipsList_inline > li {
  838. display: inline-block;
  839. margin: 0 3px;
  840. }
  841. .ipsList_inline > li:first-child { margin-left: 0; }
  842. .ipsList_inline > li:last-child { margin-right: 0; }
  843. .ipsList_inline.ipsList_reset > li:first-child { margin-left: 3px; }
  844. .ipsList_inline.ipsList_reset > li:last-child { margin-right: 3px; }
  845. .ipsList_inline.ipsList_nowrap { white-space: nowrap; }
  846.  
  847. .ipsList_withminiphoto > li { /*margin-bottom: 8px;*/ padding: 7px; }
  848. .ipsList_withmediumphoto > li .list_content { margin-left: 60px; }
  849. .ipsList_withminiphoto > li .list_content { margin-left: 44px; }
  850. #index_stats .ipsList_withtinyphoto .list_content,
  851. .ipsList_withtinyphoto > li .list_content { margin-left: 32px; }
  852. .list_content { word-wrap: break-word; }
  853.  
  854. .ipsList_data li { padding: 6px; line-height: 1.3; }
  855. .ipsList_data .row_data { display: inline-block; }
  856. .ipsList_data .row_title, .ipsList_data .ft {
  857. display: inline-block;
  858. float: left;
  859. width: 120px;
  860. font-weight: bold;
  861. text-align: right;
  862. padding-right: 10px;
  863. }
  864.  
  865. .ipsList_data.ipsList_data_thin .row_title, .ipsList_data.ipsList_data_thin .ft {
  866. width: 80px;
  867. }
  868. /***header***/
  869. #header_bar {
  870. background: transparent;
  871. padding: 0;
  872. text-align: right;
  873. }
  874. #branding, #header_bar {
  875. min-width: 980px;
  876. }
  877. #user_navigation {
  878. color: #989898;
  879. font-size: 11px;
  880. }
  881. #user_navigation .ipsList_inline li {
  882. margin: 0;
  883. }
  884. #user_navigation a {
  885. color: #989898;
  886. text-shadow: 0 1px 0 #fff;
  887. }
  888.  
  889. #user_navigation a {
  890. color: #989898;
  891. text-shadow: 0 1px 0 #fff;
  892. }
  893.  
  894. #inbox_link {
  895. background: url(http://virteq.com/public/style_images/bulletin/icon_inbox.png) no-repeat top;
  896. }
  897. #notify_link {
  898. background: url(http://virteq.com/public/style_images/bulletin/icon_notify.png) no-repeat top;
  899. }
  900. #notify_link, #inbox_link {
  901. vertical-align: middle;
  902. width: 18px;
  903. height: 15px;
  904. padding: 13px 24px 8px 12px;
  905. position: relative;
  906. }
  907.  
  908.  
  909.  
  910. #user_link {
  911. font-size: 12px;
  912. color: #989898;
  913. padding: 0 12px;
  914. height: 36px;
  915. line-height: 36px;
  916. display: inline-block;
  917. margin-right: 15px;
  918. outline: 0;
  919. }
  920. #user_link:hover, #notify_link:hover, #inbox_link:hover {
  921. background-color: #e2e2e2;
  922. color: #444;
  923. }
  924. #user_navigation a {
  925. color: #989898;
  926. text-shadow: 0 1px 0 #fff;
  927. }
  928. #user_link_dd, .dropdownIndicator {
  929. display: inline-block;
  930. width: 9px;
  931. height: 5px;
  932. background: url(http://virteq.com/public/style_images/bulletin/header_dropdown.png) no-repeat left;
  933. }
  934. #user_navigation #register_link { background: #2d3b4a; color: #fff; display: inline-block; padding: 3px 8px; border: 1px solid #2d3b4a; -webkit-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4); -moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4); box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4); text-shadow: 0px 1px 2px rgba(0,0,0,0.3); }
  935. .pun .paged-foot, .pun .paged-head {
  936. background-color: transparent;
  937. border: 0;
  938. padding: 0.6em 1.3em 0.3em;
  939. }
  940. /*BRANDING*/
  941. #branding {
  942. background: #617e9c url(http://virteq.com/public/style_images/bulletin/branding_bg.png) repeat-x;
  943. border-bottom: 0px solid #1b3759;
  944. min-height: 91px;
  945. border-radius: 4px;
  946. -moz-border-radius: 4px;
  947. -webkit-border-radius: 4px;
  948. }
  949. #branding_left {
  950. height: 91px;
  951. width: 10px;
  952. background: url(http://virteq.com/public/style_images/bulletin/branding_left.png) no-repeat left;
  953. position: relative;
  954. float: left;
  955. }
  956. #logo {
  957. display: inline;
  958. float: left;
  959. position: relative;
  960. }
  961.  
  962. #branding_right {
  963. height: 91px;
  964. width: 5px;
  965. background: url(http://virteq.com/public/style_images/bulletin/branding_right.png) no-repeat right;
  966. position: relative;
  967. float: right;
  968. }
  969. #primary_nav {
  970. background: transparent;
  971. font-size: 13px;
  972. padding: 0px 0 0 0;
  973. position: relative;
  974. float: right;
  975. font-family: 'Ubuntu',sans-serif;
  976. margin-top: 25px;
  977. }
  978. #community_app_menu>li {
  979. margin: 0px 3px 0 0;
  980. position: relative;
  981. }
  982. #community_app_menu>li>a {
  983. color: #e4f1ff;
  984. background: transparent;
  985. display: block;
  986. padding: 6px 10px 8px;
  987. text-shadow: 0px 0px 0px rgba(0,0,0,0.5);
  988. }
  989. #community_app_menu>li>a:hover, #community_app_menu>li>a.menu_active {
  990. background: #5c7896;
  991. color: #fff;
  992. border-radius: 4px;
  993. -moz-border-radius: 4px;
  994. -webkit-border-radius: 4px;
  995. }
  996. #community_app_menu>li.active>a {
  997. background: #526c87;
  998. color: #fff;
  999. font-weight: bold;
  1000. margin-top: 0;
  1001. text-shadow: none;
  1002. border-radius: 4px;
  1003. -moz-border-radius: 4px;
  1004. -webkit-border-radius: 4px;
  1005. }
  1006.  
  1007. #primary_nav
  1008. #quickNavLaunch{padding:6px
  1009. 8px 8px}#more_apps_menucontent,.submenu_container{background:#506881;font-size:12px;border:0;min-width:140px}#more_apps_menucontent li, .submenu_container
  1010. li{padding:0;border:0;float:none !important;min-width:150px}#more_apps_menucontent a, .submenu_container
  1011. a{display:block;padding:8px
  1012. 10px;color:#fff;text-shadow:0px 1px 1px rgba(0,0,0,0.5)}#more_apps_menucontent li:hover, .submenu_container li:hover{color:#fff;background-color:#7293b5 !important}#more_apps_menucontent li:hover a, .submenu_container li:hover
  1013. a{color:#fff;text-shadow:none;background:#7293b5}#community_app_menu .submenu_container,#more_apps_menucontent.submenu_container{width:260px}#community_app_menu .submenu_container li,
  1014. #more_apps_menucontent.submenu_container
  1015. li{width:260px}#secondary_navigation{background:#fafafa;height:24px;line-height:24px;border:1px
  1016. solid #e5e5e5;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;padding:5px;padding-right:0 !important}.breadcrumb{color:#777;font-size:11px}.breadcrumb
  1017. a{color:#777}.breadcrumb li
  1018. .nav_sep{margin:0
  1019. 5px 0 0}.breadcrumb li:first-child{margin-left:0}.breadcrumb.top{margin-bottom:10px}.breadcrumb.bottom{margin-top:10px;width:100%}.ipsHeaderMenu{background:#fff;background:-moz-linear-gradient(top, #fff 0%, #f6f6f6 70%, #ededed 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(70%,#f6f6f6), color-stop(100%,#ededed));padding:10px;-moz-border-radius:0 0 6px 6px;-webkit-border-bottom-right-radius:6px;-webkit-border-bottom-left-radius:6px;border-radius:0 0 6px 6px;overflow:hidden;width:340px}.ipsHeaderMenu
  1020. .ipsType_sectiontitle{margin-bottom:8px}#user_notifications_link_menucontent.ipsHeaderMenu,#user_inbox_link_menucontent.ipsHeaderMenu{width:300px}#search{margin:0px
  1021. 0}#main_search{font-size:12px;border:0;padding:0;background:transparent;width:130px;outline:0}#main_search.inactive{color:#bcbcbc}#search_wrap{position:relative;background:#fff;display:block;padding:0
  1022. 26px 0 4px;height:26px;line-height:25px;-moz-border-radius:3px 4px 4px 3px;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:3px;border-radius:3px 4px 4px 3px;min-width:230px;border:1px
  1023. solid #eee}#adv_search{width:16px;height:16px;background:url(http://virteq.com/public/style_images/bulletin/advanced_search.png) no-repeat right 50%;text-indent:-3000em;display:inline-block;margin:5px
  1024. 0 4px 4px}#search
  1025. .submit_input{background:#617E9C url(http://virteq.com/public/style_images/bulletin/search_icon.png) no-repeat 50%;text-indent:-3000em;padding:0;border:0;border:1px
  1026. solid #617E9C;display:block;width:26px;height:26px;position:absolute;right:0;top:0;bottom:0;-moz-border-radius:0 3px 3px 0;-webkit-border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;border-radius:0 3px 3px 0;-webkit-box-shadow:inset 0px 1px 0 rgba(255,255,255,0.2);-moz-box-shadow:inset 0px 1px 0 rgba(255,255,255,0.2);box-shadow:inset 0px 1px 0 rgba(255,255,255,0.2)}#search_options{font-size:10px;height:20px;line-height:20px;margin:3px
  1027. 3px 3px 0;padding:0
  1028. 6px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background:#eaeaea;display:inline-block;float:right;max-width:80px;text-overflow:ellipsis;overflow:hidden}#search_options_menucontent{min-width:100px;white-space:nowrap}#search_options_menucontent
  1029. input{margin-right:10px}#search_options_menucontent
  1030. li{border-bottom:0;padding:0;margin:0;border:0px
  1031. solid #fff}#search_options_menucontent
  1032. label{cursor:pointer}#backtotop{width:24px;height:24px;line-height:20px;left:50%;margin-left:-12px;position:absolute;display:inline-block;background:#b9b9b9;text-align:center;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;opacity:0.4;outline:0}#backtotop:hover{background:#64819c;color:#fff;opacity:1}#footer_utilities{padding:10px;font-size:11px;position:relative}#footer_utilities .ipsList_inline>li>a{margin-right:0px;padding:4px
  1033. 10px}
  1034. #main_search {
  1035. background: transparent;
  1036. border: 0;
  1037. font-size: 12px!important;
  1038. outline: 0;
  1039. padding: 0;
  1040. width: 130px;
  1041. margin-top: 5px;
  1042. }
  1043. #toplinks li {
  1044. padding-left: 10px;
  1045. padding-right: 10px;
  1046. border-left: 1px solid #f0f0f0;
  1047. padding-top: 5px;
  1048. padding-bottom: 5px;
  1049. margin-top: -5px;
  1050. box-shadow: inset 1px 0 0 #fff;
  1051. -moz-box-shadow: inset 1px 0 0 #fff;
  1052. -webkit-box-shadow: inset 1px 0 0 #fff;
  1053. display: block;
  1054. }
  1055.  
  1056. #toplinks li { padding-left: 10px; padding-right: 10px; border-left: 1px solid #f0f0f0; padding-top: 5px; padding-bottom: 5px; margin-top: -5px; box-shadow: inset 1px 0 0 #fff; -moz-box-shadow: inset 1px 0 0 #fff; -webkit-box-shadow: inset 1px 0 0 #fff; display: block; }
  1057. #quickNavLaunch span {
  1058. background: url(http://virteq.com/public/style_images/bulletin/icon_quicknav.png) no-repeat top;
  1059. width: 13px;
  1060. height: 13px;
  1061. display: inline-block;
  1062. }
  1063. .hide {
  1064. display: none;
  1065. }
  1066.  
  1067. #toplinks li:hover {
  1068. background: #fff;
  1069. }
  1070.  
  1071. /*index-box*/
  1072.  
  1073. div.derechita { margin-left: 8px; }
  1074.  
  1075. .pun .main-content, #profile-advanced-details .main-content {
  1076. background: #fff;
  1077. border: 1px solid #e6e6e6;
  1078. padding: 9px;
  1079. border-radius: 0px!important;
  1080. -moz-border-radius: 4px 4px 0 0 !important;
  1081. -webkit-border-bottom-left-radius: 0 !important;
  1082. -webkit-border-bottom-right-radius: 0 !important;
  1083. }
  1084.  
  1085. #profile-advanced-details .main-content .middleline {
  1086. line-height: 2em;
  1087. background: white;
  1088. padding: 9px;
  1089. border: 1px solid #e6e6e6;
  1090. border-radius: 4px 4px 0 0!important;
  1091. }
  1092. .table tbody.statused tr td {
  1093. background: rgba(223, 192, 192, 0)!important;
  1094. border: 0;
  1095. border-bottom: 1px solid #f3f3f3!important;
  1096. color: #5a5a5a;
  1097. font-size: 12px;
  1098. font-family: Ubuntu,helvetica,arial,sans-serif;
  1099. }
  1100.  
  1101. .main .main-foot, .main .main-head {
  1102. background: #506881 url() no-repeat bottom left;
  1103. color: #fff;
  1104. padding: 10px 10px 11px;
  1105. font-size: 16px;
  1106. font-weight: 300;
  1107. -moz-border-radius: 4px 4px 0 0;
  1108. -webkit-border-top-left-radius: 4px;
  1109. -webkit-border-top-right-radius: 4px;
  1110. border-radius: 4px 4px 0 0;
  1111. border-width: 0;
  1112. border-color: #506881;
  1113. border-style: solid;
  1114. }
  1115.  
  1116. .main .main-foot {
  1117. background-image: none;
  1118. border-radius: 0px 0px 4px 4px;
  1119. }
  1120. .main .ipb-content, .pun .post {
  1121. background: #fcfcfc;
  1122. border: 1px solid #e5e5e5;
  1123. border-radius: 4px;
  1124. -moz-border-radius: 4px;
  1125. -webkit-border-radius: 4px;
  1126. }
  1127. .pun .post {
  1128. background: #f4f8fc;
  1129. border-bottom: 1px solid #d6e3f0;
  1130. border-radius: 0px;
  1131. }
  1132. .pun .subtopic {
  1133. border-radius: 4px;
  1134. }
  1135. span.desc {
  1136. font-size: 12px;
  1137. color: #777;
  1138. }
  1139.  
  1140. .main .main-head .page-title, .main .main-head .page-title .h2, .main .main-head .page-title h2 {
  1141. font-family: Ubuntu,tahoma, helvetica, arial, sans-serif;
  1142. font-size: 16px;
  1143. font-style: normal;
  1144. font-variant: normal;
  1145. font-weight: 300;
  1146. }
  1147. .table tbody.statused tr:hover{background:#f4f8fc}
  1148.  
  1149. .table tbody.statused tr td a.forumtitle {
  1150. color: #506881;
  1151. text-decoration: none;
  1152. word-wrap: break-word;
  1153. font-weight: normal;
  1154. font: normal 13px Ubuntu,helvetica,arial,sans-serif;
  1155. }
  1156. .pun table.table td.tc3 {
  1157. -moz-transition: all .5s ease-in-out 0;
  1158. -webkit-transition: all .5s ease-in-out 0;
  1159. transition: all .5s ease-in-out 0;
  1160. }
  1161. .pun table.table td.tc3:hover {
  1162. opacity: 1;
  1163. }
  1164. .pun table.table td.tcr:hover {
  1165. opacity: 1;
  1166. }
  1167. .pun table.table td.tcr {
  1168. -moz-transition: all .5s ease-in-out 0;
  1169. -webkit-transition: all .5s ease-in-out 0;
  1170. }
  1171. td.tcr span a:empty:before {
  1172. color: #a4a4a4;
  1173. content: "Não há tópicos para visualizar";
  1174. cursor: default;
  1175. margin: 1px 0 4px 8px;
  1176. pointer-events: none;
  1177. text-align: center;
  1178. word-wrap: break-word;
  1179. }
  1180. .mini_ava img:hover {
  1181. border-color: #7D7D7D;
  1182. }
  1183. .mini_ava {
  1184. float: left;
  1185. }
  1186. .mini_ava img {
  1187. background: none repeat scroll 0% 0% #FFF;
  1188. border: 1px solid #D5D5D5;
  1189. box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
  1190. height: 36px;
  1191. margin: 0px 10px;
  1192. padding: 1px;
  1193. width: 36px;
  1194. }
  1195. /*topic_body*/
  1196.  
  1197. #pun-qpost .frm-form { background: #fcfcfc; border: 1px solid #DCE2EC; }
  1198. .post_block { background: #e6f0fa; color: #FFF; font-size: 15px; font-weight: 400; height: 30px; line-height: 30px; padding: 0 10px; }
  1199. .post_block span.creator a {
  1200. color: rgb(255, 255, 255) !important;
  1201. font-weight: 100 !important;
  1202. }
  1203. .post_block span.creator a span,.post_block span.creator a span strong {
  1204. color: #506881 !important;
  1205. font-weight: 100 !important;
  1206. }
  1207.  
  1208. .desc_post { float: right; font-weight: 400; margin-right: 17px!important; margin-top: -23px; text-align: right; font-size: 12px; color: #777; }
  1209.  
  1210. .pun .posthead h2 {
  1211. font-family: Arimo,sans-serif;
  1212. font-size: 12px;
  1213. }
  1214. .pun .posthead {
  1215. background: none repeat scroll 0% 0% transparent;
  1216. border-bottom: 0px none;
  1217. color: #A4A4A4;
  1218. font-size: 12px !important;
  1219. font-weight: 400;
  1220. margin: 0px 10px 0px 0px;
  1221. padding-top: 10px;
  1222. }
  1223. .pun .postmain { background: none repeat scroll 0 0 #FFF; border-left: 1px solid #dfe7f0; height: 100%; margin: 0 0 0 175px; padding-right: 10px; }
  1224.  
  1225. .pun .post .user { float: left; font-size: 12px; padding: 10px 30px; text-align: center; width: 145px; margin-left: -146pt; }
  1226.  
  1227. .user-basic-info a img:hover {
  1228. border-color: #7D7D7D;
  1229. }
  1230. .user-basic-info a img {
  1231. background: none repeat scroll 0% 0% #FFF;
  1232. border: 1px solid #D5D5D5;
  1233. box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
  1234. padding: 1px;
  1235. }
  1236. .pun .user .user-rank {
  1237. font-size: 12px;
  1238. line-height: 122%;
  1239. margin-top: 6px;
  1240. }
  1241. .pun .user .user-info {
  1242. color: #A4A4A4;
  1243. font-size: 12px;
  1244. line-height: 19px;
  1245. }
  1246.  
  1247. .postfoot { border-bottom: 0; border-top: 0; clear: both; margin-left: -14em; padding: .5em 1em; text-align: right; }
  1248.  
  1249. .pun .user .user-info { background: transparent; border-left: 1px solid #e9eff5; border-right: 1px solid #e9eff5; border-top: 1px solid #e9eff5; color: gray; font-size: 11px; line-height: 1.8em; list-style: none outside none; padding: 0; text-align: left; }
  1250.  
  1251. div.custom_field {
  1252. border-bottom: 1px solid #e9eff5;
  1253. border-top: 1px solid #fff;
  1254. padding: 1px 0px 2px 0px;
  1255. background: #f7fbff;
  1256. text-align: center;
  1257. color: #667a8f;
  1258. }
  1259.  
  1260. .main .main-head.collapsed {
  1261. border-radius: 4px 4px 4px 4px;
  1262. opacity: .2;
  1263. }
  1264. .main .main-head.collapsed:hover {
  1265. opacity: 0.4;
  1266. }
  1267.  
  1268.  
  1269. .table tbody.statused tr td.tdtopics a.topictitle { font-size: 14px; display: inline-block; margin-bottom: 1px; }
  1270.  
  1271. .table tbody.statused tr td div.by.smalltext { font-size: 11px; color: #a4a4a4; }
  1272.  
  1273. .pun .table .tch3xd { text-align: right; }
  1274.  
  1275. .pun table.table th { display: none; }
  1276.  
  1277. #board_stats ul { text-align: center; }
  1278.  
  1279. #board_stats .value { display: inline-block; background: #CDDAE8; color: #3b5067; padding: 2px 6px; font-weight: bold; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin-right: 3px; margin-top: 15px; }
  1280.  
  1281.  
  1282. /** Acá empieza el css de los widgets, estén preparados xD **/
  1283.  
  1284. .module.main { margin: 0 0 0 11px !important; background: #fff; border: 1px solid #e6e6e6; padding: 8px; border-radius: 4px; -webkit-border-radius: 4px; }
  1285.  
  1286. .module > .main-head { font: normal 14px helvetica, arial, sans-serif; color: #596a7b; padding: 5px 10px; background: #cddae8 url(http://virteq.com/public/style_images/bulletin/sidebar_h3.png) no-repeat bottom right; text-shadow: 0 1px 0 #e7f0f8; border-radius: }
  1287.  
  1288. .module .main-content { background: #fbfbfb!important; padding: 10px!important; border: 1px solid #e3e3e3!important; border-top: 0px none!important; border-radius: 0px!important; font-size: 12px; color: #777; }
  1289.  
  1290. /*css widget stats*/
  1291. #stat_esxd .valor_xd { background: #cddae8; border-radius: 2px; color: #545B63; display: inline-block; float: right; font-weight: 700; margin: -10px 0; padding: 10px 15px; }
  1292.  
  1293. #stat_esxd li {
  1294. margin-bottom: 10px;
  1295. display: block;
  1296. padding: 10px 0px;
  1297. }
  1298.  
  1299. .valor_xd a {
  1300. color: #545B63!important;
  1301. }
  1302.  
  1303. /******CSS FOOTER FIXES*******/
  1304.  
  1305.  
  1306. #footer_utilities {
  1307. padding: 10px;
  1308. font-size: 11px;
  1309. position: relative;
  1310. }
  1311. .clear {
  1312. height: auto;
  1313. }
  1314.  
  1315. #copyright { color: #848484; text-align: right; text-shadow: 0px 1px 0px #fff; }
  1316.  
  1317. #copyright a { color: #848484; }
  1318.  
  1319. #footer_utilities .ipsList_inline>li>a {
  1320. color: #506881;
  1321. }
  1322. #footer_utilities .ipsList_inline>li>a:hover {
  1323. color: #6684a3;
  1324. }
  1325. #mcr-root-trigger { float: right; color: #506881; }
  1326.  
  1327. /***CSS Stats***/
  1328.  
  1329. .statistics_head { background: #CDDAE8 url(http://virteq.com/public/style_images/bulletin/sidebar_h3.png) no-repeat bottom right; color: #596A7B; font-size: 13px; font-weight: 700; padding: 7px 5px 7px 5px; text-shadow: 0 1px 0 #E7F0F8; }
  1330.  
  1331. #onlinelist { background-color: transparent; border: 1px solid #e5e5e5; border-top: 0px; margin: 0px 0 0 0; padding: 10px 10px; padding-top: 0 !important; line-height: 1.3; overflow: hidden; background: #fcfcfc; border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; }
  1332.  
  1333. p.leyenda_css { color: transparent; font-size: 12px; font-style: italic; padding: 1px 0 0 0; border-top: 1px dashed rgba(0, 0, 0, 0.08); margin: 4px 0 0 0; }
  1334. p.leyenda_css:before { content: 'Our Groups'; color: #5a5a5a; padding-right: 5px; }
  1335.  
  1336. #pun-about { background-color: transparent; border: 0px none; line-height: 150%; padding: .6em 1em; text-align: right; font-size: 9px; }
  1337.  
  1338. #pun-about #qjump { display: none; }
  1339.  
  1340. P[CLASS="RETROGRADO"] { margin: 5PX 0 0 0; }
  1341.  
  1342. #ucp .main-content.frm { background: #fff; border: 1px solid #dcdcdc; margin: 9px; }
  1343.  
  1344. #main #pun-legend { display: none; }
  1345. #main-content > #pun-visit {display: none;}
  1346. .pun .post .user {
  1347. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd',endColorstr='#bfbfbf',GradientType=0);
  1348. font-size: 12px;
  1349. margin-bottom: 7px;
  1350. margin-left: -220px;
  1351. min-height: 350px;
  1352. padding: 7px;
  1353. margin-top: -30px;
  1354. width: 16em;
  1355. text-align: center;
  1356. }
  1357. .pun .postmain {
  1358. background-color: #FDFEFF;
  1359. border-left: 1px solid #CBDAEA;
  1360. margin-left: 17em;
  1361. }
  1362. .pun .posthead {
  1363. background-color: #F4FAFF;
  1364. border-bottom: 1px solid #CBDAEA;
  1365. padding: .5em 1.3em .5em 1em;
  1366. }
  1367. .pun .posthead h2 {
  1368. line-height: 1.2em;
  1369. }
  1370. .pun .posthead h2 strong {
  1371. background-color: #6F8F52;
  1372. border-bottom-left-radius: 4px;
  1373. border-bottom-right-radius: 4px;
  1374. border-top-left-radius: 4px;
  1375. border-top-right-radius: 4px;
  1376. color: #fff;
  1377. margin-top: -4px;
  1378. padding: 4px 7px;
  1379. }
  1380. .post_field {
  1381. background: #fff none;
  1382. border: 1px solid #B9C4CD;
  1383. color: #414141;
  1384. margin: 2px 0 0;
  1385. padding: 3px 0;
  1386. }
  1387. .post_field .label {
  1388. font-weight: 700;
  1389. }
  1390. .pun .user-ident .username {
  1391. margin-bottom: 5px!important;
  1392. position: relative!important;
  1393. }
  1394. .postfoot {
  1395. background: #F4FAFF;
  1396. border-top: 1px solid #CBDAEA;
  1397. clear: both;
  1398. margin-left: -17em;
  1399. padding: .5em 1em;
  1400. text-align: right;
  1401. }
  1402. .sharepostadipst {
  1403. background: whitesmoke;
  1404. min-height: 30px;
  1405. border-left: 1px solid #C3C3C3;
  1406. border-right: 1px solid #C3C3C3;
  1407. padding-top: 15px;
  1408. text-align: center;
  1409. }
  1410. .pun .post {
  1411. border-color: #eee #fff #ccc;
  1412. border-style: solid none;
  1413. border-width: 2px 0 1px;
  1414. background: #FDFEFF;
  1415. border: 1px solid #CBDAEA;
  1416. margin: 10px;
  1417. }
  1418. .pun .post {
  1419. border: 1px solid #CBDAEA !important;
  1420. }
  1421. .post-btn{
  1422. height: 22px;
  1423. line-height: 22px;
  1424. font-size: 12px;
  1425. padding: 0px 10px;
  1426. background: -moz-linear-gradient(center top , #F6F6F6 0%, #E5E5E5 100%) repeat scroll 0% 0% transparent;
  1427. border: 1px solid #DBDBDB;
  1428. box-shadow: 0px 1px 0px #FFF inset, 0px 1px 0px rgba(0, 0, 0, 0.3);
  1429. border-radius: 3px;
  1430. color: #616161;
  1431. display: inline-block;
  1432. white-space: nowrap;
  1433. transition: all 0.2s ease-in-out 0s;
  1434. margin:5px;
  1435. }
  1436. #articleHeader {
  1437. min-height: 70px;
  1438. padding: 9px;
  1439. background: #f1f6f9;
  1440. border-bottom: 1px solid #DBE4EF;;
  1441. }
  1442. .articleContainer {
  1443. background: #fff;
  1444. border: 1px solid #dbe4ef;
  1445. }
  1446. .blog_Photo_medium img {
  1447. width: 50px;
  1448. height: 50px;
  1449. float: left;
  1450. padding: 1px;
  1451. border: 1px solid #d5d5d5;
  1452. background: #fff;
  1453. -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
  1454. -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
  1455. box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
  1456. }
  1457. .blog_Photo_medium img:hover {
  1458. border-color: #7d7d7d;
  1459. }
  1460. .blog_withphoto {
  1461. margin-left: 65px;
  1462. }
  1463. .blog_pagetitle {
  1464. font: 300 26px/1.3 Helvetica, Arial, sans-serif;
  1465. color: #323232;
  1466. }
  1467. .blog_desc {
  1468. font-size: 12px;
  1469. color: #a4a4a4;
  1470. }
  1471. .blog_secondary {
  1472. background-color: #DBDBDB;
  1473. background: 0 repeat-x scroll 0 0 transparent !important;
  1474. border: 1px solid #DBDBDB;
  1475. border-radius: 3px 3px 3px 3px;
  1476. box-shadow: 0 1px 0 #FFF inset, 0 1px 0 rgba(0,0,0,0.3);
  1477. color: #616161 !important;
  1478. display: inline-block;
  1479. font-size: 12px;
  1480. height: 22px;
  1481. line-height: 22px;
  1482. padding: 0 10px;
  1483. transition: all .2s ease-in-out 0;
  1484. white-space: nowrap;
  1485. }
  1486. .blog_secondary:hover {
  1487. border-color: #9A9A9A;
  1488. color: #4C4C4C !important;
  1489. }
  1490. .blog_postmain .postfoot {
  1491. margin-left: 0px;
  1492. }
  1493. .blog_Layout {
  1494. background: #ebf0f3;
  1495. padding: 9px;
  1496. padding-right: 340px;
  1497. }
  1498. .blog_Layout_sidebar {
  1499. width: 320px;
  1500. margin-right: -330px;
  1501. float: right;
  1502. }
  1503. .sidebarContainer {
  1504. background: #fff;
  1505. margin-bottom: 10px;
  1506. border: 1px solid #dbe4ef;
  1507. }
  1508. .bar {
  1509. background: #eff4f7;
  1510. padding: 8px 10px;
  1511. }
  1512. .sideInner {
  1513. padding: 9px;
  1514. }
  1515. .ipsField {
  1516. padding: 6px;
  1517. }
  1518. .ipsField .title {
  1519. float: left;
  1520. width: 40%;
  1521. text-align: right;
  1522. margin-right: 6px;
  1523. }
  1524. ol, ul {
  1525. list-style: none;
  1526. }
  1527. #boormarks {
  1528. text-align: center;
  1529. }
  1530. #articlePrevNext {
  1531. clear: both;
  1532. }
  1533. #articlePrevNext ul {
  1534. text-align: center;
  1535. margin-top: 15px;
  1536. }
  1537. #articlePrevNext li {
  1538. display: inline;
  1539. float: none;
  1540. }
  1541. #main-content a span[style="color: #FF6600"], #main-content b a[style="color: #FF6600"]{
  1542. position:relative;
  1543. }
  1544. #main-content a span[style="color: #FF6600"]:hover:after, #main-content b a[style="color: #FF6600"]:hover:after {
  1545. background-color:rgba(0,0,0, 0.5);
  1546. content: "Equipe Técnica e Administrativa";
  1547. border-radius:5px;
  1548. font-weight:bold;
  1549. font-size:10px;
  1550. padding:2px;color:#fff;
  1551. position:absolute;
  1552. bottom:15px;
  1553. left:0px;
  1554. display:inline-block;
  1555. white-space:nowrap;
  1556. z-index:1;
  1557. }#main-content a span[style="color: #72A300"], #main-content b a[style="color: #72A300"]{
  1558. position:relative;
  1559. }
  1560. #main-content a span[style="color: #72A300"]:hover:after, #main-content b a[style="color: #72A300"]:hover:after {
  1561. background-color:rgba(0,0,0, 0.5);
  1562. content: "Suporte Geral e Gestão dos Usuários";
  1563. border-radius:5px;
  1564. font-weight:bold;
  1565. font-size:10px;
  1566. padding:2px;color:#fff;
  1567. position:absolute;
  1568. bottom:15px;
  1569. left:0px;
  1570. display:inline-block;
  1571. white-space:nowrap;
  1572. z-index:1;
  1573. }#main-content a span[style="color: #3396FF"], #main-content b a[style="color: #3396FF"]{
  1574. position:relative;
  1575. }
  1576. #main-content a span[style="color: #3396FF"]:hover:after, #main-content b a[style="color: #3396FF"]:hover:after {
  1577. background-color:rgba(0,0,0, 0.5);
  1578. content: "Técnico Geral da Seção Publicidade";
  1579. border-radius:5px;
  1580. font-weight:bold;
  1581. font-size:10px;
  1582. padding:2px;color:#fff;
  1583. position:absolute;
  1584. bottom:15px;
  1585. left:0px;
  1586. display:inline-block;
  1587. white-space:nowrap;
  1588. z-index:1;
  1589. }#main-content a span[style="color: #FFAA00"], #main-content b a[style="color: #FFAA00"]{
  1590. position:relative;
  1591. }
  1592. #main-content a span[style="color: #FFAA00"]:hover:after, #main-content b a[style="color: #FFAA00"]:hover:after {
  1593. background-color:rgba(0,0,0, 0.5);
  1594. content: "Suporte Geral de Dúvidas de Programação";
  1595. border-radius:5px;
  1596. font-weight:bold;
  1597. font-size:10px;
  1598. padding:2px;color:#fff;
  1599. position:absolute;
  1600. bottom:15px;
  1601. left:0px;
  1602. display:inline-block;
  1603. white-space:nowrap;
  1604. z-index:1;
  1605. }#main-content a span[style="color: #AA37B0"], #main-content b a[style="color: #AA37B0"]{
  1606. position:relative;
  1607. }
  1608. #main-content a span[style="color: #AA37B0"]:hover:after, #main-content b a[style="color: #AA37B0"]:hover:after {
  1609. background-color:rgba(0,0,0, 0.5);
  1610. content: "Suporte Gráfico aos Usuários";
  1611. border-radius:5px;
  1612. font-weight:bold;
  1613. font-size:10px;
  1614. padding:2px;color:#fff;
  1615. position:absolute;
  1616. bottom:15px;
  1617. left:0px;
  1618. display:inline-block;
  1619. white-space:nowrap;
  1620. z-index:1;
  1621. }#main-content a span[style="color: #516882"], #main-content b a[style="color: #516882"]{
  1622. position:relative;
  1623. }
  1624. #main-content a span[style="color: #516882"]:hover:after, #main-content b a[style="color: #516882"]:hover:after {
  1625. background-color:rgba(0,0,0, 0.5);
  1626. content: "Lista de Usuários Registados";
  1627. border-radius:5px;
  1628. font-weight:bold;
  1629. font-size:10px;
  1630. padding:2px;color:#fff;
  1631. position:absolute;
  1632. bottom:15px;
  1633. left:0px;
  1634. display:inline-block;
  1635. white-space:nowrap;
  1636. z-index:1;
  1637. }
  1638. .lastpost-avatar img {
  1639. background: none repeat scroll 0 0 #FFF;
  1640. border: 1px solid #D5D5D5;
  1641. box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  1642. height: 36px;
  1643. margin: 0 10px;
  1644. padding: 1px;
  1645. width: 36px;
  1646. border-radius: 0px!important;
  1647. }
  1648. .botãoresponder, .botãonovotopico {
  1649. border: none;
  1650. margin:10px;
  1651. color: #fff;
  1652. display: inline-block;
  1653. font: 300 16px/31px "Open Sans","Helvetica Neue",Arial,sans-serif !important;
  1654. height: 32px;
  1655. background-color: #267cc2;
  1656. padding: 0 24px;
  1657. cursor:pointer;
  1658. text-align: center;
  1659. text-decoration: none;
  1660. text-shadow: 0 1px 0 rgba(0,0,0,.25);
  1661. white-space: nowrap;
  1662. border-radius: 2px;
  1663. box-shadow: 0 2px 1px rgba(0,0,0,.19),inset 0 -1px 0 rgba(0,0,0,.19),inset 0 1px 0 0 rgba(255,255,255,.19);
  1664. background-color: #267cc2;
  1665. background-image: -webkit-gradient(linear,left bottom,left top,from( #42a5e1),to( #267cc2));
  1666. background-image: -webkit-linear-gradient( #42a5e1, #267cc2);
  1667. background-image: -moz-linear-gradient( #42a5e1, #267cc2);
  1668. background-image: -ms-linear-gradient( #42a5e1, #267cc2);
  1669. background-image: -o-linear-gradient( #42a5e1, #267cc2);
  1670. background-image: linear-gradient( #42a5e1, #267cc2);
  1671. -moz-transition: 0.5s;
  1672. -webkit-transition: 0.5s;
  1673. -o-transition:0.5s;
  1674. transition: 0.5s;
  1675. }
  1676. .botãobloqueado {
  1677. border: none;
  1678. margin:10px;
  1679. color: #fff;
  1680. display: inline-block;
  1681. font: 300 16px/31px "Open Sans","Helvetica Neue",Arial,sans-serif !important;
  1682. height: 32px;
  1683. padding: 0 24px;
  1684. cursor:pointer;
  1685. text-align: center;
  1686. text-decoration: none;
  1687. text-shadow: 0 1px 0 rgba(0,0,0,.25);
  1688. white-space: nowrap;
  1689. border-radius: 2px;
  1690. box-shadow: 0 2px 1px rgba(0,0,0,.19),inset 0 -1px 0 rgba(0,0,0,.19),inset 0 1px 0 0 rgba(255,255,255,.19);
  1691. background-color: rgb(194, 38, 38);
  1692. background-image: linear-gradient(rgb(225, 66, 66), rgb(194, 38, 38));
  1693. -moz-transition: 0.5s;
  1694. -webkit-transition: 0.5s;
  1695. -o-transition:0.5s;
  1696. transition: 0.5s;
  1697. }
  1698. .botãoresponder:hover, .botãonovotopico:hover, .botãobloqueado:hover {
  1699. box-shadow: 0 4px 1px rgba(0,0,0,.19),inset 0 -3px 0 rgba(0,0,0,.19);
  1700. text-decoration: none;
  1701. }
  1702. .botãoresponder:active, .botãonovotopico:active, .botãobloqueado:active, .botãoresponder:focus, .botãonovotopico:focus, .botãobloqueado:focus {
  1703. box-shadow: inset 0 2px 0 0 rgba(0,0,0,.19),inset 0 12px 24px 6px rgba(0,0,0,.19),inset 0 0 2px 2px rgba(0,0,0,.19); }
  1704. .module .main-content table[style="table-layout:fixed"] {
  1705. -moz-animation: progress_bar 2s linear infinite;
  1706. -moz-user-select: none;
  1707. -ms-user-select: none;
  1708. -o-user-select: none;
  1709. -webkit-animation: progress_bar 2s linear infinite;
  1710. -webkit-user-select: none;
  1711. animation: progress_bar 2s linear infinite;
  1712. background: #fafafa;
  1713. background-image: linear-gradient(45deg,rgba(255,255,255,.1)25%,transparent 25%,transparent 50%,rgba(255,255,255,.1)50%,rgba(255,255,255,.1)75%,transparent 75%,transparent);
  1714. background-size: 10px 10px;
  1715. border: #e1e1e1 1px solid;
  1716. border-radius: 3px;
  1717. cursor: default;
  1718. font-size: 10px;
  1719. font-weight: 700;
  1720. overflow: hidden;
  1721. text-shadow: rgba(0,0,0,.3) 1px 1px 1px;
  1722. user-select: none;
  1723. }
  1724. .botaotopicos {
  1725. border: 1px solid #CCCCCC;
  1726. background: #EEEEEE;
  1727. background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EEEEEE));
  1728. background: -webkit-linear-gradient(top, #FFFFFF, #EEEEEE);
  1729. background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE);
  1730. background: -ms-linear-gradient(top, #FFFFFF, #EEEEEE);
  1731. background: -o-linear-gradient(top, #FFFFFF, #EEEEEE);
  1732. background-image: -ms-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
  1733. padding: 0px 10px;
  1734. -webkit-border-radius: 4px;
  1735. -moz-border-radius: 4px;
  1736. border-radius: 4px;
  1737. -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
  1738. -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
  1739. box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
  1740. text-shadow: #FFFFFF 0 1px 0;
  1741. color: #333333;
  1742. font-size: 11px;
  1743. font-family: Arial, Helvetica, Serif;
  1744. font-weight: bold;
  1745. text-decoration: none;
  1746. vertical-align: middle;
  1747. }
  1748. .botaotopicos:hover {
  1749. border: 1px solid #CCCCCC;
  1750. text-shadow: #FFFFFF 0 1px 0;
  1751. background: #EEEEEE;
  1752. background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EEEEEE));
  1753. background: -webkit-linear-gradient(top, #FFFFFF, #EEEEEE);
  1754. background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE);
  1755. background: -ms-linear-gradient(top, #FFFFFF, #EEEEEE);
  1756. background: -o-linear-gradient(top, #FFFFFF, #EEEEEE);
  1757. background-image: -ms-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
  1758. color: #333333;
  1759. text-decoration: none;
  1760. }
  1761. .botaotopicos:active {
  1762. text-shadow: #FFFFFF 0 1px 0;
  1763. border: 1px solid #CCCCCC;
  1764. background: #FFFFFF;
  1765. background: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#EEEEEE));
  1766. background: -webkit-linear-gradient(top, #EEEEEE, #FFFFFF);
  1767. background: -moz-linear-gradient(top, #EEEEEE, #FFFFFF);
  1768. background: -ms-linear-gradient(top, #EEEEEE, #FFFFFF);
  1769. background: -o-linear-gradient(top, #EEEEEE, #FFFFFF);
  1770. background-image: -ms-linear-gradient(top, #EEEEEE 0%, #FFFFFF 100%);
  1771. color: #333333;
  1772. }
  1773. /*css font roboto - google fonts*/
  1774. @font-face {
  1775. font-family: 'Roboto Condensed';
  1776. font-style: normal;
  1777. font-weight: 400;
  1778. src: local('Roboto Condensed Regular'), local('RobotoCondensed-Regular'), url(http://themes.googleusercontent.com/static/fonts/robotocondensed/v9/Zd2E9abXLFGSr9G3YK2MsFzqCfRpIA3W6ypxnPISCPA.woff) format('woff');
  1779. }
  1780.  
  1781. /* CSS Ranks */
  1782. .admin{ background-color:#FF6600;}.moderador{ background-color:#72A300;}.publicitario{ background-color:#3396FF;}.designer{ background-color:#AA37B0;}.membro{ background-color:#516882;}.programador{ background-color:#FFAA00;}
  1783. .rank {
  1784. -moz-border-radius: 2px;
  1785. -ms-border-radius: 2px;
  1786. -o-border-radius: 2px;
  1787. -webkit-border-radius: 2px;
  1788. border-radius: 2px;
  1789. color: #FFF;
  1790. display: inline-block;
  1791. font-family: "Roboto Condensed",Tahoma,Helvetica;
  1792. font-size: 11px;
  1793. font-style: normal;
  1794. font-variant: normal;
  1795. font-weight: normal;
  1796. margin-bottom: 5px;
  1797. margin-top: 5px;
  1798. padding: 8px 20px;
  1799. text-decoration: none;
  1800. text-shadow: 0 -1px rgba(0,0,0,0.35);
  1801. text-transform: uppercase;
  1802. }
  1803. .pun .user .user-info {
  1804. text-align: center!important;
  1805. }
  1806. .pun .user .user-info {
  1807. border: none!important;
  1808. }
  1809. a[href*="/g12-"]:before {
  1810. content: "\f005";
  1811. font-family: 'FontAwesome';
  1812. padding: 0 4px;
  1813. }
  1814. a[href*="/g13-"]:before {
  1815. content: "\f085";
  1816. font-family: 'FontAwesome';
  1817. padding: 0 4px;
  1818. }
  1819. a[href*="/g14-"]:before {
  1820. content: "\f0a1";
  1821. font-family: 'FontAwesome';
  1822. padding: 0 4px;
  1823. }
  1824. a[href*="/g15-"]:before {
  1825. content: "\f0ad";
  1826. font-family: 'FontAwesome';
  1827. padding: 0 4px;
  1828. }
  1829. a[href*="/g16-"]:before {
  1830. content: "\f043";
  1831. font-family: 'FontAwesome';
  1832. padding: 0 4px;
  1833. }
  1834. a[href*="/g8-"]:before {
  1835. content: "\f007";
  1836. font-family: 'FontAwesome';
  1837. padding: 0 4px;
  1838. }
  1839. div.derechita {
  1840. margin-left: 24px!important;
  1841. }
  1842. .pun .postmain {
  1843. padding-right: 0px!important;
  1844. }
  1845. .pun .postmain .posthead {
  1846. margin-right: 0px!important;
  1847. }
  1848. .pun table.table td.tcr {
  1849. width: 215px !important;
  1850. }
  1851. li.limenup a:before {
  1852. display: none;
  1853. }
  1854. a.forumtitle:hover, a.topictitle:hover {
  1855. color: #799CC3!important;
  1856. }
  1857. div.postbody .post-entry .entry-content {
  1858. font-size: 13px;
  1859. }
  1860. #pwd_bad {
  1861. background-image: url('http://i.imgur.com/iIIhDFo.jpg') !important;
  1862. color: transparent !important;
  1863. }
  1864. #pwd_middle {
  1865. background-image: url('http://i.imgur.com/33vy9Vc.jpg') !important;
  1866. color: transparent !important;
  1867. }
  1868. #pwd_good {
  1869. background-image: url('http://i.imgur.com/74JBrB7.jpg') !important;
  1870. color: transparent !important;
  1871. }
  1872. a:hover {
  1873. color: #7795B4!important;
  1874. }
  1875. input[type="button"], input[type="reset"], input[type="submit"] {
  1876. -moz-border-radius: 3px;
  1877. -moz-box-shadow: inset 0 1px 0 0 #0376a3, 0 2px 3px rgba(0,0,0,0.2);
  1878. -webkit-border-radius: 3px;
  1879. -webkit-box-shadow: inset 0 1px 0 0 #0376a3, 0 2px 3px rgba(0,0,0,0.2);
  1880. background: #02678f url(http://imgur.com/srUpLQz.png) repeat-x;
  1881. border: 1px solid #005780;
  1882. border-radius: 3px;
  1883. box-shadow: inset 0 1px 0 0 #0376a3, 0 2px 3px rgba(0,0,0,0.2);
  1884. color: #fff;
  1885. cursor: pointer;
  1886. font-family: Cuprum;
  1887. font-size: 11px;
  1888. font-style: normal;
  1889. font-variant: normal;
  1890. font-weight: bold;
  1891. outline: none;
  1892. padding: 4px 10px!important;
  1893. }input:hover[type="button"], input:hover[type="reset"], input:hover[type="submit"] {
  1894. color: #EBEBEB;
  1895. }input:active[type="button"], input:active[type="reset"], input:active[type="submit"] {
  1896. position: relative;
  1897. top: 1px;
  1898. }
  1899. .post ul, .post ol {
  1900. list-style: rounded !important;
  1901. list-style: initial !important;
  1902. list-style: normal !important;
  1903. }
  1904.  
  1905. ul.sideInner li {
  1906. display: block;
  1907. }
  1908. .blog_secondary {
  1909. display: none;
  1910. }
  1911. #bookmarks {
  1912. display: none;
  1913. }
  1914. #primary_nav a[href*="/forum"]:before {
  1915. content: "\f086";
  1916. font-family: FontAwesome;
  1917. padding: 0 4px;
  1918. }
  1919. #primary_nav a[href*="/portal"]:before {
  1920. content: "\f015";
  1921. font-family: FontAwesome;
  1922. padding: 0 4px;
  1923. }
  1924. #primary_nav a[href*="/search"]:before {
  1925. content: "\f002";
  1926. font-family: FontAwesome;
  1927. padding: 0 4px;
  1928. }
  1929. #primary_nav a[href*="/memberlist"]:before {
  1930. content: "\f0c0";
  1931. font-family: FontAwesome;
  1932. padding: 0 4px;
  1933. }
  1934. #primary_nav a[href*="/profile?mode=editprofile"]:before {
  1935. content: "\f007";
  1936. font-family: FontAwesome;
  1937. padding: 0 4px;
  1938. }
  1939. #primary_nav a[href*="/h15-master-publicitario-guia-de-novatos"]:before {
  1940. content: "\f02d";
  1941. font-family: FontAwesome;
  1942. padding: 0 4px;
  1943. }
  1944. #primary_nav a[href*="/login?logout"]:before {
  1945. content: "\f08b";
  1946. font-family: FontAwesome;
  1947. padding: 0 4px;
  1948. }
  1949. #primary_nav a[href*="/login"]:before {
  1950. content: "\f090";
  1951. font-family: FontAwesome;
  1952. padding: 0 4px;
  1953. }
  1954. #primary_nav a[href*="/register"]:before {
  1955. content: "\f045";
  1956. font-family: FontAwesome;
  1957. padding: 0 4px;
  1958. }
  1959. #primary_nav a#nav_menu_2_trigger:before {
  1960. content: "\f0e0";
  1961. font-family: FontAwesome;
  1962. padding: 0 4px;
  1963. }
  1964. #primary_nav a[href*="groups"]:before {
  1965. content: "\f0ae";
  1966. font-family: FontAwesome;
  1967. padding: 0 4px;
  1968. }
  1969. #nav_menu_2_trigger {
  1970. margin-top: 7px !important;
  1971. }
  1972. #sizeMpS {
  1973. margin-top: 5px;
  1974. }
  1975. .postmain cite,blockquote cite{margin:-10px -11px 8px;background:url('http://i.imgur.com/BiqTTKY.png') repeat-x scroll 0px 0px #F2F2F2}
  1976. blockquote cite{background-color:#282828;background-image:url('') !important;background-position:800px center !important;background-repeat:no-repeat !important;padding:12px 10px;overflow:hidden;text-shadow:0px 1px 0px #FFF;clear:right;color:#535353 !important;border:1px solid #E3E3E3;border-top:0;font-size:12px;border-bottom:0}
  1977. .postmain blockquote{background-color:#FCFCFC; border:1px solid #E3E3E3;padding:10px;color:#9F9F9F;font-size:12px}
  1978. blockquote {
  1979. font-size: 12px;
  1980. border: 1px solid #E3E3E3;
  1981. background: #FCFCFC;
  1982. color: #9F9F9F;
  1983. margin-bottom: 5px;
  1984. }
  1985. blockquote, .postmain blockquote {padding: 10px;}
  1986. blockquote cite {
  1987. font-size: 12px;
  1988. padding: 8px 10px;
  1989. text-indent: 25px;
  1990. border: 1px solid #E3E3E3;
  1991. border-top: 0px;
  1992. border-bottom: 1px solid #E8E8E8;
  1993. background-color: #F2F2F2;
  1994. background-image: url(http://i34.servimg.com/u/f34/16/49/10/98/snapba10.png), url(http://i.imgur.com/iPXDkuF.png);
  1995. background-position: 10px center, 0 0;
  1996. background-repeat: no-repeat, repeat-x;
  1997. color: #535353;
  1998. text-shadow: rgba(255, 255, 255, 1) 0px 1px 0px;
  1999. font-weight: bold;
  2000. }
  2001. blockquote cite, .postmain cite {margin: -10px -11px 8px -11px;}
  2002. a#nav_menu_2_trigger { position: relative !important; top: 22px !important; }
  2003. .sceditor-container iframe, .sceditor-container textarea { background-image: url() !important;
  2004. background-size: 11pc !important;
  2005. background-repeat: no-repeat !important;
  2006. background-position-x: 28pc !important;
  2007. background-position-y: 3px !important;
  2008. }
  2009. ::-webkit-scrollbar {
  2010. width: 15px;
  2011. height: 5px; }
  2012. ::-webkit-scrollbar-track-piece {
  2013. background: #fff; }
  2014. ::-webkit-scrollbar-thumb:vertical {
  2015. height: 55px;
  2016. background: #617E9C;
  2017. border-radius: 20px;
  2018. border: 3px groove;}
  2019. ::-webkit-scrollbar-thumb:horizontal {
  2020. width: 5px;
  2021. background-color: #000000;
  2022. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement