Advertisement
Hardrockdesign

CSS Never Fail

Apr 4th, 2015
665
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.12 KB | None | 0 0
  1. #SSlider {
  2. width: 220px;
  3. height:250px;
  4. margin-left: 2px;
  5. margin-top: -15px;
  6. }
  7.  
  8. #botones {
  9. text-align:center; /*CSS base*/
  10. }
  11. #botones div {
  12. display: inline-block;/*CSS base*/
  13. }
  14. .Sb.selected {
  15. background-color: #dcdcdc; /*CSS base*/
  16. border: transparent;
  17. }
  18. .Sb {
  19. background: none repeat scroll 0 0 #787878;/*CSS base*/
  20. border: transparent;/*CSS base*/
  21. width: 24px;
  22. padding-top: 10px;
  23. height: 10px;
  24. border-radius: 50% 50% 50% 50%;/*CSS base*/
  25. margin-top: 5px;
  26. padding-bottom: 3px;
  27. text-align: center;/*CSS base*/
  28. color: #000;
  29. text-transform: uppercase;
  30. font-family: Calibri;
  31. font-size: 9px;
  32. margin-right: 2px;
  33. }
  34.  
  35.  
  36. #SCont {
  37. margin-top: 5px;
  38. }
  39. #SCont > div {
  40. background: #000000;
  41. width: 214px;
  42. height: 200px;
  43. }
  44. .Sc{
  45. height: 300px;
  46. margin-top: 10px;
  47. }
  48. #phpbb {
  49. margin-left: 250px;
  50. }
  51. p {
  52. padding-left: 8px;
  53. padding-right: 8px;
  54. }
  55. a.topictitle {
  56. color: #000000;
  57. }
  58. a.topictitle:hover {
  59. color: #000000;
  60. }
  61. a.nav {
  62. background-color: #000000;
  63. font-style: normal;
  64. font-variant: normal;
  65. font-weight: 700;
  66. padding: 3px;
  67. position: relative;
  68. text-transform: uppercase;
  69. }
  70. /**/
  71. #comments_scroll_container{
  72. height: 120px;
  73. width: 200px;
  74. font-family: Calibri;
  75. padding: 8px;
  76. background:#282727;
  77. font-size: 10px;
  78. text-transform: uppercase;
  79. text-align: center;
  80. line-height: 110%;
  81. font-weight: 700;
  82. margin-left: 7px;
  83. }
  84. #wrap {
  85. max-width: 800px;
  86. min-width: 800px;
  87. background:#282727;
  88. margin-top: -11px;
  89. margin-bottom: -11px;
  90. }
  91. #content-container div#left {
  92. height: 100%;
  93. width: 250px;
  94. margin-left: -250px;
  95. position: fixed;
  96. top: 0px;
  97. background: #000000;
  98. background-image:url('https://38.media.tumblr.com/1db624f5ed2feb6556f573f8ef5a131d/tumblr_napxw4fV7X1tfetvco1_250.jpg');
  99. background-repeat: no-repeat;
  100. background-position: bottom;
  101. }
  102. .headerbar {
  103. background-image:url('https://38.media.tumblr.com/eb09846448ab5f6d89ee3b0669fa4baa/tumblr_napweizfCU1tfetvco1_1280.jpg');
  104. background-repeat: no-repeat;
  105. width: 800px;
  106. height: 400px;
  107. margin-top: -5px;
  108. margin-left: -5px;
  109. border-bottom: 20px solid #000000;
  110. }
  111. ul.navlinks {
  112. float: center;
  113. margin-top: -190px;
  114. background: #000000;
  115. width: 230px;
  116. height:90px;
  117. padding-top: 70px;
  118. padding-left: 40px;
  119. border-radius: 170px 170px 0px 0px;
  120. margin-left: 260px;
  121. }
  122. a.mainmenu {
  123. color: #b9b9ba;
  124. font-size: 11px;
  125. text-transform: uppercase;
  126. font-family: calibri;
  127. display: block;
  128. width: 180px;
  129. background: #000000;
  130. line-height: 95%;
  131. padding-bottom: 7px;
  132. margin-top: -30px;
  133. padding: 5px;
  134. transition: 1s;
  135. }
  136. a.mainmenu:hover {
  137. background: #b9b9ba;
  138. color: #000000;
  139. transition: 1s;
  140. }
  141. .basesub {
  142. margin-left: 15px;
  143. width: 370px;
  144. height: 140px;
  145. background: #282727;
  146. border: 1px dotted #787878;
  147. }
  148. .letrasub1 {
  149. font-size: 13px;
  150. letter-spacing: 0px;
  151. font-family: Calibri;
  152. line-height: 100%;
  153. text-align: justify;
  154. padding: 20px;
  155. font-weight: 700;
  156. color:#787878;
  157. height: 100px;
  158. overflow: auto;
  159. }
  160. .letrasub2 {
  161. font-size: 13px;
  162. letter-spacing: 0px;
  163. font-family: Calibri;
  164. line-height: 100%;
  165. text-align: justify;
  166. padding: 15px;
  167. font-weight: 700;
  168. color:#787878;
  169. height: 100px;
  170. width: 200px;
  171. overflow: auto;
  172. }
  173. .chatbox-title, .chatbox-title a.chat-title {
  174. font-family: Calibri;
  175. font-weight: 700;
  176. font-size: 12px;
  177. text-transform: uppercase;
  178. color: #b9b9ba;
  179. margin-top: 5px;
  180. margin-left: 5px;
  181. }
  182. .chatbox-options li, .chatbox-options li a, .chatbox-options li label {
  183. font-family: calibri;
  184. font-size: 12px;
  185. text-transform: uppercase;
  186. font-weight: 700;
  187. color: #b9b9ba;
  188. }
  189. #chatbox_header{background-color: #000000;}
  190. #chatbox_footer{background-color: #000000;}
  191. .chatbox_row_1,.chatbox_row_2,.chatbox_row_3{
  192. font-size:12px;
  193. }
  194. #chatbox_footer label {
  195. font-family: calibri;
  196. font-size: 12px;
  197. font-weight: 700;
  198. text-transform: uppercase;
  199. color: #b9b9ba;
  200. }
  201. #chatbox_members{
  202. font-size: 13px;
  203. }
  204. #page-body ul.linklist {
  205. font-family: calibri;
  206. font-size: 10px;
  207. font-weight: 700;
  208. letter-spacing: 0px;
  209. text-transform: uppercase;
  210. padding-right: 8px;
  211. padding-left: 8px;
  212. }
  213. li.header {
  214. color: #2B2B2B;
  215. background:#000000;
  216. padding-top: 35px;
  217. padding-bottom: 15px;
  218. font-size: 0px;
  219. }
  220. .table-title h2 {
  221. font: 35px Franklin Gothic;
  222. color: #b9b9ba;
  223. padding: 5px;
  224. text-transform: uppercase;
  225. font-weight: 700;
  226. }
  227. ul.forums {
  228. background-color: #787878;
  229. width: 760px;
  230. margin-left: 15px;
  231. }
  232. ul.forums + span.corners-bottom {
  233. background: #000000;
  234. height: 30px;
  235. margin: 0;
  236. }
  237. ul.topiclist.topics.bg_none {
  238. background-color: #787878;
  239. border-bottom: 30px solid #000000;
  240. }
  241. ul.topiclist.pmlist.bg_none {
  242. background-color: #787878;
  243. border-bottom: 30px solid #000000;
  244. }
  245. a.forumtitle {
  246. font: 30px Mr Dafoe;
  247. color: #000000;
  248. padding-left: 10px;
  249. margin-left: 15px;
  250. }
  251. a.forumtitle:hover {
  252. text-decoration: none;
  253. color: #000000;
  254. }
  255. /* latin-ext */
  256. @font-face {
  257. font-family: 'Mr Dafoe';
  258. font-style: normal;
  259. font-weight: 400;
  260. src: local('Mr Dafoe Regular'), local('MrDafoe-Regular'), url(http://fonts.gstatic.com/s/mrdafoe/v5/MtCVnQgpvUtbnfRl0WxygRTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  261. unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
  262. }
  263. /* latin */
  264. @font-face {
  265. font-family: 'Mr Dafoe';
  266. font-style: normal;
  267. font-weight: 400;
  268. src: local('Mr Dafoe Regular'), local('MrDafoe-Regular'), url(http://fonts.gstatic.com/s/mrdafoe/v5/uZ97Ol8ozFq27olhOMuMCBTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  269. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  270. }
  271. .postbody .topic-title {
  272. font: 12px Franklin Gothic;
  273. text-transform: uppercase;
  274. font-weight. 700;
  275. }
  276. .postbody ul.profile-icons img {
  277. position: relative;
  278. right: -55px;
  279. top: -10px;
  280. }
  281. .postprofile dt img {
  282. max-width:140px;
  283. max-height:300px;
  284. position:relative;
  285. margin-top: 30px;
  286. left: 12px;
  287. border: 1px dotted #000000;
  288. }
  289.  
  290. .postprofile {
  291. display: block;
  292. text-align: left;
  293. width: 180px;
  294. background: #787878;
  295. border-bottom: 15px solid #000000;
  296. border-left: none;
  297. position:relative;
  298. right: 10px;
  299. color: #fff;
  300. margin-top: -1px;
  301. }
  302.  
  303. .postprofile dd {
  304. text-align: left;
  305. margin-top: -2px;
  306. color: #000000;
  307. text-transform: none;
  308. font-size: 10px;
  309. font-weight: 700;
  310. }
  311. .postprofile dt strong {
  312. align: center;
  313. background-color: #000000;
  314. display: block;
  315. font-family: Franklin Gothic;
  316. font-weight: 700;
  317. font-size: 10px;
  318. left: 0;
  319. letter-spacing: 0px;
  320. height: 15px;
  321. width: 180px;
  322. padding-bottom: 0;
  323. padding-top: 4px;
  324. position: absolute;
  325. font-weight: normal;
  326. text-align: center;
  327. text-transform: uppercase;
  328. top: 0;
  329. z-index: 802;
  330. }
  331. #page-footer .navbar {
  332. font-family: calibri;
  333. font-size: 10px;
  334. font-weight: 700;
  335. letter-spacing: 0px;
  336. text-transform: uppercase;
  337. }
  338.  
  339. .forabg ul.topiclist.forums li.row dd.dterm {
  340. width: 500px;
  341. height: 190px;
  342. }
  343.  
  344. .img-whois {
  345. border: none;
  346. border-top: 8px solid #000000;
  347. border-bottom: 15px solid #000000;
  348. float: right;
  349. position: relative;
  350. width: 300px;
  351. height: 300px;
  352. margin-top: 7px;
  353. margin-bottom: -10px;
  354. }
  355. #i_whosonline + p {
  356. text-align:left;
  357. width: 450px;
  358. height: 276px;
  359. border: none;
  360. border-bottom: 15px solid #000000;
  361. border-top: 8px solid #000000;
  362. padding: 12px;
  363. background-color: #787878;
  364. color: #000000;
  365. font-size: 12px;
  366. overflow-y: auto;
  367. float: left;
  368. font-family: calibri;
  369. font-weight: 700;
  370. margin-left: 10px;
  371. margin-top: 7px;
  372. margin-bottom: -10px;
  373. }
  374.  
  375. .pagination, .pathname-box, a.nav {
  376. font-family: calibri;
  377. font-size: 10px;
  378. font-weight: 700;
  379. text-transform: uppercase;
  380. }
  381. h1.page-title {
  382. font: 40px Mr Dafoe;
  383. color: #787878;
  384. padding: 5px;
  385. text-transform: none;
  386. text-align: center;
  387. width: 100%;
  388. }
  389. h1.page-title::before {content: "₪ ";}
  390. .postbody {
  391. clear: both;
  392. float: left;
  393. line-height: 100%;
  394. width: 530px;
  395. padding-left: 20px;
  396. padding-top: 15px;
  397. text-align: justify;
  398. background: #000000;
  399. border-radius: 40px 0px 40px 0px;
  400. padding-right: 15px;
  401. padding-bottom: 15px;
  402. border-top: 10px solid #787878;
  403. border-bottom: 10px solid #787878;
  404. }
  405. p.author {
  406. font-family: calibri;
  407. font-size: 10px;
  408. font-weight: 700;
  409. letter-spacing: 0px;
  410. text-transform: uppercase;
  411. }
  412. .sceditor-container.ltr.wysiwygMode, .sceditor-container.ltr.sourceMode, div.sceditor-toolbar {
  413. border-color: transparent !important;
  414. }
  415. .inputbox{
  416. border-color: transparent !important;
  417. }
  418. .button, .button1, .button2, input.button, input.button1, input.button2, button.bbcode, #submit_button, #profile-advanced-button, #login_popup_buttons, #login_popup_buttons input, .liteoption {
  419. background:#000000;
  420. border: 2px solid #787878;
  421. color: #787878;
  422. display: inline-block;
  423. outline: medium none;
  424. padding:5px;
  425. font-family:calibri;
  426. text-transform:uppercase;
  427. font-size:11px;
  428. font-weight: 700;
  429. border-radius: 5px 5px 5px 5px;
  430. }
  431.  
  432. .button:hover, .button1:hover, .button2:hover, input.button:hover, input.button1:hover, input.button2:hover, button.bbcode:hover, #submit_button:hover, #profile-advanced-button:hover, #login_popup_buttons:hover, #login_popup_buttons input:hover, .liteoption:hover {
  433. background: #000000;
  434. border: 2px solid #787878;
  435. color: #787878;
  436. display: inline-block;
  437. outline: medium none;
  438. padding:5px;
  439. font-family:calibri;
  440. text-transform:uppercase;
  441. font-size:11px;
  442. font-weight: 700;
  443. border-radius: 5px 5px 5px 5px;
  444. }
  445.  
  446. .menusub a {
  447. background-color: #787878;
  448. display: block;
  449. color: #282727;
  450. font-family: Calibri;
  451. font-size: 10px;
  452. font-style: normal;
  453. margin-bottom: 1px;
  454. padding-bottom:1px;
  455. padding-top:1px;
  456. float: center;
  457. text-align: center;
  458. text-transform: uppercase;
  459. font-weight: 700;
  460. width: 130px;
  461. margin-left: 5px;
  462. }
  463. .menusub a:hover {
  464. background-color: #787878;
  465. position: center;
  466. text-align: center;
  467. color: #282727;
  468. }
  469. .menusub a:active, .menusub a:link, .menusub a:visited {
  470. -webkit-transition-duration: 2s;
  471. -moz-transition-duration: 2s;
  472. -o-transition-duration: 2s;
  473. transition-duration: 2s;
  474. }
  475. .menutab a {
  476. background-color: #282727;
  477. display: block;
  478. color: #787878;
  479. font-family: Tahoma;
  480. font-size: 10px;
  481. font-style: normal;
  482. margin-bottom: 1px;
  483. padding-bottom:1px;
  484. padding-top:1px;
  485. float: center;
  486. text-align: center;
  487. text-transform: uppercase;
  488. font-weight: 700;
  489. width: 210px;
  490. margin-left: 5px;
  491. }
  492. .menutab a:hover {
  493. background-color: #787878;
  494. position: center;
  495. text-align: center;
  496. color: #282727;
  497. }
  498. .menutab a:active, .menusub a:link, .menusub a:visited {
  499. -webkit-transition-duration: 2s;
  500. -moz-transition-duration: 2s;
  501. -o-transition-duration: 2s;
  502. transition-duration: 2s;
  503. }
  504. #i_whosonline + p a span strong {
  505. text-transform: uppercase;
  506. }
  507. /*Basics*/
  508. p em {
  509. font-style: normal;
  510. color: transparent;
  511. }
  512. p em b a.gensmall {
  513. font-family: BenchNine;
  514. text-transform: uppercase;
  515. font-size: 20px;
  516. letter-spacing: 1px;
  517. }
  518. li.header dl.icon dt {
  519. margin-left: 60px;
  520. }
  521. li.header dt {
  522. margin-left: 60px;
  523. color: #ede0bd;
  524. }
  525. p.right.rightside + p {
  526. display:none;
  527. }
  528. p.rightside {
  529. display: none;
  530. }
  531. p.copyright, p.nomargin.path, p.author, .pathname-box p, .topic-actions+p, #logo-desc p, #info_open p, .inner p {
  532. display: block;
  533. }
  534. ul.forums li.row dl {
  535. min-height: 90px;
  536. }
  537.  
  538. #elites img {width: 35px; height: 35px; border: 4px solid #281312; margin: 2px;}
  539. #hermanos img {width: 100px; height: 35px; border: 4px solid #281312; margin: 2px;}
  540. dd.lastpost span.color-groups {
  541. float: center;
  542. text-align: center;
  543. }
  544. ul.topics li.row dd.lastpost {
  545. position: relative;
  546. margin-right: -600px;
  547. top: 5px;
  548. }
  549. .forabg li.row dd.topics::after {content: "temas y";}
  550. .forabg li.row dd.posts::after {content: "mensajes";}
  551. .forabg li.row dd.topics {
  552. width: 72px;
  553. background-image:url('http://i.imgur.com/spHU30o.png');
  554. border: transparent;
  555. height: 21px;
  556. padding-top: 20px;
  557. padding-left: 60px;
  558. font-size: 11px;
  559. font-family: calibri;
  560. text-transform: uppercase;
  561. font-weight: 700;
  562. color: #000000;
  563. position: relative;
  564. top: 100px;
  565. margin-left: -60px;
  566. }
  567. .forabg li.row dd.posts {
  568. width: 72px;
  569. background-image:url('http://i.imgur.com/jrfi1lf.png');
  570. border: transparent;
  571. height: 21px;
  572. padding-top: 20px;
  573. padding-right: 60px;
  574. font-size: 11px;
  575. font-family: calibri;
  576. text-transform: uppercase;
  577. font-weight: 700;
  578. color: #000000;
  579. position:relative;
  580. top: 100px;
  581. margin-left: -5px;
  582. }
  583. .forabg li.row dd.lastpost {
  584. color: #444;
  585. background-color: #000000;
  586. font-family: calibri;
  587. font-size: 11px;
  588. padding: 20px 3px 0 0;
  589. position: relative;
  590. text-align: center;
  591. font-weight: 700;
  592. width: 156px;
  593. height: 60px;
  594. border-radius: 30px 30px 10px 10px;
  595. top: -10px;
  596. margin-left: -10px;
  597. }
  598.  
  599. dd.posts {
  600. margin-left: 60px;
  601. }
  602.  
  603. #search-box {
  604. margin-top:-22px !important;
  605. }
  606.  
  607. .inputbox{
  608. border-color: transparent !important;
  609. }
  610.  
  611.  
  612. .edit{ display: none; }
  613.  
  614. #cp-main .panel.sig {
  615. background-color: transparent;
  616. }
  617. #search-box {
  618. display:none;
  619. }
  620. .search-box { visibility: hidden; }
  621. .mainmenu[href="/faq"],.mainmenu[href="/calendar"],.mainmenu[href="/groups"] {
  622. display: none;
  623. color: transparent; font-size: 0px;
  624. }
  625.  
  626. .module .h3 {
  627. visibility:hidden;
  628. display:none;
  629. }
  630. dl.codebox {
  631. background-color: #787878;
  632. border-radius: 20px 20px 20px 20px;
  633. }
  634.  
  635. dl.codebox dt {
  636. color: #000000;
  637. }
  638.  
  639. blockquote {
  640. border-radius: 20px 20px 20px 20px;
  641. }
  642.  
  643. dl.codebox code {
  644. color: #000000;
  645. }
  646. .forabg li.header dd.posts {
  647. display: none;
  648. }
  649.  
  650. .forabg li.header dd.topics {
  651. display: none;
  652. }
  653.  
  654. li.header dl.icon dd.lastpost{
  655. display: none;
  656. }
  657. .forabg li.header dd.dterm {
  658. text-align: center;
  659. width: 100%;
  660. }
  661. blockquote {
  662. border: transparent;
  663. background-color: #787878;
  664. }
  665. blockquote cite {
  666. color: #000000;
  667. text-transform: lowercase;
  668. font: 17px Voltaire;
  669. }
  670.  
  671. dl.codebox {
  672. border:transparent;
  673. color: #000000;
  674. background-color: #787878;
  675. text-decoration: none;
  676. font: 12px calibri;
  677. letter-spacing: 1px;
  678. font-weight: 700;
  679. text-transform: none;
  680. }
  681. .content blockquote {
  682. color: #000000;
  683. font-family: Calibri;
  684. font-style: normal;
  685. font-size:11px;
  686. line-height: 100%;
  687. }
  688. .spoiler_content.hidden {
  689. color:#000000;
  690. font-family: Calibri;
  691. text-shadow:none;
  692. font-size:11px;
  693. text-transform: none;
  694. font-weight: 700;
  695. line-height: 100%;
  696. }
  697. dl.codebox code {
  698. color:#000000;
  699. font-family: Georgia;
  700. text-shadow:none;
  701. font-size:11px;
  702. line-height: 100%;
  703. }
  704. dl.codebox dt {
  705. border-bottom: 1px dotted #000000;
  706. color: #000000;
  707. text-align: center;
  708. }
  709. .h3 {
  710. width: 100%;
  711. text-align: center;
  712. font: 25px Franklin Gothic;
  713. color: #b9b9ba;
  714. padding: 5px;
  715. text-transform: uppercase;
  716. background:#000000;
  717. padding-top: 15px;
  718. padding-bottom: 15px;
  719. margin-left: 5px;
  720. font-weight: 700;
  721. }
  722. .h3 a {
  723. font: 25px Franklin Gothic;
  724. color: #b9b9ba;
  725. padding: 5px;
  726. text-transform: uppercase;
  727. font-weight: 700;
  728. }
  729. ::-webkit-scrollbar-button:start:decrement,
  730. ::-webkit-scrollbar-button:end:increment {
  731. display: none;
  732. }
  733. ::-webkit-scrollbar {
  734. max-width: 7px;
  735. }
  736. ::-webkit-scrollbar-thumb {
  737. background: #787878;
  738. -webkit-border-radius: 0px;
  739. -moz-border-radius: 0px;
  740. }
  741. ::-webkit-scrollbar-track-piece {
  742. background-color: #000000;
  743. display:block;
  744. }
  745. @font-face {
  746. font-family: 'BenchNine';
  747. font-style: normal;
  748. font-weight: 400;
  749. src: local('BenchNine Regular'), local('BenchNine-Regular'), url(http://themes.googleusercontent.com/static/fonts/benchnine/v2/xmB9oJNpSFKa3qTF2JABPj8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
  750. }
  751. @font-face {
  752. font-family: 'Voltaire';
  753. font-style: normal;
  754. font-weight: 400;
  755. src: local('Voltaire'), url(http://themes.googleusercontent.com/static/fonts/voltaire/v4/ag0Q3_6hjQFerbCN2Eewq_esZW2xOQ-xsNqO47m55DA.woff) format('woff');
  756. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement