Advertisement
Guest User

css

a guest
Dec 18th, 2015
60
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.49 KB | None | 0 0
  1.  
  2. .uB.adm {
  3. background:#CD0000 url(http://i.imgur.com/HBePiQw.png)!important;
  4. color:#FFF!important;
  5. border-color:transparent!important;
  6. }
  7. .uix_usernameWrapper span.username .i_icon_online{margin-right:5px} .pun .post .user { float:left; margin-left:0!important; margin-top:0!important; padding-top:0!important; position:relative; width:160px!important; } .pun .postmain { background-color:#fbfbfb; border:1px solid #e2e2e2!important; -webkit-border-radius:4px; -moz-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; margin:16px auto 16px 0 !important; padding:8px; } .pun .post-entry { float:left; width:79%; padding:1em 1em 0; } .pun .post { border-color:none!important; border-style:none!important; border-width:0!important; } .postfoot { border-top:0 dashed!important; clear:both; margin-left:0!important; text-align:right; padding:.5em 1em; } .pun .posthead { float:left; background:none!important; border-bottom:0 dashed #ccc!important; } .user-basic-info img:first-child {-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.1); background:#fff; border:1px solid #d8d8d8; box-shadow:0 2px 2px rgba(0,0,0,0.1); height:110px; width:110px; padding:2px; } .messageUserBlock .extraUserInfo div { border-bottom:1px dashed #e2e2e2; padding-top:5px; } .user .messageUserInfo .messageUserBlock h3.userText br { display:none; } .messageUserInfo { background-color:#FFF; float:left; width:140px; margin-left:5px; } .messageUserBlock { background-color:#FFF; border:1px solid #e2e2e2; -webkit-border-radius:2px; -moz-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; position:relative; } .messageUserBlock div.avatarHolder { background-color:#FFF; -webkit-border-radius:2px; -moz-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; -webkit-border-bottom-right-radius:0; -moz-border-radius-bottomright:0; -khtml-border-bottom-right-radius:0; border-bottom-right-radius:0; -webkit-border-bottom-left-radius:0; -moz-border-radius-bottomleft:0; -khtml-border-bottom-left-radius:0; border-bottom-left-radius:0; text-align:center; position:relative; padding:8px; } .messageUserBlock div.avatarHolder .avatar { display:block; font-size:0; } .messageUserBlock h3.userText { background-color:#f0f0f0; border:0 solid #e2e2e2; border-top-width:1px; padding:8px; } .messageUserBlock a.username { font-weight:700; display:block; overflow:hidden; line-height:16px; } .messageUserBlock .userTitle { font-size:11px; display:block; } .messageUserBlock .uB:last-child { margin-bottom:0; } .uB.wp { -webkit-border-top-right-radius:0; -moz-border-radius-topright:0; -khtml-border-top-right-radius:0; border-top-right-radius:0; -webkit-border-top-left-radius:0; -moz-border-radius-topleft:0; -khtml-border-top-left-radius:0; border-top-left-radius:0; position:relative; } .messageUserBlock .uB { display:block; margin:5px -14px; } .uB { font-size:11px; background:transparent url(styles/uix/xenforo/gradients/form-button-white-25px.png) repeat-x top; border:1px solid transparent; -webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; text-align:center; background-image:none; -webkit-box-shadow:none; -moz-box-shadow:none; -khtml-box-shadow:none; box-shadow:none; padding:4px 5px; } .uB.wp span.ber { -webkit-border-top-left-radius:3px; -moz-border-radius-topleft:3px; -khtml-border-top-left-radius:3px; border-top-left-radius:3px; left:-1px; } .uB.wp span.aft { -webkit-border-top-right-radius:3px; -moz-border-radius-topright:3px; -khtml-border-top-right-radius:3px; border-top-right-radius:3px; right:-1px; } .uB.wp span { position:absolute; top:-4px; width:5px; height:4px; background-color:inherit; } .uB.bannerStaff { background-color:#fafafa; background:#6ba65e; color:#FFF; border-color:transparent; } .messageUserBlock .extraUserInfo { font-size:12px; background-color:#FFF; border:0 solid #e2e2e2; border-top-width:1px; -webkit-border-radius:2px; -moz-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; -webkit-border-top-left-radius:0; -moz-border-radius-topleft:0; -khtml-border-top-left-radius:0; border-top-left-radius:0; -webkit-border-top-right-radius:0; -moz-border-radius-topright:0; -khtml-border-top-right-radius:0; border-top-right-radius:0; padding:4px 6px; } .messageUserBlock .extraUserInfo dl { margin:2px 0 0; } .messageUserBlock .arrow { position:absolute; top:10px; right:-10px; display:block; width:0; height:0; line-height:0; border:10px solid transparent; border-left-color:#e2e2e2; -moz-border-left-colors:#e2e2e2; border-right:none; _display:none; } .messageUserBlock .arrow span { position:absolute; top:-10px; left:-11px; display:block; width:0; height:0; line-height:0; border:10px solid transparent; border-left-color:#FFF; -moz-border-left-colors:#FFF; border-right:none; }@media only screen and (max-width: 1024px) and (min-width: 1000px){ .pun .post-entry { width: 75%!important; }}
  8. a{-moz-transition: all 500ms ease 0s;
  9. -webkit-transition: all 500ms ease 0s;
  10. -o-transition: all 500ms ease 0s;
  11. -ms-transition: all 500ms ease 0s;}
  12. body {
  13. background: #F4F4F6;
  14. color: #5A5A5A;
  15. font: normal 13px "Helvetica", helvetica, arial, sans-serif;
  16. }
  17. .main .main-foot, .main .main-head {
  18. color: white;
  19. padding: 15px 13px 16px;
  20. text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  21. border-radius: 4px 4px 0 0;
  22. box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.2);
  23. border: 0;
  24. background: white url(http://i.imgur.com/wa5siQH.jpg);
  25. }
  26. #pun-desc {
  27. color: #CCC;
  28. text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  29. line-height: 25px;
  30. font-size: 12pt;
  31. }
  32. .maxtitleforum #pun-title {
  33. font-size: 30px;
  34. padding-bottom: 5px;
  35. color: white;
  36. text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3);
  37. font-family: 'Armata', sans-serif;
  38. }
  39. #pun-intro {
  40. width: 70%;
  41. margin:auto;
  42. min-width: 975px;
  43. padding: 0px;
  44. }
  45. .maxtitleforum {
  46. color: white;
  47. margin: 45px auto auto auto;
  48. width: 70%;
  49. min-width: 975px;
  50. }
  51. .pun {
  52. margin: auto;
  53. padding: 0px;
  54. width: 100%;
  55. }
  56. .pun-intro-main {
  57. min-height: 343px;
  58. box-shadow: inset 0 -5px 0 rgba(0, 0, 0, 0.5);
  59. background: white url(http://i.imgur.com/wa5siQH.jpg);
  60. }
  61. #pun-intro {
  62. clear: both;
  63. height: 76px;
  64. line-height: 70px;
  65. background: -moz-linear-gradient(top, rgba(26, 26, 26, 0.44) 0%, rgba(0, 0, 0, 0.44) 100%);
  66. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(26, 26, 26, 0.44)), color-stop(100%,rgba(0, 0, 0, 0.44)));
  67. background: -webkit-linear-gradient(top, rgba(26, 26, 26, 0.44) 0%,rgba(0, 0, 0, 0.44) 100%);
  68. background: -o-linear-gradient(top, rgba(26, 26, 26, 0.44) 0%,rgba(0, 0, 0, 0.44) 100%);
  69. background: -ms-linear-gradient(top, rgba(26, 26, 26, 0.44) 0%,rgba(0, 0, 0, 0.44) 100%);
  70. background: linear-gradient(to bottom, rgba(26, 26, 26, 0.44) 0%,rgba(0, 0, 0, 0.44) 100%);
  71. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#701a1a1a', endColorstr='#70000000',GradientType=0 );
  72. -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 6px rgba(0, 0, 0, 0.4);
  73. -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 6px rgba(0, 0, 0, 0.4);
  74. box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 6px rgba(0, 0, 0, 0.4);
  75. -webkit-border-radius: 4px 4px 4px 4px;
  76. -moz-border-radius: 4px 4px 4px 4px;
  77. border-radius: 4px 4px 4px 4px;
  78. position: relative;
  79. border: 0px;
  80. }
  81. #breadcrumb {
  82. background: url(http://i.imgur.com/Lzq2mdm.png);
  83. height: 78px;
  84. clear: both;
  85. overflow: hidden;
  86. text-shadow: 0 1px 0 white;
  87. box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.05) inset, inset 0 1px 0 white;
  88. -moz-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.05) inset, inset 0 1px 0 #fff;
  89. -webkit-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.05) inset, inset 0 1px 0 white;
  90. line-height: 75px;
  91. }
  92. #breadcrumb .main_width {
  93. width: 70%;
  94. min-width: 975px;
  95. margin: auto;
  96. }
  97. .pun-intro-main #pun-navlinks ul li a {
  98. font-family: 'Fjalla One', sans-serif;
  99. color: white;
  100. font-size: 11pt;
  101. text-decoration: none;
  102. text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  103. padding: 25px 12px 32px 12px;
  104. margin: 0em;
  105. }
  106. .pun-intro-main #pun-navlinks ul li a:hover {
  107. background: black;
  108. background: rgba(0, 0, 0, 0.37);
  109. color: white;
  110. }
  111. #page-body {
  112. background: white;
  113. padding: 15px 15px 10px;
  114. box-shadow: 0 1px 2px #DBDBDB;
  115. margin: auto auto 35px auto;
  116. min-width: 975px;
  117. width: 70%;
  118. overflow: hidden;}
  119. .crumb.left a {
  120. text-decoration: none;
  121. font-size: 20px!important;}
  122. .crumb.left a span ,.crumb.left a span h1{
  123. color: #585858;
  124. font-size: 20px!important;
  125. font-family: 'Signika' arial;
  126. font-weight: normal!important;
  127. }
  128. .pun table.table td {
  129. border-bottom: 1px solid #E1E1E1;
  130. border-top: 1px solid white;
  131. background-color: #FBFBFB!important;
  132. border-width: 1px 0px 1px 0px;
  133. color: #AAA;
  134. font-family: Helvetica, helvetica, arial, sans-serif;
  135. font-size: 12px;
  136. border-style: none;
  137. }
  138. .pun table.table td:hover {
  139. color: #454545;
  140. }
  141. .pun .main-content_board_index table.table {
  142. background: white;
  143. border: 1px solid #DDD;
  144. border-collapse: separate;
  145. }
  146. .main-content_board_index {
  147. padding: 9px;
  148. background: #E5E4E3;
  149. }
  150.  
  151. /*----------[Borrar Subrayados]------------*/
  152. a {text-decoration: none;}
  153. a:link {text-decoration: none;}
  154. a:hover {text-decoration: none!important;}
  155. a.forumtitle {text-decoration: none;}
  156. a.forumtitle:hover {text-decoration: none!important;}
  157. a.topictitle {text-decoration: none;}
  158. a.topictitle:hover {text-decoration: none!important;}
  159. /*----------------FIN---------------*/
  160. .module.main .main-head {
  161. background-position: -650px -25px !important;
  162. }
  163. #pun-about a {
  164. font-family: helvetica;
  165. color: #EEE;
  166. font-size: 12px;
  167. text-shadow: 1px 1px 0 #5F5F5F;
  168. }
  169. #pun-about form {
  170. display: none;
  171. }
  172. #pun-about {
  173. background: none;
  174. border: none;
  175. min-width: 985px;
  176. width: 70%;
  177. margin: auto;
  178. }
  179. #pun-foot {
  180. box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.2);
  181. background: white url(http://i.imgur.com/wa5siQH.jpg);
  182. position: absolute;
  183. width: 100%;}
  184. .main-head .page-title h2 ,.module.main .main-head .h3 ,.main .main-head .page-title{
  185. font-family: 'Carrois Gothic', sans-serif;
  186. font-size: 18px;
  187. }
  188. a.forumtitle {
  189. font-size: 16px;
  190. text-shadow: 0 0 1px #AAA;
  191. font-weight: normal!important;
  192. font-family: 'Carrois Gothic', sans-serif;
  193. }
  194. .tcl.tdtopics a.topictitle {
  195. font-size: 15px;
  196. font-family: 'Carrois Gothic', sans-serif;
  197. font-weight: normal;
  198. color: #0F0F0F;
  199. }
  200. #lit {
  201. display: inline-block;
  202. text-align: right;
  203. margin-right: 10px;
  204. }
  205. .datepostur {
  206. background: #EEE;
  207. border-radius: 2px;
  208. display: inline-block;
  209. margin-bottom: 13px;
  210. color: #AAA !important;
  211. font-size: 11px !important;
  212. padding: 3px 10px;
  213. font: normal 13px "Helvetica", helvetica, arial, sans-serif;
  214. }
  215. .pun .main-content_board_index .post {
  216. background: #EDEDED;
  217. border: 1px solid #DDD;
  218. border-bottom: 0px solid transparent;
  219. }
  220. .pun .posthead {
  221. background: #F1F1F1;
  222. padding: 0 10px;
  223. height: 33px;
  224. line-height: 32px;
  225. font-weight: normal;
  226. text-shadow: 0 1px 0 white;
  227. border-bottom: 1px solid #DDD;
  228. }
  229. .pun .postmain {
  230. background-color: #FBFBFB;
  231. border-left: 1px solid #DDD;
  232. margin-left: 13em;
  233. }
  234. .pun .post .user {
  235. margin-top: 0px;
  236. width: 12em;
  237. margin-left: -13em;
  238. text-align: center;
  239. }
  240. .postfoot {
  241. margin: 0em;
  242. border-top: 0px;
  243. }
  244. #userpost strong {
  245. float: left;
  246. }
  247. .social_media a {
  248. height: 33px;
  249. width: 32px;
  250. display: block;
  251. margin-right: 10px;
  252. position: relative;
  253. top: 20px;
  254. float: right;
  255. }
  256. #icon_plusg a:hover {
  257. background: url(http://i.imgur.com/yePnDmA.png) -64px 33px;
  258. }
  259. #icon_plusg a {
  260. background: url(http://i.imgur.com/yePnDmA.png) -64px 0;
  261. }
  262. #icon_twitter a {
  263. background: url(http://i.imgur.com/yePnDmA.png) -32px 0;
  264. }
  265. #icon_twitter a:hover {
  266. background: url(http://i.imgur.com/yePnDmA.png) -32px 33px;
  267. }
  268. #icon_face a {
  269. background: url(http://i.imgur.com/yePnDmA.png) 0 0;
  270. }
  271. #icon_face a:hover {
  272. background: url(http://i.imgur.com/yePnDmA.png) 0 33px;
  273. }
  274. #pun-navlinks {
  275. position: absolute;
  276. right: 0px;
  277. }
  278. .sprite.icon_nav_search {
  279. background: url(http://i.imgur.com/agUZ8N6.png) no-repeat -32px -15px;
  280. height: 22px;
  281. width: 22px;
  282. position: relative;
  283. top: 5px;
  284. }
  285. #search_ipb input[type="submit"] {
  286. background: #222 url(http://i.imgur.com/5Ja1HOo.png) no-repeat 50%;
  287. text-indent: -3000em;
  288. padding: 0;
  289. border: 1px solid #111 !important;
  290. width: 26px;
  291. height: 32px;
  292. border-radius: 0 2px 2px 0;
  293. box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.1);
  294. cursor: pointer;
  295. }
  296. #search_ipb input[type="text"] {
  297. border-radius: 4px 0px 0px 4px;
  298. box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  299. width: 230px;
  300. font: normal 13px helvetica,arial,sans-serif;
  301. border: none;
  302. padding: 7px;
  303. }
  304. #search_ipb {
  305. float: right;
  306. background: #111;
  307. background: rgba(0, 0, 0, 0.7);
  308. -moz-border-radius: 0 0 4px 4px;
  309. -webkit-border-radius: 0 0 4px 4px;
  310. border-radius: 0 0 4px 4px;
  311. box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
  312. -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
  313. -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
  314. padding: 10px;
  315. margin-top: 75px;
  316. margin-right: 10px;}
  317. .reply_form_topic {
  318. padding: 9px;
  319. background: #E5E4E3;
  320. }
  321. .reply_form_topic #pun-qpost {
  322. padding: 10px;
  323. margin: 0em;
  324. background: white;
  325. }
  326. .reply_form_topic .main-head.clearfix {
  327. font-family: 'Carrois Gothic', sans-serif;
  328. font-size: 18px;
  329. background: none!important;
  330. box-shadow: none;
  331. padding: 10px;
  332. color: black;
  333. text-shadow: 0 0 1px white;
  334. }
  335. .pun .reply_form_topic .main-content.frm {
  336. border: 0px;
  337. }
  338. .reply_form_topic #quick_reply .frm-set {
  339. padding: 0px 5px 0px 3px !important;
  340. border: 2px solid #D5DDE5 !important;
  341. background-color: #E4EBF2 !important;
  342. background-image: none !important;
  343. margin: 0em;
  344. }
  345. .reply_form_topic #text_editor_controls {
  346. margin: 10px;
  347. width: 100%!important;
  348. }
  349. .reply_form_topic button.button2, .reply_form_topic input.button2 {
  350. background: transparent;
  351. border: 0px;
  352. padding: 4px 5px;
  353. border-radius: 2px;
  354. color: #383838;
  355. box-shadow: none;
  356. }
  357. .reply_form_topic button.button2:hover, .reply_form_topic input.button2:hover {
  358. background: #CFDAE0;
  359. border: 0px;
  360. }
  361. .reply_form_topic #textarea_content dl dt {
  362. display: none;
  363. }
  364. .reply_form_topic .dd-textarea {
  365. margin: 0em;
  366. }
  367. .reply_form_topic .options {
  368. display: none;
  369. }
  370. #text_editor_controls {
  371. margin: 10px;
  372. }
  373. .pun .frm div.posting-block dd.frm-textarea {
  374. margin-left: 0em;
  375. }
  376. .pun .frm .frm-buttons input, input[type="button"], input[type="reset"], input[type="submit"] {
  377. background: #212121 url(http://i.imgur.com/DNa2Rhl.png) repeat-x top;
  378. color: white;
  379. border-radius: 3px;
  380. box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  381. border: 1px solid #222;
  382. padding: 4px 10px;
  383. cursor: pointer;
  384. font-weight: 500;
  385. }
  386. .main-content.topic {
  387. background: whiteSmoke;
  388. }
  389. #reply-avatar img {
  390. background: white;
  391. box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
  392. height: 50px;
  393. width: 50px;
  394. margin: 10px;
  395. border: 1px solid #B9B9B9;
  396. padding: 2px;
  397. border-radius: 2px;
  398. }
  399. #reply-avatar {
  400. float: left;
  401. }
  402. #quick_reply .frm-buttons {
  403. margin: 5px;
  404. text-align: right;
  405. border: none;
  406. }
  407. button.button2, input.button2 {
  408. background: whiteSmoke;
  409. padding: 3px 4px;
  410. border: 1px solid #D5D5D5;
  411. border-radius: 2px;
  412. cursor: pointer;
  413. color: #6B6B6B;}
  414. fieldset.frm-set dl dd {
  415. margin-left: auto;
  416. }
  417. input[type="text"], #text_editor_textarea {
  418. padding: 3px;
  419. border: 1px solid #DADADA;
  420. border-radius: 3px;
  421. }
  422. #header_bar {
  423. position: relative;
  424. width: 70%;
  425. min-width: 975px;
  426. margin: auto;
  427. }
  428. #user_navigation {
  429. height: 28px;
  430. margin: 33px 0 6px;
  431. text-align: right;
  432. min-width: 569px;
  433. float: right;
  434. }
  435. .ipsList_inline.right li a {
  436. font: normal 15px 'Carrois Gothic', sans-serif;
  437. color: #EEE;
  438. text-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 2px;}
  439. .ipsList_inline.right li {
  440. display: inline;
  441. margin: 2px 7px;
  442. }
  443. #reg_link {
  444. background: rgba(0, 0, 0, 0.7);
  445. color: white;
  446. display: inline-block;
  447. padding: 6px 10px;
  448. border: 0;
  449. -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 2px 4px rgba(0, 0, 0, 0.2);
  450. -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 2px 4px rgba(0, 0, 0, 0.2);
  451. box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 2px 4px rgba(0, 0, 0, 0.2);
  452. text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  453. border-radius: 3px;
  454. -webkit-border-radius: 3px;
  455. -moz-border-radius: 3px;
  456. }
  457. .ipsList_inline.right {
  458. list-style: none;
  459. }
  460. /* -----------------[Background Selector by 3go0ne]-----------------*/
  461. #custom_background {
  462. background-color: white;
  463. box-shadow: inset 0 1px 0 white, 0 1px 3px rgba(0, 0, 0, 0.16);
  464. border: 1px solid #D1D1D1;
  465. color: white;
  466. position: relative;
  467. padding: 15px 0px 15px 15px;
  468. overflow: hidden;}
  469. #custom_background span {
  470. -moz-transition: all .2s ease-in-out 0;
  471. background: none no-repeat scroll 50% 50% #000;
  472. border-radius: 3px;
  473. box-shadow: 0 1px 7px #000 inset, 0 1px 0 rgba(255,255,255,0.05), 0 0 1px rgba(255,255,255,0.35);
  474. cursor: pointer;
  475. display: block;
  476. float: left;
  477. height: 90px;
  478. margin: 5px;
  479. width: 140px;
  480. background: url(http://www.tomchristian.co.uk/development/ipb/public/style_images/tctc91_glare/_custom/sprite_icons.png) no-repeat;
  481. }
  482. #custom_background span:hover {
  483. filter: alpha(opacity=0.5);
  484. background: url(http://www.tomchristian.co.uk/development/ipb/public/style_images/tctc91_glare/_custom/sprite_icons.png) no-repeat;
  485. -khtml-opacity: 0.5;
  486. -moz-opacity: 0.5;
  487. opacity: 0.5;
  488. }
  489. #nav_background {cursor: pointer;}
  490. #toggle_background {
  491. margin-bottom: 20px;
  492. }
  493. /* Miniaturas (Vista Previa) */
  494. #bg1 {background: url(http://i.imgur.com/wa5siQH.jpg) no-repeat -1006px -250px!important;}
  495. #bg2 {background: url(http://i.imgur.com/sdi00up.jpg) no-repeat -625px -450px!important;}
  496. #bg3 {background: url(http://i.imgur.com/yhhf7Rt.jpg) no-repeat 0 0!important;}
  497. #bg4 {background: url(http://i.imgur.com/0RcFxB5.jpg) no-repeat -655px -450px!important;}
  498. #bg5 {background: url(http://i.imgur.com/SKOXqoO.jpg) no-repeat -792px -142px!important;}
  499. #bg6 {background: url(http://i.imgur.com/EYGZIPq.jpg) no-repeat -655px -450px!important;}
  500. #bg7 {background: url(http://i.imgur.com/g75ZMGV.jpg) no-repeat 0 0!important;}
  501. #bg8 {background: url(http://i.imgur.com/SurCBhb.jpg) no-repeat 0 0!important;}
  502.  
  503. /* Backgrounds */
  504. .bg1 {background: white url(http://i.imgur.com/wa5siQH.jpg)!important;}
  505. .bg2 {background: white url(http://i.imgur.com/sdi00up.jpg)!important;}
  506. .bg3 {background: white url(http://i.imgur.com/yhhf7Rt.jpg)!important;}
  507. .bg4 {background: white url(http://i.imgur.com/0RcFxB5.jpg)!important;}
  508. .bg5 {background: white url(http://i.imgur.com/SKOXqoO.jpg)!important;}
  509. .bg6 {background: white url(http://i.imgur.com/EYGZIPq.jpg)!important;}
  510. .bg7 {background: white url(http://i.imgur.com/g75ZMGV.jpg)!important;}
  511. .bg8 {background: white url(http://i.imgur.com/SurCBhb.jpg)!important;}
  512. /* -----------------Background Selector-----------------*/
  513. #fullcred a:hover {
  514. color: white;
  515. }
  516. #fullcred a {
  517. display: block;
  518. font: normal 15px 'Carrois Gothic', sans-serif;
  519. -moz-transition: all 500ms ease 0s;
  520. -webkit-transition: all 500ms ease 0s;
  521. -o-transition: all 500ms ease 0s;
  522. -ms-transition: all 500ms ease 0s;
  523. text-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 2px;
  524. color: #948F8F;
  525. color: rgba(255, 255, 255, 0.4);
  526. }
  527. #fullcred {
  528. float: left;
  529. text-align: left;
  530. }
  531. #topdes:hover {
  532. background: rgba(0, 0, 0, 0.5) url("http://i.imgur.com/90ulAas.png")no-repeat center center;
  533. }
  534. #topdes {
  535. width: 24px;
  536. height: 24px;
  537. display: block;
  538. background: rgba(0, 0, 0, 0.2) url("http://i.imgur.com/90ulAas.png")no-repeat center center;
  539. border-radius: 5px;
  540. margin: auto;
  541. cursor: pointer;
  542. text-align: center;
  543. }
  544. #estadisticas-IPB {
  545. text-align: center;
  546. }
  547. #estadisticas-IPB .stat-bloque {
  548. display: inline-block;
  549. margin-right: 10px;
  550. }
  551. #estadisticas-IPB span {
  552. display: inline-block;
  553. background: #E2E2E2;
  554. color: #4A4A4A;
  555. padding: 2px 6px;
  556. font-weight: bold;
  557. border-radius: 2px;
  558. margin: 2px;
  559. }
  560. .board_statistics {
  561. margin: 20px 0 0 0;
  562. padding: 10px 0;
  563. border-top: 3px solid #D8D8D8;
  564. }
  565. .board_statistics h2 {
  566. font-size: 14px;
  567. font-weight: bold;
  568. margin: 4px 0;
  569. }
  570. .expand {
  571. background: url(http://i.imgur.com/gLCLWtW.png) no-repeat -94px -24px;
  572. text-indent: -3000em;
  573. width: 41px;
  574. height: 24px;
  575. display: block;
  576. outline: 0;
  577. opacity: 0.4;
  578. -moz-transition: all 0ms ease 0s;
  579. -webkit-transition: all 0ms ease 0s;
  580. -o-transition: all 0ms ease 0s;
  581. -ms-transition: all 0ms ease 0s;
  582. position: relative;
  583. top: -20px;
  584. float: right;
  585. right: 10px;
  586. cursor: pointer;
  587. }
  588. .contract {
  589. background: url(http://i.imgur.com/gLCLWtW.png) no-repeat -94px 0;
  590. text-indent: -3000em;
  591. width: 41px;
  592. height: 24px;
  593. display: block;
  594. outline: 0;
  595. opacity: 0.4;
  596. -moz-transition: all 0ms ease 0s;
  597. -webkit-transition: all 0ms ease 0s;
  598. -o-transition: all 0ms ease 0s;
  599. -ms-transition: all 0ms ease 0s;
  600. position: relative;
  601. top: -20px;
  602. float: right;
  603. right: 10px;
  604. cursor: pointer;}
  605. .expand:hover ,.contract:hover{opacity: 9;}
  606.  
  607. .user-avatar img {
  608. opacity: 0.6;
  609. }
  610. .post:hover .user-avatar img {
  611. opacity: 1;
  612. -webkit-transition: all .2s linear;
  613. -moz-transition: all .2s linear;
  614. -o-transition: all .2s linear;
  615. }
  616.  
  617.  
  618. .post:hover .post-options {
  619. -moz-transition: all .2s linear;
  620. -o-transition: all .2s linear;
  621. -webkit-transition: all .2s linear;
  622. opacity: .5;
  623. }
  624. .post .post-options:hover {
  625. -moz-transition: all .2s linear;
  626. -o-transition: all .2s linear;
  627. -webkit-transition: all .2s linear;
  628. opacity: 1!important;
  629. }
  630. .post .post-options {
  631. -moz-transition: all .2s linear;
  632. -o-transition: all .2s linear;
  633. -webkit-transition: all .2s linear;
  634. opacity: 0;
  635. }
  636. -moz-selection, ::selection {
  637. background: rgba(0, 160, 250, 0.5);
  638. color: white;
  639. text-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
  640. }
  641.  
  642. .pun div, .pun td, .sig-line {
  643. color: ##DDD;
  644. }
  645. .pun .username {
  646. border-radius: 4px;
  647. display: block;
  648. font-family: Arvo;
  649. font-size: 1.5em;
  650. font-weight: 400!important;
  651. margin-bottom: 5px;
  652. margin-top: 10px;
  653. padding: 8px!important;
  654. position: relative;
  655. text-align: center;
  656. text-decoration: none;
  657. border-image: initial;
  658. }
  659. .spoiler > dt::after {
  660. content: "© BestSkins";
  661. float: right;
  662. }
  663. .module-advert{display:none;}
  664. #online .on-title, #statistics .stats-title {
  665. border-bottom: 1px solid white;
  666. font-size: 30px;
  667. height: 70px;
  668. text-transform: uppercase;
  669. }
  670.  
  671. .online-content {
  672. border-top: 1px solid #D9D9D9;
  673. padding: 15px;
  674. }
  675.  
  676. #online {
  677. background: #EAEAEA;
  678. border-right: 2px solid #D2D2D2;
  679. vertical-align: top;
  680. width: 60%;
  681. }
  682.  
  683. #online .on-title {
  684. background: #F3F3F3;
  685. }
  686.  
  687. #pun-announcement, #pun-visit, .main-box {
  688. -moz-border-radius: 5px;
  689. -moz-box-shadow: 0 2px 5px 0 #dcdcdc;
  690. background: white url(http://i36.servimg.com/u/f36/11/96/49/61/dropsh10.png) 0 -1px repeat-x;
  691. border: 1px solid #D6D6D6;
  692. border-radius: 5px;
  693. box-shadow: 0 2px 5px 0 #dcdcdc;
  694. border-image: initial;
  695. }
  696.  
  697. #general-stats {
  698. -moz-box-shadow: 0 0 7px 0 #dcdcdc;
  699. background: whiteSmoke;
  700. border: 1px solid white;
  701. box-shadow: 0 0 7px 0 #dcdcdc;
  702. text-shadow: 1px 1px 0 white;
  703. width: 100%;
  704. border-image: initial;
  705. }
  706.  
  707. #online .on-title a, #statistics .stats-title a {
  708. bottom: -23px;
  709. font-family: Century Gothic!important;
  710. left: 20px;
  711. position: relative;
  712. }
  713.  
  714. .chart, .globe {
  715. height: 28px;
  716. margin-top: -3px;
  717. vertical-align: middle;
  718. }
  719.  
  720. #statistics {
  721. border-left: 0px solid white;
  722. float: right;
  723. padding-bottom: 15px;
  724. vertical-align: top;
  725. width: 100%;
  726. }
  727.  
  728. .stats-content {
  729. border-top: 1px solid #D9D9D9;
  730. padding: 15px;
  731. }
  732.  
  733. #legend {
  734. margin: 25px 0;
  735. }
  736.  
  737. .groups {
  738. background: url(http://i36.servimg.com/u/f36/11/96/49/61/custom10.png) no-repeat left;
  739. float: right;
  740. margin-top: -22px;
  741. padding: 5px 0 5px 18px;
  742. }
  743.  
  744. li {list-style-type:none;}
  745. .pun table td.tcl {
  746. border-left-style: none;
  747. border-left-width: 0;
  748. height: 42px;
  749. min-height: 24px;
  750. padding-left: .5em;
  751. vertical-align: top;
  752. }
  753. .pun table.table td {
  754. background-color: #fbfbfb;
  755.  
  756. border-width: 1px;
  757. line-height: 130%;
  758. padding: .6em 0 .7em;
  759. }
  760. .pun table .tdtopics {
  761. padding-left: 42px;
  762. }
  763. .pun table .tcl {
  764. overflow: hidden;
  765. text-align: left;
  766. width: 50%;
  767. }
  768. .forumbit_post .foruminfo .forumicon {
  769.  
  770. position: absolute;
  771. }
  772.  
  773. /*tópico*/
  774. .main .main-foot {
  775. border-top: 1px solid #e0e0e0;
  776. border-bottom: 1px solid #e0e0e0;
  777. text-shadow: gray 0px -1px 0px;
  778. background: #e8e8e8 url('http://www.ipbforumskins.com/skindemo/public/style_images/overlayr34x/highlight_faint.png') repeat-x 0 0;
  779. padding: 0 10px;
  780. height: 36px;
  781. color: black;
  782. line-height: 36px;
  783. font-weight: normal;
  784. font-size: 13px;
  785. }
  786.  
  787. .pun .posthead {
  788. color: white;
  789. border-top: 1px solid #383838;
  790. text-shadow: rgba(0, 0, 0, 0.8) 0px -1px 0px;
  791. padding: 0 10px;
  792. height: 36px;
  793. line-height: 36px;
  794. font-weight: normal;
  795. font-size: 13px;
  796. }
  797.  
  798. .pun .posthead a {
  799. color: white;
  800. }
  801.  
  802. .pun .post .user {
  803. margin-left: -16.6em;
  804. margin-top: -1em;
  805. position: relative;
  806. text-align: center;
  807. }
  808.  
  809. .pun .user-ident .username {
  810. display: block;
  811. font-size: 1.1em;
  812. font-weight: 400!important;
  813. margin-bottom: 5px;
  814. margin-top: 10px;
  815. padding: 8px!important;
  816. position: relative;
  817. text-align: center;
  818. text-decoration: none;
  819. }
  820.  
  821.  
  822. .pun .postmain {
  823. background-color: white;
  824. border-left: 1px solid #F0F0F0;
  825. margin-left: 17em;
  826. }
  827.  
  828. .pun .post {
  829. background: #FBFBFB;
  830. }
  831.  
  832. .postfoot {
  833. background: #F1F1F1;
  834. border-top: 1px solid #E9E9E9;
  835. margin-top: 5px;
  836. overflow: hidden;
  837. }
  838. /*quick-reply*/
  839. #quick_reply #textarea_content {
  840. clear: both;
  841. margin-left: 0px;
  842. margin-right: 0px;
  843. width: 100% !important;
  844. height: auto !important;
  845. }
  846.  
  847. #text_editor_controls {
  848. display: !important;
  849. }
  850.  
  851. #pun-qpost #textarea_content dt label{
  852. float:left;
  853. }
  854.  
  855. fieldset.frm-set dl dd {
  856. margin: auto!important;
  857. }
  858.  
  859.  
  860. .codebox {
  861. background: #E7E6E6;
  862. border: 1px solid #BDBDBD;
  863. box-shadow: 0 2px 10px #D6D6D6;
  864. margin: 1em;
  865. max-width: auto;
  866. }
  867. .codebox dt {
  868. border-bottom: 4px solid #D64107;
  869. font-size: 14px;
  870. font-weight: 700;
  871. text-shadow: 1px 1px #F3F3F3;
  872. }
  873. .codebox dd.cont_code, .codebox.spoiler dd {
  874. background: #F0F0F0;
  875. border: 1px solid lightGrey;
  876. }
  877. .codebox dd.cont_code {
  878. max-height: 200px;
  879. overflow: auto;
  880. }
  881. .codebox dd {
  882. background-color: #FFFFE1;
  883. margin: .5em;
  884. padding: .5em;
  885. }
  886.  
  887. element.style {
  888. padding: 5px 35px 10px 1px;
  889. }
  890. .pun .main-foot .h2, .pun .main-head .h2 {
  891. float: left;
  892. color: #E8E4E1;
  893. }
  894. .pun .main .options a, .pun .main .options a:link, .pun .main .options a:visited {
  895. color: transparent;
  896. margin-left: .5em;
  897. text-decoration: none;
  898. }
  899. .pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
  900. background: transparent;
  901. background-position: left;
  902. background-repeat: no-repeat;
  903. padding-left: 20px;
  904. }
  905. .sprite-arrow_prosilver_down {
  906. background: transparent;
  907. background-position: 0 0;
  908. height: 6px;
  909. width: 6px;
  910. }
  911. .post_field {
  912. background: white none;
  913. color: #414141;
  914. border: 1px solid #B9C4CD;
  915. padding: 3px 0 3px 0;
  916. margin: 0;
  917. margin-top: 2px;
  918. }
  919. .disabled {
  920. float: right;
  921. box-shadow: none;
  922. -moz-box-shadow: none;
  923. -webkit-box-shadow: none;
  924. text-shadow: none;
  925. border: 0;
  926. color: #7f7f7f;
  927. border: 1px solid #212121;
  928. border-width: 1px 1px 0 1px;
  929. -moz-border-radius: 3px;
  930. -webkit-border-radius: 3px;
  931. border-radius: 3px;
  932. -moz-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
  933. -webkit-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
  934. box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
  935. color: #ddd;
  936. text-shadow: 0 -1px 0 #191919;
  937. font: 300 12px/1.3 Helvetica, Arial, sans-serif;
  938. line-height: 30px;
  939. height: 30px;
  940. padding: 0 10px;
  941. text-align: center;
  942. min-width: 125px;
  943. display: inline-block;
  944. cursor: pointer;
  945. color: #ddd;
  946. background: rgb(51, 51, 51);
  947. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#1e1e1e',GradientType=0 );
  948. -moz-transition: all 0ms ease 0s;
  949. -webkit-transition: all 0ms ease 0s;
  950. -o-transition: all 0ms ease 0s;
  951. -ms-transition: all 0ms ease 0s;
  952. }
  953. .user-avatar img {
  954. opacity: 0.6;
  955. }
  956. .post:hover .user-avatar img {
  957. opacity: 1;
  958. -webkit-transition: all .2s linear;
  959. -moz-transition: all .2s linear;
  960. -o-transition: all .2s linear;
  961. }
  962.  
  963.  
  964. .post:hover .post-options {
  965. -moz-transition: all .2s linear;
  966. -o-transition: all .2s linear;
  967. -webkit-transition: all .2s linear;
  968. opacity: .5;
  969. }
  970. .post .post-options:hover {
  971. -moz-transition: all .2s linear;
  972. -o-transition: all .2s linear;
  973. -webkit-transition: all .2s linear;
  974. opacity: 1!important;
  975. }
  976. .post .post-options {
  977. -moz-transition: all .2s linear;
  978. -o-transition: all .2s linear;
  979. -webkit-transition: all .2s linear;
  980. opacity: 0;
  981. }
  982. .spoiler > dt::after {
  983. content: "© DarkCheats";
  984. float: right;
  985. }
  986. .module-advert{display:none;}
  987.  
  988.  
  989. .pun .postmain {
  990. background-color: white;
  991. border-left: 1px solid #F0F0F0;
  992. margin-left: 17em;
  993. }
  994.  
  995. .pun .post {
  996. background: #FBFBFB;
  997. }
  998.  
  999. .postfoot {
  1000. background: #F1F1F1;
  1001. border-top: 1px solid #E9E9E9;
  1002. margin-top: 5px;
  1003. overflow: hidden;
  1004. }
  1005. #quick_reply #textarea_content {
  1006. clear: both;
  1007. margin-left: 0px;
  1008. margin-right: 0px;
  1009. width: 100% !important;
  1010. height: auto !important;
  1011. }
  1012.  
  1013. #text_editor_controls {
  1014. display: !important;
  1015. }
  1016.  
  1017. #pun-qpost #textarea_content dt label{
  1018. float:left;
  1019. }
  1020.  
  1021. fieldset.frm-set dl dd {
  1022. margin: auto!important;
  1023. }
  1024. .pun .user .user-ident .use .user-basic-info a img {
  1025. -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  1026. -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  1027. background: #fff;
  1028. border: 1px solid #D5D5D5;
  1029. box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  1030. height: 340px;
  1031. max-height: 340px;
  1032. max-width: 170px;
  1033. padding: 1px;
  1034. width: 150px;
  1035. }
  1036. .codebox {
  1037. background: #E7E6E6;
  1038. border: 1px solid #BDBDBD;
  1039. box-shadow: 0 2px 10px #D6D6D6;
  1040. margin: 1em;
  1041. max-width: auto;
  1042. }
  1043. .codebox dt {
  1044. border-bottom: 4px solid #D64107;
  1045. font-size: 14px;
  1046. font-weight: 700;
  1047. text-shadow: 1px 1px #F3F3F3;
  1048. }
  1049. .codebox dd.cont_code, .codebox.spoiler dd {
  1050. background: #F0F0F0;
  1051. border: 1px solid lightGrey;
  1052. }
  1053. .codebox dd.cont_code {
  1054. max-height: 200px;
  1055. overflow: auto;
  1056. }
  1057. .codebox dd {
  1058. background-color: #FFFFE1;
  1059. margin: .5em;
  1060. padding: .5em;
  1061. }
  1062.  
  1063. element.style {
  1064. padding: 5px 35px 10px 1px;
  1065. }
  1066. .pun .main-foot .h2, .pun .main-head .h2 {
  1067. float: left;
  1068. color: #E8E4E1;
  1069. }
  1070. .pun .main .options a, .pun .main .options a:link, .pun .main .options a:visited {
  1071. color: transparent;
  1072. margin-left: .5em;
  1073. text-decoration: none;
  1074. }
  1075. .pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
  1076. background: transparent;
  1077. background-position: left;
  1078. background-repeat: no-repeat;
  1079. padding-left: 20px;
  1080. }
  1081. .sprite-arrow_prosilver_down {
  1082. background: transparent;
  1083. background-position: 0 0;
  1084. height: 6px;
  1085. width: 6px;
  1086. }
  1087. .user-basic-info a img {
  1088. -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  1089. -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  1090. background: #fff;
  1091. border: 1px solid #D5D5D5;
  1092. box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  1093. height: 90px;
  1094. max-height: 90px;
  1095. max-width: 90px;
  1096. padding: 1px;
  1097. width: 90px;
  1098. }
  1099. .post_field {
  1100. background: white none;
  1101. color: #414141;
  1102. border: 1px solid #B9C4CD;
  1103. padding: 3px 0 3px 0;
  1104. margin: 0;
  1105. margin-top: 2px;
  1106. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement