Advertisement
Guest User

CSS

a guest
Dec 6th, 2014
158
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 36.87 KB | None | 0 0
  1. #pun-head #pun-navlinks {
  2. display: none;
  3. }
  4. #pun-intro {
  5. display: none;
  6. }
  7.  
  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-head .page-title, .main-head .page-title h2, .module.main .main-head .h3 {
  18. font-size: 1em!important;
  19. font-weight: bold!important;
  20. }
  21. .pun table th.tc2, .pun table th.tc3, .pun table th.tc4, .pun table th.tcl, .pun table th.tcr {
  22. background: #444;
  23. color: #90BD4F;
  24. }
  25. .main .main-foot, .main .main-head {
  26. background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/theme/main_block.png) no-repeat 0 -164px;
  27. color: rgb(95, 95, 95);
  28. padding-left: 9px;
  29. height: 20px;
  30. overflow: hidden;
  31. font-size: 1em;
  32. font-weight: bold;
  33. }
  34. #pun-desc {
  35. color: #CCC;
  36. text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  37. line-height: 25px;
  38. font-size: 12pt;
  39. }
  40. .maxtitleforum #pun-title {
  41. font-size: 30px;
  42. padding-bottom: 5px;
  43. color: white;
  44. text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3);
  45. font-family: 'Armata', sans-serif;
  46. }
  47. #pun-intro {
  48. width: 70%;
  49. margin:auto;
  50. min-width: 975px;
  51. padding: 0px;
  52. }
  53. .maxtitleforum {
  54. color: white;
  55. margin: 45px auto auto auto;
  56. width: 70%;
  57. min-width: 975px;
  58. }
  59. .pun {
  60. margin: auto;
  61. padding: 0px;
  62. width: 100%;
  63. background: white;
  64. }
  65. .pun-intro-main {
  66. min-height: 343px;
  67. box-shadow: inset 0 -5px 0 rgba(0, 0, 0, 0.5);
  68. background: white url(http://i.imgur.com/wa5siQH.jpg);
  69. }
  70. #pun-intro {
  71. clear: both;
  72. height: 76px;
  73. line-height: 70px;
  74. background: -moz-linear-gradient(top, rgba(26, 26, 26, 0.44) 0%, rgba(0, 0, 0, 0.44) 100%);
  75. 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)));
  76. background: -webkit-linear-gradient(top, rgba(26, 26, 26, 0.44) 0%,rgba(0, 0, 0, 0.44) 100%);
  77. background: -o-linear-gradient(top, rgba(26, 26, 26, 0.44) 0%,rgba(0, 0, 0, 0.44) 100%);
  78. background: -ms-linear-gradient(top, rgba(26, 26, 26, 0.44) 0%,rgba(0, 0, 0, 0.44) 100%);
  79. background: linear-gradient(to bottom, rgba(26, 26, 26, 0.44) 0%,rgba(0, 0, 0, 0.44) 100%);
  80. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#701a1a1a', endColorstr='#70000000',GradientType=0 );
  81. -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 6px rgba(0, 0, 0, 0.4);
  82. -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 6px rgba(0, 0, 0, 0.4);
  83. box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 6px rgba(0, 0, 0, 0.4);
  84. -webkit-border-radius: 4px 4px 4px 4px;
  85. -moz-border-radius: 4px 4px 4px 4px;
  86. border-radius: 4px 4px 4px 4px;
  87. position: relative;
  88. border: 0px;
  89. }
  90. #breadcrumb {
  91. background: url(http://i.imgur.com/Lzq2mdm.png);
  92. height: 78px;
  93. clear: both;
  94. overflow: hidden;
  95. text-shadow: 0 1px 0 white;
  96. box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.05) inset, inset 0 1px 0 white;
  97. -moz-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.05) inset, inset 0 1px 0 #fff;
  98. -webkit-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.05) inset, inset 0 1px 0 white;
  99. line-height: 75px;
  100. }
  101. #breadcrumb .main_width {
  102. width: 70%;
  103. min-width: 975px;
  104. margin: auto;
  105. }
  106. .pun-intro-main #pun-navlinks ul li a {
  107. font-family: 'Fjalla One', sans-serif;
  108. color: white;
  109. font-size: 11pt;
  110. text-decoration: none;
  111. text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  112. padding: 25px 12px 32px 12px;
  113. margin: 0em;
  114. }
  115. .pun-intro-main #pun-navlinks ul li a:hover {
  116. background: black;
  117. background: rgba(0, 0, 0, 0.37);
  118. color: white;
  119. }
  120. #page-body {
  121. background: white;
  122. padding: 15px 15px 10px;
  123. margin: auto auto 35px auto;
  124. min-width: 1240px;
  125. width: 70%;
  126. overflow: hidden;}
  127. .crumb.left a {
  128. text-decoration: none;
  129. font-size: 20px!important;}
  130. .crumb.left a span ,.crumb.left a span h1{
  131. color: #585858;
  132. font-size: 20px!important;
  133. font-family: 'Signika' arial;
  134. font-weight: normal!important;
  135. }
  136. .pun table.table td {
  137. border-bottom: 1px solid #E1E1E1;
  138. border-top: 1px solid white;
  139. background-color: #FBFBFB!important;
  140. border-width: 1px 0px 1px 0px;
  141. color: #AAA;
  142. font-family: Helvetica, helvetica, arial, sans-serif;
  143. font-size: 12px;
  144. border-style: none;
  145. }
  146. .pun table.table td:hover {
  147. color: #454545;
  148. }
  149. .pun .main-content_board_index table.table {
  150. background: white;
  151. border: 1px solid #DDD;
  152. border-collapse: separate;
  153. }
  154. .main-content_board_index {
  155. padding: 9px;
  156. background: #E5E4E3;
  157. }
  158.  
  159. /*----------[Borrar Subrayados]------------*/
  160. a {text-decoration: none;}
  161. a:link {text-decoration: none;}
  162. a:hover {text-decoration: none!important;}
  163. a.forumtitle {text-decoration: none;}
  164. a.forumtitle:hover {text-decoration: none!important;}
  165. a.topictitle {text-decoration: none;}
  166. a.topictitle:hover {text-decoration: none!important;}
  167. /*----------------FIN---------------*/
  168. .module.main .main-head {
  169. background-position: -650px -25px !important;
  170. }
  171. #pun-about a {
  172. font-family: helvetica;
  173. color: #EEE;
  174. font-size: 12px;
  175. text-shadow: 1px 1px 0 #5F5F5F;
  176. }
  177. #pun-about form {
  178. display: none;
  179. }
  180. #pun-about {
  181. background: none;
  182. border: none;
  183. min-width: 985px;
  184. width: 70%;
  185. margin: auto;
  186. }
  187.  
  188. #pun-foot .overlay {
  189. background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/custom/overlay.png);
  190. }
  191. #pun-foot {
  192. box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.2);
  193. background: white url(http://i.imgur.com/wa5siQH.jpg);
  194. position: absolute;
  195. width: 100%;}
  196. .main-head .page-title h2 ,.module.main .main-head .h3 ,.main .main-head .page-title{
  197. font-family: 'Carrois Gothic', sans-serif;
  198. font-size: 18px;
  199. }
  200. a.forumtitle {
  201. font-size: 16px;
  202. text-shadow: 0 0 1px #AAA;
  203. font-weight: normal!important;
  204. font-family: 'Carrois Gothic', sans-serif;
  205. }
  206. .tcl.tdtopics a.topictitle {
  207. font-size: 15px;
  208. font-family: 'Carrois Gothic', sans-serif;
  209. font-weight: normal;
  210. color: #0F0F0F;
  211. }
  212. #lit {
  213. display: inline-block;
  214. text-align: right;
  215. margin-right: 10px;
  216. }
  217. .datepostur {
  218. background: #EEE;
  219. border-radius: 2px;
  220. display: inline-block;
  221. margin-bottom: 13px;
  222. color: #AAA !important;
  223. font-size: 11px !important;
  224. padding: 3px 10px;
  225. font: normal 13px "Helvetica", helvetica, arial, sans-serif;
  226. }
  227. .pun .main-content_board_index .post {
  228. background: #EDEDED;
  229. border: 1px solid #DDD;
  230. border-bottom: 0px solid transparent;
  231. }
  232. .pun .posthead {
  233. background: #F1F1F1;
  234. padding: 0 10px;
  235. height: 33px;
  236. line-height: 32px;
  237. font-weight: normal;
  238. text-shadow: 0 1px 0 white;
  239. border-bottom: 1px solid #DDD;
  240. }
  241. .pun .postmain {
  242. background-color: #FBFBFB;
  243. border-left: 1px solid #DDD;
  244. margin-left: 14em;
  245. }
  246. .pun .post .user {
  247. margin-top: 0px;
  248. width: 12em;
  249. margin-left: -13em;
  250. text-align: center;
  251. }
  252. .postfoot {
  253. margin: 0em;
  254. border-top: 0px;
  255. }
  256. #userpost strong {
  257. float: left;
  258. }
  259.  
  260. .social_media a {
  261. height: 33px;
  262. width: 32px;
  263. display: block;
  264. margin-right: 10px;
  265. position: relative;
  266. top: 20px;
  267. float: right;
  268. }
  269. #icon_plusg a:hover {
  270. background: url(http://i.imgur.com/yePnDmA.png) -64px 33px;
  271. }
  272. #icon_plusg a {
  273. background: url(http://i.imgur.com/yePnDmA.png) -64px 0;
  274. }
  275. #icon_twitter a {
  276. background: url(http://i.imgur.com/yePnDmA.png) -32px 0;
  277. }
  278. #icon_twitter a:hover {
  279. background: url(http://i.imgur.com/yePnDmA.png) -32px 33px;
  280. }
  281. #icon_face a {
  282. background: url(http://i.imgur.com/yePnDmA.png) 0 0;
  283. }
  284. #icon_face a:hover {
  285. background: url(http://i.imgur.com/yePnDmA.png) 0 33px;
  286. }
  287. #pun-navlinks {
  288. position: absolute;
  289. right: 0px;
  290. }
  291. .sprite.icon_nav_search {
  292. background: url(http://i.imgur.com/agUZ8N6.png) no-repeat -32px -15px;
  293. height: 22px;
  294. width: 22px;
  295. position: relative;
  296. top: 5px;
  297. }
  298. #search_ipb input[type="submit"] {
  299. background: #222 url(http://i.imgur.com/5Ja1HOo.png) no-repeat 50%;
  300. text-indent: -3000em;
  301. padding: 0;
  302. border: 1px solid #111 !important;
  303. width: 26px;
  304. height: 32px;
  305. border-radius: 0 2px 2px 0;
  306. box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.1);
  307. cursor: pointer;
  308. }
  309. #search_ipb input[type="text"] {
  310. border-radius: 4px 0px 0px 4px;
  311. box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  312. width: 230px;
  313. font: normal 13px helvetica,arial,sans-serif;
  314. border: none;
  315. padding: 7px;
  316. }
  317. #search_ipb {
  318. float: right;
  319. background: #111;
  320. background: rgba(0, 0, 0, 0.7);
  321. -moz-border-radius: 0 0 4px 4px;
  322. -webkit-border-radius: 0 0 4px 4px;
  323. border-radius: 0 0 4px 4px;
  324. box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
  325. -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
  326. -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
  327. padding: 10px;
  328. margin-top: 75px;
  329. margin-right: 10px;}
  330. .reply_form_topic {
  331. padding: 9px;
  332. background: #E5E4E3;
  333. }
  334. .reply_form_topic #pun-qpost {
  335. padding: 10px;
  336. margin: 0em;
  337. background: white;
  338. }
  339. .reply_form_topic .main-head.clearfix {
  340. font-family: 'Carrois Gothic', sans-serif;
  341. font-size: 18px;
  342. background: none!important;
  343. box-shadow: none;
  344. padding: 10px;
  345. color: black;
  346. text-shadow: 0 0 1px white;
  347. }
  348. .pun .reply_form_topic .main-content.frm {
  349. border: 0px;
  350. }
  351. .reply_form_topic #quick_reply .frm-set {
  352. padding: 0px 5px 0px 3px !important;
  353. border: 2px solid #D5DDE5 !important;
  354. background-color: #E4EBF2 !important;
  355. background-image: none !important;
  356. margin: 0em;
  357. }
  358. .reply_form_topic #text_editor_controls {
  359. margin: 10px;
  360. width: 100%!important;
  361. }
  362. .reply_form_topic button.button2, .reply_form_topic input.button2 {
  363. background: transparent;
  364. border: 0px;
  365. padding: 4px 5px;
  366. border-radius: 2px;
  367. color: #383838;
  368. box-shadow: none;
  369. }
  370. .reply_form_topic button.button2:hover, .reply_form_topic input.button2:hover {
  371. background: #CFDAE0;
  372. border: 0px;
  373. }
  374. .reply_form_topic #textarea_content dl dt {
  375. display: none;
  376. }
  377. .reply_form_topic .dd-textarea {
  378. margin: 0em;
  379. }
  380. .reply_form_topic .options {
  381. display: none;
  382. }
  383. #text_editor_controls {
  384. margin: 10px;
  385. }
  386. .pun .frm div.posting-block dd.frm-textarea {
  387. margin-left: 0em;
  388. }
  389. .pun .frm .frm-buttons input, input[type="button"], input[type="reset"], input[type="submit"], #locsdeidit input:hover, #locsdeidit input {
  390. background: #212121 url(http://i.imgur.com/DNa2Rhl.png) repeat-x top;
  391. color: white;
  392. border-radius: 3px;
  393. box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  394. border: 1px solid #222;
  395. padding: 4px 10px;
  396. cursor: pointer;
  397. font-weight: 500;
  398. }
  399. .main-content.topic {
  400. background: whiteSmoke;
  401. }
  402. #reply-avatar img {
  403. background: white;
  404. box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
  405. height: 50px;
  406. width: 50px;
  407. margin: 10px;
  408. border: 1px solid #B9B9B9;
  409. padding: 2px;
  410. border-radius: 2px;
  411. }
  412. #reply-avatar {
  413. float: left;
  414. }
  415. #quick_reply .frm-buttons {
  416. margin: 5px;
  417. text-align: right;
  418. border: none;
  419. }
  420. button.button2, input.button2 {
  421. background: whiteSmoke;
  422. padding: 3px 4px;
  423. border: 1px solid #D5D5D5;
  424. border-radius: 2px;
  425. cursor: pointer;
  426. color: #6B6B6B;}
  427. fieldset.frm-set dl dd {
  428. margin-left: auto;
  429. }
  430. input[type="text"], #text_editor_textarea {
  431. padding: 3px;
  432. border: 1px solid #DADADA;
  433. border-radius: 3px;
  434. }
  435. #header_bar {
  436. position: relative;
  437. width: 70%;
  438. min-width: 975px;
  439. margin: auto;
  440. }
  441. #user_navigation {
  442. height: 28px;
  443. margin: 33px 0 6px;
  444. text-align: right;
  445. min-width: 569px;
  446. float: right;
  447. }
  448. .ipsList_inline.right li a {
  449. font: normal 15px 'Carrois Gothic', sans-serif;
  450. color: #EEE;
  451. text-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 2px;}
  452. .ipsList_inline.right li {
  453. display: inline;
  454. margin: 2px 7px;
  455. }
  456. #reg_link {
  457. background: rgba(0, 0, 0, 0.7);
  458. color: white;
  459. display: inline-block;
  460. padding: 6px 10px;
  461. border: 0;
  462. -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 2px 4px rgba(0, 0, 0, 0.2);
  463. -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 2px 4px rgba(0, 0, 0, 0.2);
  464. box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 2px 4px rgba(0, 0, 0, 0.2);
  465. text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  466. border-radius: 3px;
  467. -webkit-border-radius: 3px;
  468. -moz-border-radius: 3px;
  469. }
  470. .ipsList_inline.right {
  471. list-style: none;
  472. }
  473. /* -----------------[Background Selector by 3go0ne]-----------------*/
  474. #custom_background {
  475. background-color: white;
  476. box-shadow: inset 0 1px 0 white, 0 1px 3px rgba(0, 0, 0, 0.16);
  477. border: 1px solid #D1D1D1;
  478. color: white;
  479. position: relative;
  480. padding: 15px 0px 15px 15px;
  481. overflow: hidden;}
  482. #custom_background span {
  483. -moz-transition: all .2s ease-in-out 0;
  484. background: none no-repeat scroll 50% 50% #000;
  485. border-radius: 3px;
  486. 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);
  487. cursor: pointer;
  488. display: block;
  489. float: left;
  490. height: 90px;
  491. margin: 5px;
  492. width: 140px;
  493. background: url(http://www.tomchristian.co.uk/development/ipb/public/style_images/tctc91_glare/_custom/sprite_icons.png) no-repeat;
  494. }
  495. #custom_background span:hover {
  496. filter: alpha(opacity=0.5);
  497. background: url(http://www.tomchristian.co.uk/development/ipb/public/style_images/tctc91_glare/_custom/sprite_icons.png) no-repeat;
  498. -khtml-opacity: 0.5;
  499. -moz-opacity: 0.5;
  500. opacity: 0.5;
  501. }
  502. #nav_background {cursor: pointer;}
  503. #toggle_background {
  504. margin-bottom: 20px;
  505. }
  506. /* Miniaturas (Vista Previa) */
  507. #bg1 {background: url(http://fc09.deviantart.net/fs71/f/2010/166/a/c/Super_Mario_Galaxy_2_Wallpaper_by_Toxigyn.jpg) no-repeat -1006px -250px!important;}
  508. #bg2 {background: url(http://www.wallsave.com/wallpapers/1920x1080/sea-stars/911506/sea-stars-galaxy-universe-andromeda-nebula-hd-desktop-911506.jpg) no-repeat -625px -450px!important;}
  509. #bg3 {background: url(http://i.imgur.com/yhhf7Rt.jpg) no-repeat 0 0!important;}
  510. #bg4 {background: url(http://i.imgur.com/0RcFxB5.jpg) no-repeat -655px -450px!important;}
  511. #bg5 {background: url(http://backgroundhdwallpaper.com/wp-content/uploads/2013/02/Battlefield-3-Background-HD-Wallpaper.jpg) no-repeat -742px -122px!important;}
  512. #bg6 {background: url(http://i.imgur.com/EYGZIPq.jpg) no-repeat -655px -450px!important;}
  513. #bg7 {background: url(http://cdn.superbwallpapers.com/wallpapers/anime/naruto-13679-1366x768.jpg) no-repeat 0 0!important;}
  514. #bg8 {background: url(http://wallpaperpassion.com/upload/4737/bikini-girl-wallpaper.jpg) no-repeat 0 0!important;}
  515. /* Backgrounds */
  516. .bg1 {background: white url(http://fc09.deviantart.net/fs71/f/2010/166/a/c/Super_Mario_Galaxy_2_Wallpaper_by_Toxigyn.jpg)!important;}
  517. .bg2 {background: white url(http://www.wallsave.com/wallpapers/1920x1080/sea-stars/911506/sea-stars-galaxy-universe-andromeda-nebula-hd-desktop-911506.jpg)!important;}
  518. .bg3 {background: white url(http://i.imgur.com/yhhf7Rt.jpg)!important;}
  519. .bg4 {background: white url(http://i.imgur.com/0RcFxB5.jpg)!important;}
  520. .bg5 {background: white url(http://backgroundhdwallpaper.com/wp-content/uploads/2013/02/Battlefield-3-Background-HD-Wallpaper.jpg)!important;}
  521. .bg6 {background: white url(http://i.imgur.com/EYGZIPq.jpg)!important;}
  522. .bg7 {background: white url(http://cdn.superbwallpapers.com/wallpapers/anime/naruto-13679-1366x768.jpg)!important;}
  523. .bg8 {background: white url(http://wallpaperpassion.com/upload/4737/bikini-girl-wallpaper.jpg)!important;}
  524. /* -----------------Background Selector-----------------*/
  525. /*----Estatisticas--*/
  526. .roundframe {
  527. padding: 0 10px;
  528. background: #f9f9f9;
  529. border-left: 1px solid #e5e5e5;
  530. border-right: 1px solid #e5e5e5;
  531. }
  532. div.roundframe div.cat_bar {
  533. background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/theme/main_block.png) no-repeat 0 -252px;
  534. margin-bottom: 0;
  535. }
  536. div.cat_bar {
  537. background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/theme/main_block.png) no-repeat 0 -164px;
  538. padding-left: 9px;
  539. height: 38px;
  540. overflow: hidden;
  541. margin-bottom: 1px;
  542. }
  543. div.roundframe div.cat_bar h3.catbg {
  544. background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/theme/main_block.png) no-repeat 100% -252px;
  545. color: #fff;
  546. }
  547. h4.catbg, h4.catbg2, h3.catbg, h3.catbg2, .table_list tbody.header td.catbg {
  548. background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/theme/main_block.png) no-repeat 100% -164px;
  549. padding-right: 9px;
  550. }
  551. h3.catbg a:link, h3.catbg a:visited, h4.catbg a:link, h4.catbg a:visited, h3.catbg, .table_list tbody.header td, .table_list tbody.header td a {
  552. color: #424242;
  553. }
  554. h3.catbg, h3.catbg2, h3.titlebg, h4.titlebg, h4.catbg {
  555. overflow: hidden;
  556. height: 38px;
  557. line-height: 38px;
  558. font-size: 1em;
  559. font-weight: bold;
  560. }
  561. .catbg, .catbg2, tr.catbg td, tr.catbg2 td, tr.catbg th, tr.catbg2 th {
  562. color: #424242;
  563. font-size: 1em;
  564. font-weight: bold;
  565. background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/theme/main_block.png) no-repeat -10px -164px;
  566. }
  567. img#upshrink_ic, img#newsupshrink {
  568. float: right;
  569. margin: 10px 5px 0 0;
  570. }
  571. h3.catbg img.icon, h4.titlebg img.icon {
  572. vertical-align: middle;
  573. margin: -2px 5px 0 0;
  574. }
  575. Inherited from h3.catbg
  576. div.roundframe div.cat_bar h3.catbg {
  577. color: #fff;
  578. }
  579. #upshrinkHeaderIC {
  580. margin-top: 4px;
  581. }
  582. div.title_barIC {
  583. background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/theme/main_block.png) no-repeat 0 -120px;
  584. padding-left: 9px;
  585. height: 38px;
  586. overflow: hidden;
  587. margin-bottom: 1px;
  588. }
  589. div.title_barIC h4.titlebg {
  590. background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/theme/main_block.png) no-repeat 100% -120px;
  591. color: #484848;
  592. }
  593. h4.titlebg, h3.titlebg {
  594. background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/theme/main_block.png) no-repeat 100% -208px;
  595. padding-right: 9px;
  596. }
  597. h3.titlebg a, h3.titlebg, h4.titlebg, h4.titlebg a {
  598. color: #d2d2d2;
  599. }
  600. h3.catbg, h3.catbg2, h3.titlebg, h4.titlebg, h4.catbg {
  601. overflow: hidden;
  602. height: 38px;
  603. line-height: 38px;
  604. font-size: 1em;
  605. font-weight: bold;
  606. }
  607. .titlebg, .titlebg2, tr.titlebg th, tr.titlebg td, tr.titlebg2 td {
  608. color: #d2d2d2;
  609. font-size: 1em;
  610. font-weight: bold;
  611. background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/theme/main_block.png) no-repeat -10px -208px;
  612. }
  613. .floatleft {
  614. float: left;
  615. }
  616. #upshrinkHeaderIC p {
  617. margin: 0 0 0.5em 0;
  618. padding: 0.5em;
  619. }
  620.  
  621. div.title_barIC {
  622. background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/theme/main_block.pngg) no-repeat 0 -120px;
  623. padding-left: 9px;
  624. height: 38px;
  625. overflow: hidden;
  626. margin-bottom: 1px;
  627. }
  628. #upshrinkHeaderIC p.last {
  629. margin: 0;
  630. padding: 0.5em;
  631. border-top: 2px dotted #bbb;
  632. }
  633. #upshrinkHeaderIC p {
  634. margin: 0 0 0.5em 0;
  635. padding: 0.5em;
  636. }
  637. .roundframe p {
  638. padding: 0.5em;
  639. }
  640. span.upperframe {
  641. padding: 0;
  642. display: block;
  643. background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/theme/main_block.png) 0 -90px no-repeat;
  644. padding-left: 20px;
  645. }
  646. span.lowerframe {
  647. padding: 0;
  648. display: block;
  649. background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/theme/main_block.png) 0 -102px no-repeat;
  650. padding-left: 20px;
  651. }
  652.  
  653. span.upperframe span {
  654. padding: 0;
  655. height: 12px;
  656. display: block;
  657. background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/theme/main_block.png) 100% -90px no-repeat;
  658. }
  659. span.lowerframe span {
  660. padding: 0;
  661. height: 12px;
  662. display: block;
  663. background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/theme/main_block.png) 100% -102px no-repeat;
  664. }
  665.  
  666.  
  667.  
  668. #fullcred a:hover {
  669. color: white;
  670. }
  671. #fullcred a {
  672. display: block;
  673. font: normal 15px 'Carrois Gothic', sans-serif;
  674. -moz-transition: all 500ms ease 0s;
  675. -webkit-transition: all 500ms ease 0s;
  676. -o-transition: all 500ms ease 0s;
  677. -ms-transition: all 500ms ease 0s;
  678. text-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 2px;
  679. color: #948F8F;
  680. color: rgba(255, 255, 255, 0.4);
  681. }
  682. #fullcred {
  683. float: left;
  684. text-align: left;
  685. }
  686. #topdes:hover {
  687. background: rgba(0, 0, 0, 0.5) url("http://i.imgur.com/90ulAas.png")no-repeat center center;
  688. }
  689. #topdes {
  690. width: 24px;
  691. height: 24px;
  692. display: block;
  693. background: rgba(0, 0, 0, 0.2) url("http://i.imgur.com/90ulAas.png")no-repeat center center;
  694. border-radius: 5px;
  695. margin: auto;
  696. cursor: pointer;
  697. text-align: center;
  698. }
  699. #estadisticas-IPB {
  700. text-align: center;
  701. }
  702. #estadisticas-IPB .stat-bloque {
  703. display: inline-block;
  704. margin-right: 10px;
  705. }
  706. #estadisticas-IPB span {
  707. display: inline-block;
  708. background: #E2E2E2;
  709. color: #4A4A4A;
  710. padding: 2px 6px;
  711. font-weight: bold;
  712. border-radius: 2px;
  713. margin: 2px;
  714. }
  715. .board_statistics {
  716. margin: 20px 0 0 0;
  717. padding: 10px 0;
  718. border-top: 3px solid #D8D8D8;
  719. }
  720. .board_statistics h2 {
  721. font-size: 14px;
  722. font-weight: bold;
  723. margin: 4px 0;
  724. }
  725. .expand {
  726. background: url(http://i.imgur.com/gLCLWtW.png) no-repeat -94px -24px;
  727. text-indent: -3000em;
  728. width: 41px;
  729. height: 24px;
  730. display: block;
  731. outline: 0;
  732. opacity: 0.4;
  733. -moz-transition: all 0ms ease 0s;
  734. -webkit-transition: all 0ms ease 0s;
  735. -o-transition: all 0ms ease 0s;
  736. -ms-transition: all 0ms ease 0s;
  737. position: relative;
  738. top: -20px;
  739. float: right;
  740. right: 10px;
  741. cursor: pointer;
  742. }
  743. .contract {
  744. background: url(http://i.imgur.com/gLCLWtW.png) no-repeat -94px 0;
  745. text-indent: -3000em;
  746. width: 41px;
  747. height: 24px;
  748. display: block;
  749. outline: 0;
  750. opacity: 0.4;
  751. -moz-transition: all 0ms ease 0s;
  752. -webkit-transition: all 0ms ease 0s;
  753. -o-transition: all 0ms ease 0s;
  754. -ms-transition: all 0ms ease 0s;
  755. position: relative;
  756. top: -20px;
  757. float: right;
  758. right: 10px;
  759. cursor: pointer;}
  760. .expand:hover ,.contract:hover{opacity: 9;}
  761.  
  762. .user-avatar img {
  763. opacity: 0.6;
  764. }
  765. .post:hover .user-avatar img {
  766. opacity: 1;
  767. -webkit-transition: all .2s linear;
  768. -moz-transition: all .2s linear;
  769. -o-transition: all .2s linear;
  770. }
  771.  
  772.  
  773. .post:hover .post-options {
  774. -moz-transition: all .2s linear;
  775. -o-transition: all .2s linear;
  776. -webkit-transition: all .2s linear;
  777. opacity: .5;
  778. }
  779. .post .post-options:hover {
  780. -moz-transition: all .2s linear;
  781. -o-transition: all .2s linear;
  782. -webkit-transition: all .2s linear;
  783. opacity: 1!important;
  784. }
  785. .post .post-options {
  786. -moz-transition: all .2s linear;
  787. -o-transition: all .2s linear;
  788. -webkit-transition: all .2s linear;
  789. opacity: 0;
  790. }
  791. -moz-selection, ::selection {
  792. background: rgba(0, 160, 250, 0.5);
  793. color: white;
  794. text-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
  795. }
  796.  
  797. .pun .user-ident .user-basic-info {
  798. font-weight: 700;
  799. }
  800. .pun div, .pun td, .sig-line {
  801. color: ##DDD;
  802. }
  803. .pun .username {
  804. border-radius: 4px;
  805. display: block;
  806. font-family: Arvo;
  807. font-size: 1.5em;
  808. font-weight: 400!important;
  809. margin-bottom: 5px;
  810. margin-top: 10px;
  811. padding: 8px!important;
  812. position: relative;
  813. text-align: center;
  814. text-decoration: none;
  815. border-image: initial;
  816. }
  817. .spoiler > dt::after {
  818. content: "© LucasAllexandre";
  819. float: right;
  820. }
  821. .module-advert{display:none;}
  822. #online .on-title, #statistics .stats-title {
  823. border-bottom: 1px solid white;
  824. font-size: 30px;
  825. height: 70px;
  826. text-transform: uppercase;
  827. }
  828.  
  829. .online-content {
  830. border-top: 1px solid #D9D9D9;
  831. padding: 15px;
  832. }
  833.  
  834. #online {
  835. background: #EAEAEA;
  836. border-right: 2px solid #D2D2D2;
  837. vertical-align: top;
  838. width: 60%;
  839. }
  840.  
  841. #online .on-title {
  842. background: #F3F3F3;
  843. }
  844.  
  845. #pun-announcement, #pun-visit, .main-box {
  846. -moz-border-radius: 5px;
  847. -moz-box-shadow: 0 2px 5px 0 #dcdcdc;
  848. background: white url(http://i36.servimg.com/u/f36/11/96/49/61/dropsh10.png) 0 -1px repeat-x;
  849. border: 1px solid #D6D6D6;
  850. border-radius: 5px;
  851. box-shadow: 0 2px 5px 0 #dcdcdc;
  852. border-image: initial;
  853. }
  854.  
  855. #general-stats {
  856. -moz-box-shadow: 0 0 7px 0 #dcdcdc;
  857. background: whiteSmoke;
  858. border: 1px solid white;
  859. box-shadow: 0 0 7px 0 #dcdcdc;
  860. text-shadow: 1px 1px 0 white;
  861. width: 100%;
  862. border-image: initial;
  863. }
  864.  
  865. #online .on-title a, #statistics .stats-title a {
  866. bottom: -23px;
  867. font-family: Century Gothic!important;
  868. left: 20px;
  869. position: relative;
  870. }
  871.  
  872. .chart, .globe {
  873. height: 28px;
  874. margin-top: -3px;
  875. vertical-align: middle;
  876. }
  877.  
  878. #statistics {
  879. border-left: 0px solid white;
  880. float: right;
  881. padding-bottom: 15px;
  882. vertical-align: top;
  883. width: 100%;
  884. }
  885.  
  886. .stats-content {
  887. border-top: 1px solid #D9D9D9;
  888. padding: 15px;
  889. }
  890.  
  891. #legend {
  892. margin: 25px 0;
  893. }
  894.  
  895. .groups {
  896. background: url(http://i36.servimg.com/u/f36/11/96/49/61/custom10.png) no-repeat left;
  897. float: right;
  898. margin-top: -22px;
  899. padding: 5px 0 5px 18px;
  900. }
  901.  
  902. li {list-style-type:none;}
  903. .pun table td.tcl {
  904. border-left-style: none;
  905. border-left-width: 0;
  906. height: 42px;
  907. min-height: 24px;
  908. padding-left: .5em;
  909. vertical-align: top;
  910. }
  911. .pun table.table td {
  912. background-color: #fbfbfb;
  913.  
  914. border-width: 1px;
  915. line-height: 130%;
  916. padding: .6em 0 .7em;
  917. }
  918. .pun table .tdtopics {
  919. padding-left: 42px;
  920. }
  921. .pun table .tcl {
  922. overflow: hidden;
  923. text-align: left;
  924. width: 50%;
  925. }
  926. .forumbit_post .foruminfo .forumicon {
  927.  
  928. position: absolute;
  929. }
  930.  
  931. /*tópico*/
  932. .main .main-foot {
  933. border-top: 1px solid #e0e0e0;
  934. border-bottom: 1px solid #e0e0e0;
  935. text-shadow: gray 0px -1px 0px;
  936. background: #e8e8e8 url('http://www.ipbforumskins.com/skindemo/public/style_images/overlayr34x/highlight_faint.png') repeat-x 0 0;
  937. padding: 0 10px;
  938. height: 36px;
  939. color: black;
  940. line-height: 36px;
  941. font-weight: normal;
  942. font-size: 13px;
  943. }
  944. .pun .user-ident .username {
  945. display: block;
  946. font-size: 1.1em;
  947. font-weight: 400!important;
  948. margin-bottom: 5px;
  949. margin-top: 10px;
  950. padding: 8px!important;
  951. position: relative;
  952. text-align: center;
  953. text-decoration: none;
  954. }
  955. .user-basic-info a img:hover {
  956. -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
  957. -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
  958. border-color: #a1a1a1;
  959. box-shadow: 0 2px 2px rgba(0,0,0,0.2);
  960. height: 340px;
  961. width: 150px;
  962. }
  963. .user-basic-info a img {
  964. -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  965. -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  966. background: #fff;
  967. border: 1px solid #D5D5D5;
  968. box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  969. height: 100px;
  970. margin-bottom: 5px;
  971. padding: 1px;
  972. width: 100px;
  973. }
  974. .pun .postmain {
  975. background-color: white;
  976. border-left: 1px solid #F0F0F0;
  977. }
  978.  
  979. .pun .post {
  980. background: #FBFBFB;
  981. }
  982.  
  983. .postfoot {
  984. background: #F1F1F1;
  985. border-top: 1px solid #E9E9E9;
  986. margin-top: 5px;
  987. overflow: hidden;
  988. }
  989. /*quick-reply*/
  990. #quick_reply #textarea_content {
  991. clear: both;
  992. margin-left: 0px;
  993. margin-right: 0px;
  994. width: 100% !important;
  995. height: auto !important;
  996. }
  997.  
  998. #text_editor_controls {
  999. display: !important;
  1000. }
  1001.  
  1002. #pun-qpost #textarea_content dt label{
  1003. float:left;
  1004. }
  1005.  
  1006. fieldset.frm-set dl dd {
  1007. margin: auto!important;
  1008. }
  1009.  
  1010.  
  1011. .codebox {
  1012. background: #E7E6E6;
  1013. border: 1px solid #BDBDBD;
  1014. box-shadow: 0 2px 10px #D6D6D6;
  1015. margin: 1em;
  1016. max-width: auto;
  1017. }
  1018. .codebox dt {
  1019. border-bottom: 4px solid #D64107;
  1020. font-size: 14px;
  1021. font-weight: 700;
  1022. text-shadow: 1px 1px #F3F3F3;
  1023. }
  1024. .codebox dd.cont_code, .codebox.spoiler dd {
  1025. background: #F0F0F0;
  1026. border: 1px solid lightGrey;
  1027. }
  1028. .codebox dd.cont_code {
  1029. max-height: 200px;
  1030. overflow: auto;
  1031. }
  1032. .codebox dd {
  1033. background-color: #FFFFE1;
  1034. margin: .5em;
  1035. padding: .5em;
  1036. }
  1037.  
  1038. element.style {
  1039. padding: 5px 35px 10px 1px;
  1040. }
  1041. .pun .main-foot .h2, .pun .main-head .h2 {
  1042. float: left;
  1043. color: #E8E4E1;
  1044. }
  1045. .pun .main .options a, .pun .main .options a:link, .pun .main .options a:visited {
  1046. color: transparent;
  1047. margin-left: .5em;
  1048. text-decoration: none;
  1049. }
  1050. .pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
  1051. background: transparent;
  1052. background-position: left;
  1053. background-repeat: no-repeat;
  1054. padding-left: 20px;
  1055. }
  1056. .sprite-arrow_prosilver_down {
  1057. background: transparent;
  1058. background-position: 0 0;
  1059. height: 6px;
  1060. width: 6px;
  1061. }
  1062.  
  1063. .disabled {
  1064. float: right;
  1065. box-shadow: none;
  1066. -moz-box-shadow: none;
  1067. -webkit-box-shadow: none;
  1068. text-shadow: none;
  1069. border: 0;
  1070. color: #7f7f7f;
  1071. border: 1px solid #212121;
  1072. border-width: 1px 1px 0 1px;
  1073. -moz-border-radius: 3px;
  1074. -webkit-border-radius: 3px;
  1075. border-radius: 3px;
  1076. -moz-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
  1077. -webkit-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
  1078. box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
  1079. color: #ddd;
  1080. text-shadow: 0 -1px 0 #191919;
  1081. font: 300 12px/1.3 Helvetica, Arial, sans-serif;
  1082. line-height: 30px;
  1083. height: 30px;
  1084. padding: 0 10px;
  1085. text-align: center;
  1086. min-width: 125px;
  1087. display: inline-block;
  1088. cursor: pointer;
  1089. color: #ddd;
  1090. background: rgb(51, 51, 51);
  1091. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#1e1e1e',GradientType=0 );
  1092. -moz-transition: all 0ms ease 0s;
  1093. -webkit-transition: all 0ms ease 0s;
  1094. -o-transition: all 0ms ease 0s;
  1095. -ms-transition: all 0ms ease 0s;
  1096. }
  1097. /*--Header--*/
  1098. #header {
  1099. background: url(http://i.imgur.com/MBOQnV0.png) 50% 0 repeat;
  1100. background-size: cover;
  1101. }
  1102. #header .overlay {
  1103. background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/custom/overlay.png);
  1104. }
  1105. #logo {
  1106. padding: 26px 0;
  1107. }
  1108. #logo a {
  1109. background: url(http://i.imgur.com/iqAHxrh.png) 50% 0 no-repeat;
  1110. display: block;
  1111. width: 220px;
  1112. height: 98px;
  1113. margin: 0 auto;
  1114. }
  1115. a:link, a:visited {
  1116. color: #7AA039;
  1117. text-decoration: none;
  1118. }
  1119. a:link, a:visited {
  1120. color: #7AA039;
  1121. text-decoration: none;
  1122. }
  1123. a {
  1124. outline: none;
  1125. transition: all 0.25s ease-in-out;
  1126. }
  1127. user agent stylesheeta:-webkit-any-link {
  1128. color: -webkit-link;
  1129. text-decoration: underline;
  1130. cursor: auto;
  1131. }
  1132. #logo {
  1133. padding: 26px 0;
  1134. }
  1135. #navbar {
  1136. height: 42px;
  1137. background: rgba(0, 0, 0, 0.75);
  1138. }
  1139. .wrapper {
  1140. margin: 0 auto;
  1141. width: 990px;
  1142. }
  1143. #topnav, #topnav ul {
  1144. margin: 0;
  1145. padding: 0;
  1146. z-index: 999;
  1147. }
  1148. user agent stylesheetul, menu, dir {
  1149. display: block;
  1150. list-style-type: disc;
  1151. -webkit-margin-before: 1em;
  1152. -webkit-margin-after: 1em;
  1153. -webkit-margin-start: 0px;
  1154. -webkit-margin-end: 0px;
  1155. -webkit-padding-start: 40px;
  1156. }
  1157. #topnav > li {
  1158. margin-right: 1px;
  1159. }
  1160. #topnav li {
  1161. float: left;
  1162. margin: 0;
  1163. padding: 0;
  1164. position: relative;
  1165. list-style: none;
  1166. }
  1167. user agent stylesheetli {
  1168. display: list-item;
  1169. text-align: -webkit-match-parent;
  1170. }
  1171. #topnav li a.active {
  1172. background: #6E942D;
  1173. color: #fff;
  1174. font-weight: bold;
  1175. }
  1176. #topnav li a {
  1177. display: block;
  1178. line-height: 56px;
  1179. padding: 0 15px;
  1180. color: #adadad;
  1181. font-size: 13px;
  1182. text-decoration: none;
  1183. transition: all 0.2s ease-out;
  1184. }
  1185. #topnav > li {
  1186. margin-right: 1px;
  1187. }
  1188. #topnav li {
  1189. float: left;
  1190. margin: 0;
  1191. padding: 0;
  1192. position: relative;
  1193. list-style: none;
  1194. }
  1195. user agent stylesheetli {
  1196. display: list-item;
  1197. text-align: -webkit-match-parent;
  1198. }
  1199. span, p, form {
  1200. margin: 0;
  1201. padding: 0;
  1202. }
  1203. Inherited from a.firstlevel
  1204. #topnav li a {
  1205. line-height: 56px;
  1206. color: #adadad;
  1207. font-size: 13px;
  1208. }
  1209. #loool {
  1210. padding: 25px 0;
  1211. overflow: hidden;
  1212. }
  1213. #board-notice {
  1214. float: left;
  1215. padding: 0;
  1216. line-height: 20px;
  1217. font-size: 12px;
  1218. }
  1219. #welcome {
  1220. float: left;
  1221. }
  1222. #welcome p {
  1223. background: rgba(255, 255, 255, 0.8);
  1224. display: block;
  1225. padding: 8px;
  1226. font-size: 16px;
  1227. font-weight: 300;
  1228. }
  1229. #welcome span {
  1230. font-weight: 600;
  1231. color: #4b4b4b;
  1232. }
  1233. #topnav li:hover ul {
  1234. left: 0;
  1235. }
  1236. #topnav li ul {
  1237. position: absolute;
  1238. width: 200px;
  1239. left: -999em;
  1240. padding: 5px 0;
  1241. background: #5C821B;
  1242. }
  1243. #topnav, #topnav ul {
  1244. margin: 0;
  1245. padding: 0;
  1246. z-index: 999;
  1247. }
  1248. #topnav li li {
  1249. width: 200px;
  1250. height: auto;
  1251. padding: 0;
  1252. margin: 0;
  1253. }
  1254. #topnav li {
  1255. float: left;
  1256. margin: 0;
  1257. padding: 0;
  1258. position: relative;
  1259. list-style: none;
  1260. }
  1261. user agent stylesheetli {
  1262. display: list-item;
  1263. text-align: -webkit-match-parent;
  1264. }
  1265. /*-- Footer--*/
  1266. #pun-foot {
  1267. background: #fff url(http://i.imgur.com/MBOQnV0.png);
  1268. box-shadow: inset 0 2px 4px rgba(0,0,0,0.2);
  1269. position: absolute;
  1270. width: 100%;
  1271. }
  1272. #pun-foot {
  1273. clear: both;
  1274. }
  1275. #pun-about {
  1276. background: none;
  1277. border: none;
  1278. margin: auto;
  1279. min-width: 985px;
  1280. width: 70%;
  1281. }
  1282. #pun-about {
  1283. border-color: #;
  1284. border-width: 1px;
  1285. line-height: 150%;
  1286. padding: .6em 1em;
  1287. text-align: right;
  1288. }
  1289. #pun-about #qjump {
  1290. float: left;
  1291. text-align: left;
  1292. }
  1293. #pun-about ul {
  1294. list-style-type: none;
  1295. }
  1296. .left {
  1297. float: left;
  1298. }
  1299. #pun-about a {
  1300. color: #EEE;
  1301. font-family: helvetica;
  1302. font-size: 12px;
  1303. text-shadow: 1px 1px 0 #5F5F5F;
  1304. }
  1305.  
  1306. /*--Social Bar--*/
  1307. #quicknav li.social a:hover {
  1308. background-color: #3d3d3d;
  1309. }
  1310. #toolbar {
  1311. height: 50px;
  1312. background: #f4f4f4;
  1313. border-bottom: 1px solid #eaeaea;
  1314. }
  1315. #account {
  1316. float: right;
  1317. }
  1318. #account ul {
  1319. margin: 0;
  1320. padding: 0;
  1321. }
  1322. #account li {
  1323. float: left;
  1324. list-style: none;
  1325. height: 50px;
  1326. line-height: 50px;
  1327. margin: 0 0 0 1px;
  1328. padding: 0;
  1329. }
  1330. #account li.signin a {
  1331. background: #4D4D4D;
  1332. }
  1333. #account li.signin a, #account li.signup a {
  1334. padding: 0 20px;
  1335. }
  1336. #account li a {
  1337. display: block;
  1338. text-decoration: none;
  1339. color: #fff;
  1340. font-size: 13px;
  1341. padding: 0 15px;
  1342. background: #779D36;
  1343. }
  1344. #account li.signup a, #account li.signout a {
  1345. font-weight: bold;
  1346. }
  1347. #account li.signin a, #account li.signup a {
  1348. padding: 0 20px;
  1349. }
  1350. #quicknav {
  1351. float: left;
  1352. margin: 0;
  1353. }
  1354. #quicknav ul {
  1355. margin: 0;
  1356. padding: 0;
  1357. }
  1358. #quicknav li {
  1359. float: left;
  1360. list-style: none;
  1361. margin: 0 0 0 1px;
  1362. padding: 0;
  1363. }
  1364. #quicknav li a {
  1365. display: block;
  1366. padding: 0 0 0 20px;
  1367. line-height: 50px;
  1368. font-size: 13px;
  1369. color: #525252;
  1370. font-weight: bold;
  1371. }
  1372. #quicknav li.social a {
  1373. background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/custom/social.png) no-repeat;
  1374. height: 50px;
  1375. width: 50px;
  1376. padding: 0;
  1377. text-indent: -9999px;
  1378. }
  1379. #quicknav li.facebook a {
  1380. background-color: #335e86;
  1381. background-position: 0 0;
  1382. }
  1383. #quicknav li.twitter a {
  1384. background-color: #00bef1;
  1385. background-position: 0 -55px;
  1386. }
  1387. #quicknav li.googleplus a {
  1388. background-color: #e34d32;
  1389. background-position: 0 -110px;
  1390. }
  1391. #quicknav li.pinterest a {
  1392. background-color: #cc2127;
  1393. background-position: 0 -330px;
  1394. }
  1395. #quicknav li.rss a {
  1396. background-color: #F88C37;
  1397. background-position: 0 -385px;
  1398. }
  1399. #account li.signin a:hover {
  1400. background: #577D16;
  1401. }
  1402. #account li.signup a:hover {
  1403. background: #577D16;
  1404. }
  1405. .pun .topic {
  1406. border-style: none!important;
  1407. }
  1408. /*menu*/
  1409. #topnav {
  1410. font-family: Tahoma, Arial, Helvetica, sans-serif;
  1411. font-weight: bold;
  1412. font-size: 10.8px;
  1413. float: left;
  1414. height: 56px;
  1415. }
  1416.  
  1417. #topnav ul, #sbUser ul {
  1418. margin: 0;
  1419. padding: 0;
  1420. }
  1421.  
  1422. #topnav li, #sbUser li {
  1423. float: left;
  1424. margin: 0;
  1425. padding: 0px;
  1426. position: relative;
  1427. padding-right: 1px;
  1428. line-height: 16px;
  1429. list-style-type: none;
  1430. }
  1431.  
  1432. #topnav li:hover, #sbUser li:hover {
  1433. background: url("http://i74.servimg.com/u/f74/18/12/37/46/trans210.png") repeat;
  1434. background: rgba(102, 255, 0, 0.53);
  1435. }
  1436.  
  1437. #topnav li a, #sbUser li a {
  1438. float: left;
  1439. line-height: 36px;
  1440. padding: 6px 18px 0 18px;
  1441. display: block;
  1442. outline: none;
  1443. color: #adadad;
  1444. text-decoration: none;
  1445.  
  1446. }
  1447.  
  1448. #topnav li a:hover, #topnav li:hover a, #topnav li.sfhover a, #sbUser li a:hover, #sbUser li:hover a, #sbUser li.sfhover a {
  1449. color: #fff;
  1450. }
  1451.  
  1452. #topnav li li, #sbUser li li {
  1453. transition:0.5s all;
  1454. -o-transition:0.5s all;
  1455. -ms-transition:0.5s all;
  1456. -moz-transition:0.5s all;
  1457. -webkit-transition:0.5s all;
  1458. width: 160px;
  1459. height: auto;
  1460. padding: 0px;
  1461. font-size: 11px;
  1462. line-height: normal;
  1463. font-weight: normal;
  1464. margin: 0px;
  1465. }
  1466.  
  1467. #topnav li li a, #topnav li:hover li a, #topnav li.sfhover li a, #sbUser li li a, #sbUser li:hover li a, #sbUser li.sfhover li a {
  1468. background: none;
  1469. display: block;
  1470. height: 30px;
  1471. line-height: 30px;
  1472. padding: 0 0 0 22px;
  1473. float: none;
  1474. font-size: 11px;
  1475. font-weight: normal;
  1476. border-right: 0px;
  1477. }
  1478.  
  1479. #topnav a.linkSep {
  1480. border-bottom: 1px solid #833032 !important;
  1481. }
  1482.  
  1483. #topnav li li a:hover {
  1484. background: url("http://i74.servimg.com/u/f74/18/12/37/46/trans210.png") repeat;
  1485. background: rgba(0, 0, 0, 0.2);
  1486. }
  1487.  
  1488. #topnav li ul, #sbUser li ul {
  1489. -moz-border-radius: 0px 0px 4px 4px;
  1490. border-radius: 0px 0px 4px 4px;
  1491. clear: both;
  1492. width: 160px;
  1493. position: absolute;
  1494. top: 42px;
  1495. height: auto;
  1496. left: -999em;
  1497. z-index: 100;
  1498. }
  1499.  
  1500. #topnav li:hover ul, #topnav li.sfhover ul, #sbUser li:hover ul {
  1501. left: auto;
  1502. }
  1503.  
  1504. #sbUser {
  1505. float: right;
  1506. }
  1507.  
  1508. .sbTopLinks li {
  1509. float: left;
  1510. height: 42px;
  1511. position: relative;
  1512. }
  1513.  
  1514. #sbUser li a {
  1515. border: 0;
  1516. padding: 6px 12px 0px 12px;
  1517. }
  1518.  
  1519. .sbDropDown img {
  1520. margin-left: 3px;
  1521. }
  1522.  
  1523. #sbUser li li a:hover {background-color: rgba(0,0,0,0.2);}
  1524. #sbUser a.sbLogout{ color: #bd7879; }
  1525. #sbUser a.sbLogout:hover{ color: #adadad; }
  1526. #sbFooter{
  1527. background: #5b5b5b url("http://i74.servimg.com/u/f74/18/12/37/46/bottom10.png") repeat-x 0 0;
  1528. border-top: 1px solid #000;
  1529. height: 38px;
  1530. overflow: hidden;
  1531. margin-top: 35px;
  1532. }
  1533.  
  1534. #sbFooter ul{
  1535. float: left;
  1536. border-left: 1px solid #606060;
  1537. border-left: 1px solid rgba(255,255,255,0.1);
  1538. overflow: hidden;
  1539. }
  1540.  
  1541. #sbFooter li{
  1542. height: 38px;
  1543. line-height: 38px;
  1544. border-right: 1px solid #606060;
  1545. border-right: 1px solid rgba(255,255,255,0.1);
  1546. float: left;
  1547. }
  1548.  
  1549. #sbFooter a{
  1550. display: block;
  1551. line-height: 38px;
  1552. padding: 0 10px;
  1553. color: #b7b7b7;
  1554. text-decoration: none;
  1555. }
  1556.  
  1557. #sbFooter a:hover{
  1558. background: url("http://i74.servimg.com/u/f74/18/12/37/46/trans211.png") repeat;
  1559. background: rgba(0,0,0,0.2);
  1560. color: #e0e0e0;
  1561. }
  1562.  
  1563. .sbTopLinks li a {
  1564. line-height: 36px;
  1565. padding: 6px 18px 0 18px;
  1566. display: block;
  1567. outline: none;
  1568. color: #adadad;
  1569. text-decoration: none;
  1570.  
  1571. }
  1572.  
  1573. img, .input_check, .input_radio {
  1574. vertical-align: middle;
  1575. }
  1576. /*---Fim do CSS Da Skin! - Coloque seu css aqui embaixo! Skin Adaptada por : LucasAllexandre -. --*/
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement