Advertisement
Guest User

css

a guest
Dec 31st, 2015
57
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 38.49 KB | None | 0 0
  1. .pun .post .user {width:180px;}
  2. .pun .user-ident .username {width:180px;}
  3.  
  4. #pun-announcement {
  5. display: none;
  6. }
  7.  
  8. #main_search {
  9. background: none repeat scroll 0 0 transparent;
  10. border: 0 none;
  11. color: #fff;
  12. font-size: 12px;
  13. height: 25px;
  14. line-height: 25px;
  15. outline: 0 none;
  16. padding: 0;
  17. vertical-align: top;
  18. width: 200px;
  19. }
  20. #search_wrap {
  21. -moz-border-radius: 3px 4px 4px 3px;
  22. -moz-box-shadow: inset rgba(0,0,0,0.6) 0 1px 3px, rgba(255,255,255,0.1) 0 1px 0;
  23. -webkit-border-bottom-left-radius: 3px;
  24. -webkit-border-bottom-right-radius: 4px;
  25. -webkit-border-top-left-radius: 3px;
  26. -webkit-border-top-right-radius: 4px;
  27. -webkit-box-shadow: inset rgba(0,0,0,0.6) 0 1px 3px, rgba(255,255,255,0.1) 0 1px 0;
  28. background: #1f1f1f;
  29. border-radius: 3px 4px 4px 3px;
  30. box-shadow: inset rgba(0,0,0,0.6) 0 1px 3px, rgba(255,255,255,0.1) 0 1px 0;
  31. display: block;
  32. height: 26px;
  33. line-height: 25px;
  34. min-width: 230px;
  35. padding: 0 26px 0 8px;
  36. position: relative;
  37. margin-left: 500px;
  38. margin-top: 0px;
  39. }
  40. label {
  41. display:none;
  42. }
  43. #search .submit_input {
  44. -moz-border-radius: 0 3px 3px 0;
  45. -webkit-border-bottom-right-radius: 3px;
  46. -webkit-border-top-right-radius: 3px;
  47. background: #141414 url(http://i56.servimg.com/u/f56/17/97/98/69/search17.png) no-repeat 50%;
  48. border: 0;
  49. border-radius: 0 3px 3px 0;
  50. bottom: 0;
  51. display: block;
  52. height: 26px;
  53. padding: 0;
  54. position: absolute;
  55. right: 0;
  56. text-indent: -3000em;
  57. top: 0;
  58. width: 26px;
  59. }
  60.  
  61.  
  62. .main .main-head.collapsed {
  63. opacity: 0.6;
  64. }
  65.  
  66.  
  67. #backgroundToggle span {
  68. display: none;
  69. }
  70.  
  71.  
  72. #primary_nav {
  73. position: absolute;
  74. right: 0;
  75. top: 100%;
  76. margin-top: 10px;
  77. text-transform: uppercase;
  78. font-family: "Lato";
  79. font-size: 12px;
  80. }
  81. #branding {
  82. background: rgba(20, 20, 20, 0.901961);
  83. border-bottom: 1px solid rgba(0, 0, 0, 0.498039);
  84. -webkit-box-shadow: rgba(0, 0, 0, 0.45098) 0px 1px 5px;
  85. box-shadow: rgba(0, 0, 0, 0.45098) 0px 1px 5px;
  86. height: 0px;
  87. left: 0px;
  88. right: 0px;
  89. z-index: 999;
  90. }
  91. @font-face {
  92. font-family: 'Lato';
  93. font-style: normal;
  94. font-weight: 400;
  95. src: local('Lato Regular'), local('Lato-Regular'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
  96. }
  97. @font-face {
  98. font-family: 'Lato';
  99. font-style: normal;
  100. font-weight: 700;
  101. src: local('Lato Bold'), local('Lato-Bold'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff');
  102. }
  103. @font-face {
  104. font-family: 'Lato';
  105. font-style: normal;
  106. font-weight: 400;
  107. src: local('Lato Regular'), local('Lato-Regular'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
  108. }
  109. @font-face {
  110. font-family: 'Lato';
  111. font-style: normal;
  112. font-weight: 700;
  113. src: local('Lato Bold'), local('Lato-Bold'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff');
  114. }
  115. .pun{
  116. margin: 0 auto;
  117. min-width: 980px;
  118. max-width: 1300px;
  119. width: 90%;
  120. padding:0;
  121. }
  122. body {
  123. background: #222;
  124. color: #5a5a5a;
  125. font: normal 11px tahoma,helvetica,arial,sans-serif;
  126. position: relative;
  127. padding-top: 120px;
  128. padding-bottom: 12px;
  129. }
  130. #pun-intro,#pun-head{display:none}
  131. ul#pun-legend, ul.pun-legend {
  132. display: none;
  133. }
  134. #pun-about #qjump {
  135. display: none;
  136. }
  137. /*branding*/
  138. #branding {
  139. background: url("http://i.imgur.com/y75XdvO.png") repeat;
  140. background: rgba(20,20,20,0.9);
  141. border-bottom: 1px solid #000;
  142. border-bottom: 1px solid rgba(0,0,0,0.5);
  143. -webkit-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
  144. -moz-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
  145. box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
  146. height: 110px;
  147. position: absolute;
  148. left: 0;
  149. top: 0;
  150. right: 0;
  151. z-index: 999;
  152. }
  153. #branding .wrapper {
  154. position: relative;
  155. height: 100%;
  156. z-index: 10;
  157. }
  158. #branding
  159. .brandingBackground {
  160. position: absolute;
  161. top: 0;
  162. left: 0;
  163. right: 0;
  164. bottom: 0;
  165. background: rgba(0,0,0,0.6);
  166. z-index: 1;
  167. opacity: 0;
  168. -webkit-transition: opacity 0.5s ease-in-out;
  169. -moz-transition: opacity 0.5s ease-in-out;
  170. transition: opacity 0.5s ease-in-out
  171. }
  172. .wrapper {
  173. margin: 0 auto;
  174. min-width: 980px;
  175. max-width: 1300px;
  176. width: 90%;
  177. }
  178. #logo {
  179. float: left;
  180. position: relative;
  181. height: 100%;
  182. z-index: 20;
  183. }
  184. .topic_buttons.important{
  185. background: none repeat scroll 0% 0% #8B1515;
  186. color: #FFF !important;
  187. text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
  188. box-shadow: 0px 1px 3px rgba(128, 37, 37, 0.2), 0px 1px 0px rgba(189, 33, 33, 0.8) inset;
  189. }
  190. #logo
  191. a.textLogo {
  192. color: #fff;
  193. line-height: 110px;
  194. padding: 0
  195. 12px;
  196. font-size: 24px;
  197. font-family: "Lato","Trebuchet MS",Arial,Helvetica,sans-serif;
  198. display: block;
  199. text-decoration: none
  200. }
  201. a,.pun a,.pun a:visited,.pun a:link{
  202. color: #222;
  203. text-decoration: none;
  204. }
  205. a:hover,.pun a:hover{
  206. color: #111;
  207. text-decoration:none;
  208. }
  209. #logo img {
  210. max-height: 100%;
  211. vertical-align: top;
  212. }
  213. img, .input_check, .input_radio {
  214. vertical-align: middle;
  215. }
  216. fieldset, img {
  217. border: 0;
  218. }
  219. /*nav*/
  220. #primary_nav {
  221. position: absolute;
  222. right: 0;
  223. top: 50%;
  224. margin-top: -16px;
  225. text-transform: uppercase;
  226. font-family: "Lato";
  227. font-size: 12px;
  228. padding-left: 200px;
  229. }
  230. #community_app_menu {
  231. float: right;
  232. }
  233. #community_app_menu>li {
  234. margin: 0 1px 0 0;
  235. position: relative;
  236. }
  237. #community_app_menu>li {
  238. margin: 0 1px 0 0;
  239. position: relative;
  240. }
  241. .ipsList_inline>li:first-child {
  242. margin-left: 0;
  243. }
  244. .ipsList_inline>li {
  245. display: inline-block;
  246. margin: 0 3px;
  247. }
  248. .left {
  249. float: left;
  250. }
  251. #community_app_menu>li>a {
  252. color: #eee;
  253. color: rgba(255,255,255,0.8);
  254. -webkit-border-radius: 3px;
  255. -moz-border-radius: 3px;
  256. border-radius: 3px;
  257. display: block;
  258. outline: none;
  259. padding: 0px 15px;
  260. line-height: 32px;
  261. height: 32px;
  262. }
  263. #community_app_menu>li>a:hover, #community_app_menu>li>a.menu_active {
  264. background: url("http://i.imgur.com/y75XdvO.png") repeat;
  265. background: rgba(255,255,255,0.1);
  266. -webkit-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
  267. -moz-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
  268. box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
  269. color: #fff;
  270. }
  271. #primary_nav #nav_home a:before {
  272. content: "\f015";
  273. }
  274. #primary_nav #nav_app_forums a:before {
  275. content: "\f086";
  276. }
  277. #primary_nav #nav_app_members a:before {
  278. content: "\f007";
  279. }
  280. #primary_nav #nav_app_calendar a:before {
  281. content: "\f073";
  282. }
  283. #primary_nav #nav_app_downloads a:before {
  284. content: "\f019";
  285. }
  286. #primary_nav #nav_app_blog a:before {
  287. content: "\f02d";
  288. }
  289. #primary_nav #nav_app_nexus a:before {
  290. content: "\f07a";
  291. }
  292. #primary_nav a:before {
  293. content: "\f02b";
  294. display: inline-block;
  295. font-family: "FontAwesome";
  296. font-style: normal;
  297. font-weight: normal;
  298. line-height: 1;
  299. -webkit-font-smoothing: antialiased;
  300. -moz-osx-font-smoothing: grayscale;
  301. margin-right: 7px;
  302. font-size: 14px;
  303. }
  304. #community_app_menu>li.active>a {
  305. background: url("http://i.imgur.com/y75XdvO.png") repeat;
  306. background: rgba(255,255,255,0.2);
  307. -webkit-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
  308. -moz-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
  309. box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
  310. color: #fff;
  311. position: relative;
  312. }
  313. /*gradient*/
  314. #background {
  315. position: fixed;
  316. top: 0;
  317. right: 0;
  318. bottom: 0;
  319. left: 0;
  320. overflow: hidden;
  321. z-index: -1;
  322. }
  323. .animatedBackground #gradient {
  324. -webkit-animation: slideBackground 140s infinite alternate;
  325. -moz-animation: slideBackground 140s infinite alternate;
  326. -ms-animation: slideBackground 140s infinite alternate;
  327. -o-animation: slideBackground 140s infinite alternate;
  328. animation: slideBackground 140s infinite alternate;
  329. }
  330. #gradient.applied {
  331. background: url("http://i.imgur.com/uCBvirg.png");
  332. background: -moz-linear-gradient(left, #b7422d 0%, #d18b4f 10%, #e0ca82 20%, #aac382 30%, #87af7b 40%, #4e9682 50%, #488c94 60%, #487394 70%, #785fb1 80%, #a35680 90%, #b7422d 100%);
  333. background: -webkit-gradient(linear, left top, right top, color-stop(0%,#b7422d), color-stop(10%,#d18b4f), color-stop(20%,#e0ca82), color-stop(30%,#aac382), color-stop(40%,#87af7b), color-stop(50%,#4e9682), color-stop(60%,#488c94), color-stop(70%,#487394), color-stop(80%,#785fb1), color-stop(90%,#a35680), color-stop(100%,#b7422d));
  334. background: -webkit-linear-gradient(left, #b7422d 0%, #d18b4f 10%, #e0ca82 20%, #aac382 30%, #87af7b 40%, #4e9682 50%, #488c94 60%, #487394 70%, #785fb1 80%, #a35680 90%, #b7422d 100%);
  335. background: -o-linear-gradient(left, #b7422d 0%, #d18b4f 10%, #e0ca82 20%, #aac382 30%, #87af7b 40%, #4e9682 50%, #488c94 60%, #487394 70%, #785fb1 80%, #a35680 90%, #b7422d 100%);
  336. background: -ms-linear-gradient(left, #b7422d 0%, #d18b4f 10%, #e0ca82 20%, #aac382 30%, #87af7b 40%, #4e9682 50%, #488c94 60%, #487394 70%, #785fb1 80%, #a35680 90%, #b7422d 100%);
  337. background: linear-gradient(to right, #b7422d 0%, #d18b4f 10%, #e0ca82 20%, #aac382 30%, #87af7b 40%, #4e9682 50%, #488c94 60%, #487394 70%, #785fb1 80%, #a35680 90%, #b7422d 100%);
  338. }
  339. #gradient.applied.greyscale {
  340. background: #303030;
  341. background: -moz-linear-gradient(left, #1b1b1b 0%, #5f5f5f 50%, #1b1b1b 100%);
  342. background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1b1b1b), color-stop(50%,#5f5f5f), color-stop(100%,#1b1b1b));
  343. background: -webkit-linear-gradient(left, #1b1b1b 0%, #5f5f5f 50%, #1b1b1b 100%);
  344. background: -o-linear-gradient(left, #1b1b1b 0%, #5f5f5f 50%, #1b1b1b 100%);
  345. background: -ms-linear-gradient(left, #1b1b1b 0%, #5f5f5f 50%, #1b1b1b 100%);
  346. background: linear-gradient(to right, #1b1b1b 0%, #5f5f5f 50%, #1b1b1b 100%);
  347. background-size: 3800px auto
  348. }
  349. #background:after {
  350. position: absolute;
  351. top: 0;
  352. left: 0;
  353. right: 0;
  354. bottom: 0;
  355. z-index: 10;
  356. background: url("http://i.imgur.com/O22XJGG.jpg") no-repeat 50% 0%;
  357. -webkit-background-size: cover;
  358. -moz-background-size: cover;
  359. background-size: cover;
  360. filter: progid:DXImageTransform.Microsoft.Alpha(opacity=15);
  361. opacity: 0.15;
  362. content: "";
  363. }
  364. #gradient {
  365. background-repeat: repeat;
  366. position: absolute;
  367. top: 0;
  368. bottom: 0;
  369. left: 0;
  370. height: 100%;
  371. width: 20000px;
  372. }
  373. @-webkit-keyframes slideBackground {
  374. 0% {
  375. -webkit-transform: translateX(0)
  376. }
  377.  
  378. 100% {
  379. -webkit-transform: translateX(-100%);
  380. margin-left: 100%
  381. }
  382. }
  383.  
  384. @-moz-keyframes slideBackground {
  385. 0% {
  386. -moz-transform: translateX(0)
  387. }
  388.  
  389. 100% {
  390. -moz-transform: translateX(-100%);
  391. margin-left: 100%
  392. }
  393. }
  394.  
  395. @-o-keyframes slideBackground {
  396. 0% {
  397. -o-transform: translateX(0)
  398. }
  399.  
  400. 100% {
  401. -o-transform: translateX(-100%);
  402. margin-left: 100%
  403. }
  404. }
  405.  
  406. @-ms-keyframes slideBackground {
  407. 0% {
  408. -ms-transform: translateX(0)
  409. }
  410.  
  411. 100% {
  412. -ms-transform: translateX(-100%);
  413. margin-left: 100%
  414. }
  415. }
  416.  
  417. @keyframes slideBackground {
  418. 0% {
  419. transform: translateX(0)
  420. }
  421.  
  422. 100% {
  423. transform: translateX(-100%);
  424. margin-left: 100%
  425. }
  426. }
  427. /*cat*/
  428. .main .main-foot, .main .main-head {
  429. background: url("http://i.imgur.com/y75XdvO.png") repeat;
  430. background-image: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%);
  431. background-image: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.6) 100%);
  432. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0.6)));
  433. background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%);
  434. background-image: -o-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%);
  435. background-image: -ms-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%);
  436. box-shadow: inset rgba(0,0,0,0.2) 0px 0px 0px 1px;
  437. color: #fff;
  438. text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
  439. padding: 20px;
  440. font-size: 14px;
  441. font-weight: 300;
  442. -moz-border-radius: 4px 4px 0 0;
  443. -webkit-border-top-left-radius: 4px;
  444. -webkit-border-top-right-radius: 4px;
  445. border-radius: 4px 4px 0 0;
  446. overflow: hidden;
  447. }
  448. .main .main-head .page-title {
  449. font-size: 14px;
  450. font-weight: bold;
  451. }
  452. #pun-visit, .main-box {
  453. display: none;
  454. }
  455. table {
  456. width: 100%
  457. }
  458.  
  459. td {
  460. padding: 3px
  461. }
  462. thead {
  463. display: none;
  464. }
  465. .pun table.table td {
  466. background-color: #fff;
  467. border-bottom: 1px solid rgba(0,0,0,0.1)!important;
  468. border-top: 1px solid rgba(255,255,255,0.5)!important;
  469. border:none;
  470. padding:10px;
  471. }
  472. .pun .main table td.tc2, .pun .main table td.tc3 {
  473. background-color: #fff;
  474. }
  475. .pun .main-content {
  476. background-color: #FFF;
  477. border: 1px solid rgba(255, 255, 255, 0);
  478. -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
  479. -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
  480. box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
  481. border-radius: 0 0 3px 3px;
  482. }
  483. .pun .main-content:after {
  484. display: block;
  485. content: "";
  486. -moz-border-radius: 0px 0px 3px 3px;
  487. border-radius: 0px 0px 3px 3px;
  488. background: #fff;
  489. height: 3px;
  490. overflow: hidden;
  491. }
  492. /*widgets*/
  493. .module .main-head {
  494. text-shadow: rgba(255,255,255,1) 0px 1px 0px;
  495. background: url("http://www.ipbfocus.com/skindemo/public/style_images/dispersion/transw40.png") repeat;
  496. background: rgba(255, 255, 255, 1);
  497. background-image: -moz-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 100%);
  498. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.1)), color-stop(100%,rgba(255,255,255,0.2)));
  499. background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 100%);
  500. background-image: -o-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 100%);
  501. background-image: -ms-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 100%);
  502. background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 100%);
  503. text-transform: uppercase;
  504. font-family: "Lato";
  505. font-weight: bold;
  506. font-size: 100%;
  507. color: #111;
  508. padding: 15px;
  509. }
  510. .module.main {
  511. margin: 5px auto!important;
  512. border-radius: 3px;
  513. -webkit-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 2px;
  514. -moz-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 2px;
  515. box-shadow: inset rgba(0,0,0,0.6) 0px 1px 2px;
  516. }
  517. #content-container div#main {
  518. margin-right: 10px;
  519. }
  520. /*post*/
  521. .post h3 {
  522. border-top: 1px solid #111;
  523. border-bottom: 1px solid #111;
  524. text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
  525. background: rgb(20,20,20);
  526. background: rgba(20,20,20,0.9);
  527. padding: 4px 10px;
  528. height: 36px;
  529. line-height: 36px;
  530. font-weight: normal;
  531. font-size: 13px;
  532. overflow: hidden;
  533. }
  534. .pun .postmain {
  535. background: #fff;
  536. border-left: none;
  537. margin-left: 18em;
  538. }
  539. .pun .post .user {
  540. text-align: center;
  541. margin-top: 5px;
  542. }
  543. .user-basic-info a img:after {
  544. content: "";
  545. position: absolute;
  546. z-index: 1;
  547. top: 0px;
  548. left: 0px;
  549. right: 0;
  550. bottom: 0;
  551. -webkit-box-shadow: inset rgba(0,0,0,0.14) 0px 1px 3px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px, #fff 0px 1px 0px;
  552. -moz-box-shadow: inset rgba(0,0,0,0.14) 0px 1px 3px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px, #fff 0px 1px 0px;
  553. box-shadow: inset rgba(0,0,0,0.14) 0px 1px 3px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px, #fff 0px 1px 0px;
  554. pointer-events: none;
  555. -webkit-border-radius: 3px;
  556. -moz-border-radius: 3px;
  557. border-radius: 3px;
  558. }
  559. .user-basic-info a img {
  560. display: inline-block;
  561. width: 300px;
  562. height: 150px;
  563. -webkit-border-radius: 30px;
  564. border-radius: 30px;
  565. }
  566.  
  567. .pun .post {
  568. border: none;
  569. }
  570. .pun .paged-foot, .pun .paged-head {
  571. background: none;
  572. border: none;
  573. padding: 0 0 10px;
  574. }
  575. div.post_username {
  576. float: left;
  577. min-width: 177px;
  578. font-weight: bold;
  579. }
  580. img.i_icon_online {
  581. float: left;
  582. padding: 15px 5px 5px 0;
  583. }
  584. div.post_date {
  585. float: left;
  586. color: #999;
  587. float: left;
  588. font-size: 11px;
  589. font-weight: normal;
  590. }
  591. .pun .user .user-info {
  592. color: #7a7a7a;
  593. line-height: 1.8em;
  594. }
  595. .pun .user-ident .user-basic-info {
  596. font-weight: normal;
  597. }
  598.  
  599. .postfoot {
  600. clear: both;
  601. margin-left: -18em;
  602. text-align: right;
  603. background: #f7f7f7;
  604. background-image: -moz-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%);
  605. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.3)), color-stop(100%,rgba(255,255,255,0)));
  606. background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);
  607. background-image: -o-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);
  608. background-image: -ms-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);
  609. background-image: linear-gradient(to bottom, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);
  610. border-top: 1px solid #e0e0e0;
  611. margin-top: 10px;
  612. clear: both;
  613. overflow: hidden;
  614. }
  615. .post_username span a span strong {
  616. color: #fff!important;
  617. }
  618. .pun .postfoot .user-contact {
  619. display: none;
  620. }
  621. .post_controls {
  622. border-left: 0;
  623. border-right: 1px solid #eaeaea;
  624. color: #555;
  625. border: 0;
  626. border-left: 1px solid #eaeaea;
  627. text-shadow: #fff 0px 1px 0px;
  628. height: 25px;
  629. line-height: 25px;
  630. padding: 0 12px;
  631. text-decoration: none;
  632. }
  633. .post-controls:hover {
  634. background-color: #fff;
  635. color: #333;
  636. }
  637. div.main-content.topic {
  638. border-radius: 0!important;
  639. }
  640. div.main-foot.clearfix {
  641. display: none;
  642. }
  643. .topic_buttons {
  644. background: url("http://i.imgur.com/y75XdvO.png") repeat;
  645. background: rgba(255,255,255,0.85);
  646. background-image: -moz-linear-gradient(top, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 100%);
  647. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.15)), color-stop(100%,rgba(255,255,255,0)));
  648. background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
  649. background-image: -o-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
  650. background-image: -ms-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
  651. background-image: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
  652. color: #222;
  653. text-shadow: #fff 0px 1px 0px;
  654. -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
  655. -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
  656. box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
  657. -moz-border-radius: 3px;
  658. -webkit-border-radius: 3px;
  659. border-radius: 3px;
  660. font-size: 12px;
  661. font-weight: bold;
  662. line-height: 36px;
  663. height: 36px;
  664. padding: 0 20px;
  665. text-align: center;
  666. min-width: 70px;
  667. display: inline-block;
  668. cursor: pointer;
  669. margin-top: 10px;
  670. }
  671. .topic_buttons .important{
  672. background: #8b1515 !important;
  673. color: #fff !important;
  674. text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
  675. }
  676. .topic_buttons:hover {
  677. background-color: rgba(255,255,255,0.95);
  678. color: #111;
  679. }
  680. div.main-content.topic {
  681. border-radius: 0!important;
  682. border: none;
  683. background: #fff;
  684. }
  685. .border {
  686. -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
  687. -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
  688. box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
  689. -webkit-border-radius: 3px;
  690. -moz-border-radius: 3px;
  691. border-radius: 3px;
  692. }
  693. .border:after {
  694. display: block;
  695. content: "";
  696. -moz-border-radius: 0px 0px 3px 3px;
  697. border-radius: 0px 0px 3px 3px;
  698. background: #fff;
  699. height: 3px;
  700. overflow: hidden;
  701. }
  702. input[type="submit"], input[type="reset"] {
  703. background: #323232 url('http://i.imgur.com/N2SwKgg.png') repeat-x 0 0;
  704. border-color: #2b2b2b;
  705. color: #fff;
  706. text-shadow: #2b2b2b 0px -1px 0px;
  707. -moz-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
  708. -webkit-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
  709. box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
  710. -moz-border-radius: 2px;
  711. -webkit-border-radius: 2px;
  712. text-decoration: none;
  713. border-width: 1px;
  714. border-style: solid;
  715. padding: 4px 10px!important;
  716. cursor: pointer;
  717. border-radius: 2px;
  718. }
  719. #quick_reply .frm-buttons {
  720. padding-left: 0;
  721. border: none;
  722. }
  723. #quick_reply input {
  724. float: right;
  725. }
  726. input[type="text"] {
  727. padding: 6px;
  728. border: 1px solid #d4d4d4;
  729. background: #fcfcfc;
  730. color: #9f9f9f;
  731. text-shadow: #fff 0px 1px 0px;
  732. -webkit-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
  733. -moz-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
  734. box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
  735. }
  736. .main-content p.center {
  737. color: red;
  738. font-weight: bold;
  739. margin-top: 10px;
  740. }
  741. /*user*/
  742. #backgroundToggle span.show {
  743. display: block;
  744. }
  745. #backgroundToggle span {
  746. background: url("http://i.imgur.com/y75XdvO.png") repeat;
  747. background-image: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.65) 100%);
  748. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.65)));
  749. background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
  750. background-image: -o-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
  751. background-image: -ms-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
  752. background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
  753. border: 1px solid #111;
  754. border: 1px solid rgba(0,0,0,0.5);
  755. -webkit-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
  756. -moz-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
  757. box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
  758. -moz-border-radius: 3px;
  759. -webkit-border-radius: 3px;
  760. border-radius: 3px;
  761. height: 36px;
  762. width: 36px;
  763. display: none;
  764. text-align: center;
  765. cursor: pointer;
  766. }
  767. #backgroundToggle span:after {
  768. content: "";
  769. display: inline-block;
  770. width: 16px;
  771. height: 16px;
  772. background: url("http://i.imgur.com/jF7Wdfz.png") no-repeat 0 0;
  773. position: relative;
  774. top: 10px;
  775. }
  776. #backgroundToggle span#enableColour:after {
  777. background-position: 0 -16px;
  778. }
  779. #user_bar.withToggle {
  780. margin-left: 44px;
  781. }
  782. #user_bar {
  783. background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
  784. background-image: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.65) 100%);
  785. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.65)));
  786. background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
  787. background-image: -o-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
  788. background-image: -ms-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
  789. background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
  790. border: 1px solid #111;
  791. border: 1px solid rgba(0,0,0,0.5);
  792. -webkit-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
  793. -moz-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
  794. box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
  795. text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
  796. -moz-border-radius: 3px;
  797. -webkit-border-radius: 3px;
  798. border-radius: 3px;
  799. }
  800. #user_navigation .ipsList_inline li {
  801. margin: 0;
  802. padding: 0;
  803. float: left;
  804. }
  805. #user_navigation>ul>li {
  806. border-right: 1px solid rgba(255,255,255,0.1);
  807. }
  808. #user_navigation {
  809. float: left;
  810. color: #9f9f9f;
  811. font-size: 11px;
  812. line-height: 36px;
  813. height: 36px;
  814. overflow: hidden;
  815. }
  816. #user_navigation a {
  817. color: #fff;
  818. float: left;
  819. padding: 0 12px;
  820. line-height: 36px;
  821. outline: none;
  822. height: 36px;
  823. }
  824. #user_navigation a:hover {
  825. background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
  826. background: rgba(0,0,0,0.3);
  827. }
  828. h4.forum_name {
  829. font-size: 12px;
  830. display: inline-block;
  831. margin-left: 10px;
  832. }
  833. p.desc.forum_desc {
  834. font-size: 11px;
  835. color: #444;
  836. padding-top: 5px;
  837. margin-left: 10px;
  838. }
  839. .mod-text {
  840. font-weight: normal;
  841. margin-left: 10px;
  842. }
  843. ul.statsPers {
  844. text-align: center;
  845. list-style: none;
  846. text-align: center;
  847. color: #fff;
  848. text-shadow: rgba(0,0,0,0.3) 0px 1px 3px;
  849. }
  850. .statHide {
  851. display: none;
  852. }
  853. .statsPers li {
  854. display: inline-block;
  855. margin-right: 20px;
  856. }
  857. .statHide {
  858. display: none!important;
  859. }
  860. .statsPers li > span {
  861. display: inline-block;
  862. background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
  863. background-image: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.65) 100%);
  864. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.75)), color-stop(100%,rgba(255,255,255,0.65)));
  865. background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
  866. background-image: -o-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
  867. background-image: -ms-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
  868. background-image: linear-gradient(to bottom, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
  869. -webkit-box-shadow: rgba(0,0,0,0.15) 0px 1px 2px, inset rgba(255,255,255,0.8) 0px 1px 0px;
  870. -moz-box-shadow: rgba(0,0,0,0.15) 0px 1px 2px, inset rgba(255,255,255,0.8) 0px 1px 0px;
  871. box-shadow: rgba(0,0,0,0.15) 0px 1px 2px, inset rgba(255,255,255,0.8) 0px 1px 0px;
  872. text-shadow: rgba(255,255,255,0.6) 0px 1px 0px;
  873. color: #222;
  874. padding: 3px 7px;
  875. font-weight: bold;
  876. -moz-border-radius: 3px;
  877. -webkit-border-radius: 3px;
  878. border-radius: 3px;
  879. margin-right: 3px;
  880. }
  881. .statistics {
  882. margin: 20px 0 0 0;
  883. padding: 8px;
  884. line-height: 1.3;
  885. overflow: hidden;
  886. -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
  887. -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
  888. box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
  889. -webkit-border-radius: 3px;
  890. -moz-border-radius: 3px;
  891. border-radius: 3px;
  892. background: #fafafa;
  893. }
  894. .statistics_head {
  895. font-size: 11px;
  896. font-weight: bold!Important;
  897. margin: -8px -8px 8px -8px;
  898. border-bottom: 1px solid rgba(0,0,0,0.08);
  899. text-shadow: rgba(255,255,255,1) 0px 1px 0px;
  900. background: rgba(255,255,255,0.4);
  901. font-family: "Lato";
  902. text-transform: uppercase;
  903. padding: 15px;
  904. color: #111;
  905. }
  906. p.statistics_brief.desc {
  907. font-size: 11px;
  908. color: #444;
  909. }
  910. #pun-about {
  911. background: none;
  912. border: none;
  913. padding: 10px;
  914. text-align: right;
  915. line-height: 0;
  916. margin-bottom: -20px;
  917. }
  918. #pun-about ul li a {
  919. font-weight: normal;
  920. color: #f0f0f0;
  921. }
  922. ul#stat_links {
  923. line-height: 30px;
  924. }
  925. /*big-foot*/
  926. #footer {
  927. background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
  928. background-image: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.65) 100%);
  929. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.65)));
  930. background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
  931. background-image: -o-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
  932. background-image: -ms-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
  933. background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
  934. border: 1px solid #111;
  935. border: 1px solid rgba(0,0,0,0.5);
  936. color: #ddd;
  937. -webkit-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
  938. -moz-box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
  939. box-shadow: rgba(0,0,0,0.45) 0px 1px 5px;
  940. text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
  941. -moz-border-radius: 3px;
  942. -webkit-border-radius: 3px;
  943. border-radius: 3px;
  944. margin-bottom: 10px;
  945. width: 90%;
  946. margin: auto;
  947. }
  948. .footerCol {
  949. width: 14.2%;
  950. font-size: 11px;
  951. min-width: 125px;
  952. float: left;
  953. min-height: 180px;
  954. vertical-align: top;
  955. line-height: 25px;
  956. padding: 15px 0 18px 20px;
  957. -webkit-box-sizing: border-box;
  958. -moz-box-sizing: border-box;
  959. box-sizing: border-box;
  960. }
  961. .footerCol h3 {
  962. color: #fff;
  963. font-weight: normal;
  964. font-size: 13px;
  965. line-height: 30px;
  966. }
  967. .footerCol h3 a {
  968. color: #fff;
  969. display: block;
  970. }
  971. ol, ul {
  972. list-style: none;
  973. }
  974. .footerCol li a {
  975. color: rgba(255,255,255,0.8);
  976. display: block;
  977. }
  978. .footerCol li a:hover {
  979. color: #fff;
  980. }
  981. .clear {
  982. clear: both;
  983. height: auto;
  984. }
  985. .pun-crumbs {
  986. background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
  987. background-image: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.65) 100%);
  988. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.75)), color-stop(100%,rgba(255,255,255,0.65)));
  989. background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
  990. background-image: -o-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
  991. background-image: -ms-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
  992. background-image: linear-gradient(to bottom, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
  993. -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
  994. -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
  995. box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
  996. text-shadow: rgba(255,255,255,0.6) 0px 1px 0px;
  997. -moz-border-radius: 3px;
  998. -webkit-border-radius: 3px;
  999. border-radius: 3px;
  1000. overflow: hidden;
  1001. line-height: 37px;
  1002. padding: 10px;
  1003. margin-bottom: 10px;
  1004. }
  1005. /*titlebox*/
  1006. .sb_titlebox {
  1007. background: url("http://i.imgur.com/jF7Wdfz.png") repeat;
  1008. background-image: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.65) 100%);
  1009. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.75)), color-stop(100%,rgba(255,255,255,0.65)));
  1010. background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
  1011. background-image: -o-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
  1012. background-image: -ms-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
  1013. background-image: linear-gradient(to bottom, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.65) 100%);
  1014. -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
  1015. -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
  1016. box-shadow: rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(255,255,255,0.8) 0px 1px 0px;
  1017. text-shadow: rgba(255,255,255,0.6) 0px 1px 0px;
  1018. -moz-border-radius: 3px;
  1019. -webkit-border-radius: 3px;
  1020. border-radius: 3px;
  1021. padding: 14px;
  1022. overflow: hidden;
  1023. }
  1024. .ipsUserPhoto {
  1025. width: 54px;
  1026. height: 54px;
  1027. -webkit-border-radius: 3px;
  1028. border-radius: 3px;
  1029. box-shadow: inset rgba(0,0,0,0.14) 0px 1px 3px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px, #fff 0px 1px 0px;
  1030. }
  1031. .ipsBox_withphoto {
  1032. margin-left: 65px;
  1033. }
  1034. .ipsType_pagetitle, .ipsType_subtitle {
  1035. font: 300 26px/1.4 Helvetica,Arial,sans-serif;
  1036. color: #121212;
  1037. }
  1038. .ipbfs_titlebox .desc {
  1039. padding: 3px 0;
  1040. }
  1041. .desc.lighter, .desc.lighter.blend_links a {
  1042. color: #7a7a7a;
  1043. }
  1044. .desc, .desc.blend_links a, p.posted_info {
  1045. font-size: 11px;
  1046. color: #444;
  1047. }
  1048. /*quote*/
  1049. blockquote cite {
  1050. font-size: 12px;
  1051. padding: 8px 10px;
  1052. border: none;
  1053. background: #f2f2f2 url('http://i.imgur.com/65o6AG5.png') repeat-x 0 0;
  1054. color: #535353;
  1055. text-shadow: rgba(255,255,255,1) 0px 1px 0px;
  1056. font-weight: bold;
  1057. margin-top: 5px;
  1058. overflow-x: auto;
  1059. clear: right;
  1060. margin: -5px -11px 5px!important;
  1061. }
  1062. .postmain blockquote {
  1063. padding: .5em 1em;
  1064. border: 1px solid #e3e3e3;
  1065. background: #fcfcfc;
  1066. color: #9f9f9f;
  1067. }
  1068. .codebox {
  1069. background: none;
  1070. border: none;
  1071. margin: 1em;
  1072. }
  1073. .codebox dt {
  1074. border: none;
  1075. padding: .25em;
  1076. }
  1077. div.spoiler_content.hidden {
  1078. background-color: #fcfcfc !important;
  1079. color: #000;
  1080. padding: 8px;
  1081. border: 1px solid #e3e3e3;
  1082. overflow: auto;
  1083. font-size: 11px;
  1084. line-height: 170%;
  1085. font-family: arial !important;
  1086. }
  1087. .codebox.spoiler dd {
  1088. background: none!important;
  1089. border: none!important;
  1090. padding: 0;
  1091. }
  1092. .codebox dd {
  1093. background-color: #fcfcfc !important;
  1094. color: #000;
  1095. padding: 8px;
  1096. border: 1px solid #e3e3e3;
  1097. overflow: auto;
  1098. font-size: 11px;
  1099. line-height: 170%;
  1100. font-family: monospace !important;
  1101. }
  1102. .codebox.spoiler dt {
  1103. display: inline-block;
  1104. font-size: 11px;
  1105. padding: 5px 10px;
  1106. border: none;
  1107. background: #f2f2f2 url('http://i.imgur.com/65o6AG5.png') repeat-x 0 0;
  1108. color: #535353;
  1109. text-shadow: rgba(255,255,255,1) 0px 1px 0px;
  1110. font-weight: bold;
  1111. margin-top: 5px;
  1112. overflow-x: auto;
  1113. clear: right;
  1114. margin-bottom: 5px;
  1115. border: 1px solid #e3e3e3;
  1116. }
  1117. #avatar img {
  1118. width: 34px;
  1119. height: 34px;
  1120. border-radius: 3px;
  1121. margin: 2px;
  1122. }
  1123. a#inbox_link.menu_active {
  1124. background-position: bottom;
  1125. background-color: #fff;
  1126. color: #323232;
  1127. text-shadow: none;
  1128. position: relative;
  1129. z-index: 10000
  1130. }
  1131.  
  1132. #notify_link,#inbox_link {
  1133. vertical-align: middle;
  1134. width: 20px;
  1135. padding: 0px
  1136. 8px !important;
  1137. position: relative
  1138. }
  1139. #inbox_link img, #notify_link img {
  1140. margin-top: 9px;
  1141. }
  1142. .entry-content img{
  1143. max-width: 100%;
  1144. }
  1145. .paging a{
  1146. background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.85);
  1147. color: #222;
  1148. text-shadow: 0px 1px 0px #FFF;
  1149. box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
  1150. border-radius: 3px;
  1151. display: inline-block;
  1152. padding: 3px 10px;
  1153. text-transform: uppercase;
  1154. font-size: 11px;
  1155. display: inline-block;
  1156. font-weight: normal;
  1157. }
  1158. .paging{margin: 10px;}
  1159. .paging a:hover{
  1160. background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.95);
  1161. }
  1162. .paging b{
  1163. background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.6);
  1164. color: #FFF;
  1165. border-radius: 3px;
  1166. box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.7) inset, 0px 1px 0px rgba(255, 255, 255, 0.1);
  1167. padding: 3px 10px;
  1168. cursor: default;
  1169. padding: 3px 10px;
  1170. display: inline-block;
  1171. font-weight: normal;
  1172. padding: 3px 10px;
  1173. text-transform: lowercase;
  1174. font-size: 11px;
  1175. display: inline-block;
  1176. font-weight: normal;
  1177. }
  1178. .topic_buttons.important{
  1179. background: none repeat scroll 0% 0% #8B1515;
  1180. color: #FFF !important;
  1181. text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
  1182. box-shadow: 0px 1px 3px rgba(128, 37, 37, 0.2), 0px 1px 0px rgba(189, 33, 33, 0.8) inset;
  1183. }
  1184. .pun .frm-form {
  1185. background: transparent;
  1186. border: none;
  1187. }
  1188. #tabs ul li a {
  1189. float: left;
  1190. text-decoration: none;
  1191. background: -moz-linear-gradient(center top , rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.6) 100%) repeat scroll 0% 0% transparent;
  1192. box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset;
  1193. color: #FFF;
  1194. text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
  1195. padding:4px 10px!important;
  1196. border:none!important;
  1197. font-size: 14px;
  1198. font-weight: 300;
  1199. border-radius: 4px 4px 0px 0px;
  1200. overflow: hidden;
  1201. }
  1202. #tabs ul li.activetab a {
  1203. color: #F4F9FD;
  1204. text-decoration: none;
  1205. background-color: black;
  1206. }
  1207. .main-content.center img{
  1208. max-width: 250px;
  1209. }
  1210. /* Efeito no título dos ranks */
  1211.  
  1212. .om {
  1213. color: #EE00EE;
  1214. }
  1215. .nvl5 {
  1216. color: #8B658B;
  1217. }
  1218. /* Fim */
  1219. .ti {
  1220. -moz-border-radius: 3px;
  1221. -webkit-border-radius: 3px;
  1222. background: #FF6600;
  1223. border-radius: 3px;
  1224. color: #fff;
  1225. display: inline-block;
  1226. font-size: 11px;
  1227. font-weight: 700;
  1228. margin-top: 5px;
  1229. padding: 3px 8px;
  1230. text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
  1231.  
  1232. }
  1233. // teste de imagem
  1234. .imgt {
  1235. width: 36px;
  1236. height: 36px;
  1237. }
  1238. .tx {
  1239. -moz-border-radius: 3px;
  1240. -webkit-border-radius: 3px;
  1241. background: #D11736;
  1242. border-radius: 3px;
  1243. color: #fff;
  1244. display: inline-block;
  1245. font-size: 11px;
  1246. font-weight: 700;
  1247. margin-top: 5px;
  1248. padding: 3px 8px;
  1249. text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
  1250. }
  1251. .dono {
  1252. -moz-border-radius: 3px;
  1253. -webkit-border-radius: 3px;
  1254. background: #2D5913;
  1255. border-radius: 3px;
  1256. color: #fff;
  1257. display: inline-block;
  1258. font-size: 11px;
  1259. font-weight: 700;
  1260. margin-top: 5px;
  1261. padding: 3px 8px;
  1262. text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
  1263. }
  1264.  
  1265. .destaque {
  1266. -moz-border-radius: 3px;
  1267. -webkit-border-radius: 3px;
  1268. background: #c29211;
  1269. border-radius: 3px;
  1270. color: #fff;
  1271. display: inline-block;
  1272. font-size: 11px;
  1273. font-weight: 700;
  1274. margin-top: 5px;
  1275. padding: 3px 8px;
  1276. text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
  1277. }
  1278.  
  1279. .memb{
  1280. -moz-border-radius: 3px;
  1281. -webkit-border-radius: 3px;
  1282. background: #a1a1a1;
  1283. border-radius: 3px;
  1284. color: #ffffff;
  1285. display: inline-block;
  1286. font-size: 11px;
  1287. font-weight: 700;
  1288. margin-top: 5px;
  1289. padding: 3px 8px;
  1290. text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
  1291. }
  1292. .edt{
  1293. -moz-border-radius: 3px;
  1294. -webkit-border-radius: 3px;
  1295. background: #0fb4cc;
  1296. border-radius: 3px;
  1297. color: #ffffff;
  1298. display: inline-block;
  1299. font-size: 11px;
  1300. font-weight: 700;
  1301. margin-top: 5px;
  1302. padding: 3px 8px;
  1303. text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
  1304. }
  1305. .mod{
  1306. -moz-border-radius: 3px;
  1307. -webkit-border-radius: 3px;
  1308. background: #2768A1;
  1309. border-radius: 3px;
  1310. color: #ffffff;
  1311. display: inline-block;
  1312. font-size: 11px;
  1313. font-weight: 700;
  1314. margin-top: 5px;
  1315. padding: 3px 8px;
  1316. text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
  1317. }
  1318. .master{
  1319. -moz-border-radius: 3px;
  1320. -webkit-border-radius: 3px;
  1321. background: #CD00E0;
  1322. border-radius: 3px;
  1323. color: #ffffff;
  1324. display: inline-block;
  1325. font-size: 11px;
  1326. font-weight: 700;
  1327. margin-top: 5px;
  1328. padding: 3px 8px;
  1329. text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
  1330. }
  1331. .helper{
  1332. -moz-border-radius: 3px;
  1333. -webkit-border-radius: 3px;
  1334. background: #72bec1;
  1335. border-radius: 3px;
  1336. color: #2D5913;
  1337. display: inline-block;
  1338. font-size: 11px;
  1339. font-weight: 700;
  1340. margin-top: 5px;
  1341. padding: 3px 8px;
  1342. text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
  1343. }
  1344. .adm{
  1345. -moz-border-radius: 3px;
  1346. -webkit-border-radius: 3px;
  1347. background: #1527ac;
  1348. border-radius: 3px;
  1349. color: #ffffff;
  1350. display: inline-block;
  1351. font-size: 11px;
  1352. font-weight: 700;
  1353. margin-top: 5px;
  1354. padding: 3px 8px;
  1355. text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
  1356. }
  1357. .nv5{
  1358. -moz-border-radius: 3px;
  1359. -webkit-border-radius: 3px;
  1360. background: #8B658B;
  1361. border-radius: 3px;
  1362. color: #ffffff;
  1363. display: inline-block;
  1364. font-size: 11px;
  1365. font-weight: 700;
  1366. margin-top: 5px;
  1367. padding: 3px 8px;
  1368. text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
  1369. }
  1370. .dona {
  1371. -moz-border-radius: 3px;
  1372. -webkit-border-radius: 3px;
  1373. background: #BA7702;
  1374. border-radius: 3px;
  1375. color: #fff;
  1376. display: inline-block;
  1377. font-size: 11px;
  1378. font-weight: 700;
  1379. margin-top: 5px;
  1380. padding: 3px 8px;
  1381. text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
  1382. }
  1383. .des{
  1384. -moz-border-radius: 3px;
  1385. -webkit-border-radius: 3px;
  1386. background: #990000;
  1387. border-radius: 3px;
  1388. color: #ffffff;
  1389. display: inline-block;
  1390. font-size: 11px;
  1391. font-weight: 700;
  1392. margin-top: 5px;
  1393. padding: 3px 8px;
  1394. text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
  1395. }
  1396. .pref{
  1397. -moz-border-radius: 3px;
  1398. -webkit-border-radius: 3px;
  1399. background: #AC82FF;
  1400. border-radius: 3px;
  1401. color: #ffffff;
  1402. display: inline-block;
  1403. font-size: 11px;
  1404. font-weight: 700;
  1405. margin-top: 5px;
  1406. padding: 3px 8px;
  1407. text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
  1408. }
  1409. .nvl{
  1410. -moz-border-radius: 3px;
  1411. -webkit-border-radius: 3px;
  1412. background: #76940C;
  1413. border-radius: 3px;
  1414. color: #ffffff;
  1415. display: inline-block;
  1416. font-size: 11px;
  1417. font-weight: 700;
  1418. margin-top: 5px;
  1419. padding: 3px 8px;
  1420. text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
  1421. }
  1422.  
  1423.  
  1424. a[href="/u2828"]{text-shadow:0 0 5px #0055aa}
  1425. a[href="/u194"]{text-shadow:0 0 5px #0055aa}
  1426.  
  1427.  
  1428. a[href="/u29"]{text-shadow:0 0 5px Blue}
  1429.  
  1430. a[href="/u29"] {
  1431. background-image: url("http://i.imgur.com/64TYyxd.gif");
  1432. text-shadow : 0px 0px 10px #2D5913;
  1433. }
  1434. a[href="/u24"] {
  1435. background-image: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
  1436. text-shadow:2px 2px 6px #2D5913!important;
  1437. }
  1438. a[href="/u24"] {
  1439. background-image: url("http://i.imgur.com/64TYyxd.gif");
  1440. text-shadow : 0px 0px 10px #2D5913;
  1441. }
  1442. a[href="/u14"]{text-shadow:0 0 5px Blue}
  1443.  
  1444. a[href="/u14"] {
  1445. background-image: url("http://i.imgur.com/64TYyxd.gif");
  1446. text-shadow : 0px 0px 10px #2D5913;
  1447. }
  1448. a[href="/u1"]{text-shadow:0 0 5px Blue}
  1449.  
  1450. a[href="/u1"] {
  1451. background-image: url("http://i.imgur.com/64TYyxd.gif");
  1452. text-shadow : 0px 0px 10px #2D5913;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement