Advertisement
Guest User

css 2

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