Advertisement
Guest User

Untitled

a guest
Dec 28th, 2014
168
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.20 KB | None | 0 0
  1. /* phpBB 3.0 Style Sheet
  2. --------------------------------------------------------------
  3. Style name: Cataclismo
  4. Based on style: subSilver2
  5. Original author: Juan Antonio Martín Jiménez
  6.  
  7. subSilver2 is an alternative style for phpBB3 for those wishing to stay with
  8. the familiar subSilver style of phpBB version 2.x
  9. --------------------------------------------------------------
  10. */
  11.  
  12. /* Layout
  13. ------------ */
  14. * {
  15. /* Reset browsers default margin, padding and font sizes */
  16. margin: 0;
  17. padding: 0;
  18. }
  19.  
  20. html {
  21. font-size: 100%;
  22. }
  23.  
  24. body {
  25. /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
  26. font-family: Arial, Helvetica, Verdana, "Lucida Grande", sans-serif;
  27. color: #FFF;
  28. font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
  29. margin: 0;
  30. border: 0;
  31. background: #000 url('./images/bg-homepage.jpg') no-repeat 50% 0 fixed;
  32. text-shadow:#000 -1px -1px 1px;
  33. }
  34.  
  35. #barramenu {background: url('./images/navigation_bg.png') no-repeat 50% 0; margin: 0 auto; width: 1115px; height:200px;}
  36. #contenttop {margin: 0 auto; width:1000px; height: 42px; background: url(./images/tablesup.gif) no-repeat 50% 0;}
  37. #contentbg {margin: 0 auto; width:1000px; background: url(./images/contentbg.png);}
  38. #contentbottom {margin: 0 auto; width:1000px; height:14px; background: url(./images/contentend.gif) no-repeat 50% 0;}
  39.  
  40. #wrapheader {
  41. min-height: 120px;
  42. height: auto !important;
  43. height: 120px;
  44. /* background-image: url('./images/background.gif');
  45. background-repeat: repeat-x;*/
  46. /* padding: 0 25px 15px 25px;*/
  47. padding: 0;
  48. }
  49.  
  50. #wrapcentre {
  51. margin: 0px 0px 0px 0px;
  52. }
  53.  
  54. #wrapfooter {
  55. text-align: center;
  56. clear: both;
  57. }
  58.  
  59. #wrapnav {
  60. width: 100%;
  61. margin: 0;
  62. background-color: #ECECEC;
  63. border-width: 1px;
  64. border-style: solid;
  65. border-color: #A9B8C2;
  66. }
  67.  
  68. #logodesc {
  69. margin-bottom: 5px;
  70. padding: 5px 25px;
  71. background: none;
  72. }
  73.  
  74. #menubar {
  75. margin: 0 25px;
  76. }
  77.  
  78. #datebar {
  79. margin: 10px 25px 0 25px;
  80. }
  81.  
  82. #findbar {
  83. width: 100%;
  84. margin: 0;
  85. padding: 0;
  86. border: 0;
  87. }
  88.  
  89. .forumrules {
  90. background-color: #000000;
  91. border-width: 2px;
  92. border-style: solid;
  93. border-color: #101010;
  94. padding: 4px;
  95. font-weight: normal;
  96. font-size: 1.1em;
  97. font-family: Arial, Helvetica, Verdana, sans-serif, "Lucida Grande";
  98. background-image: url('./images/catbg03.png');
  99. }
  100.  
  101. .forumrules h3 {
  102. color: red;
  103. }
  104.  
  105. .forumrules h3, .forumrules a b {
  106. font-weight: normal;
  107. }
  108.  
  109. #pageheader { }
  110. #pagecontent { }
  111. #pagefooter { }
  112.  
  113. #poll { }
  114. #postrow { }
  115. #postdata { }
  116.  
  117. #pagecontent .gensmall {
  118. color:#707070;
  119. }
  120.  
  121. /* Text
  122. --------------------- */
  123. h1 {
  124. color: #FFFFFF;
  125. font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
  126. font-weight: bold;
  127. font-size: 1.8em;
  128. text-decoration: none;
  129. }
  130.  
  131. h2 {
  132. font-family: Arial, Helvetica, sans-serif;
  133. font-weight: bold;
  134. font-size: 1.5em;
  135. text-decoration: none;
  136. line-height: 120%;
  137. }
  138.  
  139. h3 {
  140. font-size: 1.3em;
  141. font-weight: bold;
  142. font-family: Arial, Helvetica, sans-serif;
  143. line-height: 120%;
  144. }
  145.  
  146. h4 {
  147. margin: 0.3em 0px 0px 0px;
  148. font-size: 1.3em;
  149. font-weight: bold;
  150. color: #FFCC33;
  151. }
  152.  
  153. p {
  154. font-size: 1.1em;
  155. }
  156.  
  157. p.moderators {
  158. margin: 0;
  159. float: left;
  160. color: #707070;
  161. font-weight: bold;
  162. }
  163.  
  164. .rtl p.moderators {
  165. float: right;
  166. }
  167.  
  168. p.linkmcp {
  169. margin: 0;
  170. float: right;
  171. white-space: nowrap;
  172. }
  173.  
  174. .rtl p.linkmcp {
  175. float: left;
  176. }
  177.  
  178. p.breadcrumbs {
  179. margin: 0;
  180. float: left;
  181. color: black;
  182. font-weight: bold;
  183. white-space: normal;
  184. font-size: 1em;
  185. }
  186.  
  187. .rtl p.breadcrumbs {
  188. float: right;
  189. }
  190.  
  191. p.datetime {
  192. margin: 0;
  193. float: right;
  194. white-space: nowrap;
  195. font-size: 1em;
  196. }
  197.  
  198. .rtl p.datetime {
  199. float: left;
  200. }
  201.  
  202. p.searchbar {
  203. padding: 2px 0;
  204. white-space: nowrap;
  205. }
  206.  
  207. p.searchbarreg {
  208. margin: 0;
  209. float: right;
  210. white-space: nowrap;
  211. }
  212.  
  213. .rtl p.searchbarreg {
  214. float: left;
  215. }
  216.  
  217. p.forumdesc {
  218. padding-bottom: 4px;
  219. }
  220.  
  221. p.topicauthor {
  222. margin: 1px 0;
  223. }
  224.  
  225. p.topicdetails {
  226. margin: 1px 0;
  227. }
  228.  
  229. .postreported, .postreported a:visited, .postreported a:hover, .postreported a:link, .postreported a:active {
  230. margin: 1px 0;
  231. color: red;
  232. font-weight:bold;
  233. }
  234.  
  235. .postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a:link, .postapprove a:active {
  236. color: green;
  237. font-weight:bold;
  238. }
  239.  
  240. .postapprove img, .postreported img {
  241. vertical-align: bottom;
  242. }
  243.  
  244. .postauthor {
  245. color: #000000;
  246. font-weight : bold;
  247. font-size : 120%;
  248. }
  249.  
  250. .postdetails {
  251. color: #AAAAAA;
  252. }
  253.  
  254. .postbody {
  255. font-size: 1.3em;
  256. line-height: 1.4em;
  257. font-family: Arial, Helvetica, Verdana, "Trebuchet MS", "Lucida Grande", sans-serif;
  258. }
  259.  
  260. .postbody li, ol, ul {
  261. margin: 0 0 0 1.5em;
  262. }
  263.  
  264. .rtl .postbody li, .rtl ol, .rtl ul {
  265. margin: 0 1.5em 0 0;
  266. }
  267.  
  268. .posthilit {
  269. background-color: #007700;
  270. color: white;
  271. padding: 0 2px 0 2px;
  272. font-weight: bold;
  273. }
  274.  
  275. .nav {
  276. margin: 0;
  277. color: #707070;
  278. font-weight: bold;
  279. }
  280.  
  281. .pagination {
  282. padding: 4px;
  283. color: #707070;
  284. font-size: 1em;
  285. font-weight: bold;
  286. }
  287.  
  288. .cattitle {
  289.  
  290. }
  291.  
  292. .gen {
  293. margin: 1px 1px;
  294. font-size: 1.2em;
  295. }
  296.  
  297. .genmed {
  298. margin: 1px 1px;
  299. font-size: 1.1em;
  300. }
  301.  
  302. .gensmall {
  303. margin: 1px 1px;
  304. font-size: 1em;
  305. }
  306.  
  307. .copyright {
  308. color: #999;
  309. font-weight: normal;
  310. font-family: Verdana, Arial, Helvetica, sans-serif, "Lucida Grande";
  311. letter-spacing: -1px;
  312. }
  313.  
  314. a.copyright:link, a.copyright:visited, a.copyright:active {
  315. color: #999999;
  316. }
  317.  
  318. a.copyright:hover {
  319. color: #FFFFFF;
  320. text-decoration: underline;
  321. }
  322.  
  323. .titles {
  324. font-family: "Trebuchet MS" , Arial , Helvetica , "Lucida Grande", sans-serif , Verdana;
  325. font-weight: bold;
  326. font-size: 1.4em;
  327. text-decoration: none;
  328. font-variant: small-caps;
  329. line-height : 150%;
  330. }
  331.  
  332. .error {
  333. color: red;
  334. }
  335.  
  336. div.searchbar {
  337. margin: 0;
  338. float: right;
  339. color: #FFFFFF;
  340. font-weight: bold;
  341. white-space: normal;
  342. font-size: 1em;
  343. }
  344.  
  345. .breadcrumbs {
  346. margin: 0;
  347. float: left;
  348. color: black;
  349. font-weight: bold;
  350. white-space: normal;
  351. font-size: 1em;
  352. }
  353.  
  354. /* Tables
  355. ------------ */
  356. th {
  357. color: #FFA34F;
  358. font-size: 1.1em;
  359. font-weight: bold;
  360. background-color: #000000;
  361. background-image: url('./images/cellpic3.gif');
  362. white-space: nowrap;
  363. padding-left: 6px;
  364. padding-right: 6px;
  365. color: #FFCC33;
  366. height:25px;
  367. }
  368.  
  369. tr th {
  370. padding-top: 4px;
  371. }
  372.  
  373. td {
  374. padding: 0px 0px 0px 0px;
  375. }
  376.  
  377. #colorpalette td {
  378. padding: 1px;
  379. }
  380.  
  381. td.profile {
  382. padding: 4px;
  383. /*background:url('./images/profilebg.gif') Bottom Right no-repeat;*/
  384.  
  385. }
  386.  
  387. td.msgbody {
  388. background:url('./images/msgbg.gif') Bottom Right no-repeat;
  389. }
  390. .tablebg {
  391. background-color: transparent;
  392. border: 1px solid #202020;
  393. }
  394.  
  395. .catdiv {
  396. height: 28px;
  397. margin: 0;
  398. padding: 0;
  399. border: 0;
  400. background: black url('./images/cellpic3.gif') repeat-x scroll top left;
  401. }
  402. .rtl .catdiv {
  403. background: black url('./images/cellpic3.gif') repeat-x scroll top left;
  404. }
  405.  
  406. .cat {
  407. height: 28px;
  408. margin: 0;
  409. padding: 0;
  410. border: 0;
  411.  
  412. background-image: url('./images/cellpic3.gif');
  413. text-indent: 4px;
  414. }
  415.  
  416. .row1 {
  417.  
  418. padding: 4px;
  419. background-image: url('./images/catbg01.png');
  420. }
  421.  
  422. .row1b {
  423. padding: 7px 4px 6px 4px;
  424. background-image: url('./images/catbg01.png');
  425. }
  426.  
  427. .row2 {
  428.  
  429. padding: 4px;
  430. background-image: url('./images/catbg02.png');
  431. }
  432.  
  433. .row3 {
  434.  
  435. padding: 4px;
  436. background-image: url('./images/catbg02.png');
  437. }
  438.  
  439. .row1s {
  440.  
  441. padding: 4px;
  442. background-image: url('./images/catbg01.png');
  443. /*background: url('./images/logrobg.gif') center no-repeat;*/
  444. }
  445. .row2s{
  446.  
  447. padding: 4px;
  448. background-image: url('./images/catbg02.png');
  449. /*background: url('./images/logrobg.gif') center no-repeat;*/
  450. }
  451.  
  452. td.row1, td.row2, td.row3, td.row1s, td.row2s, tr.row1 td, tr.row2 td, tr.row1s td, tr.row2s td, td.row1b, tr.row1b td {
  453. border: 1px solid #202020;
  454. }
  455.  
  456. .spacer {
  457. background-color: #000000;
  458. background-image: url('./images/catbg01.png');
  459. padding:3px 0 0 0;
  460. }
  461.  
  462. hr {
  463. height: 1px;
  464. border-width: 0;
  465. background-color: #202020;
  466. color: #D1D7DC;
  467. }
  468.  
  469. .legend {
  470. text-align:center;
  471. margin: 0 auto;
  472. }
  473.  
  474. /* Links
  475. ------------ */
  476. a:link {
  477. color:#FF9900;
  478. text-decoration: none;
  479. }
  480.  
  481. a:active,
  482. a:visited {
  483. color: #FF9900;
  484. text-decoration: none;
  485. }
  486.  
  487. a:hover {
  488. color:#FFFF00;
  489. text-decoration: none;
  490. }
  491.  
  492. a.forumlink {
  493. color:#FF9900;
  494. font-weight: bold;
  495. font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
  496. font-size: 1.2em;
  497. }
  498.  
  499. a.topictitle {
  500. margin: 1px 0;
  501. font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
  502. font-weight: bold;
  503. font-size: 1.2em;
  504. }
  505.  
  506. a.topictitle:visited {
  507. color: #FF9900;
  508. text-decoration: none;
  509. }
  510.  
  511. a.link02:link, a.link02:active, a.link02:visited, a.link02:hover {
  512. text-decoration: none;
  513. }
  514.  
  515. th a,
  516. th a:visited {
  517. color: #FFCC33 !important;
  518. text-decoration: none;
  519. }
  520.  
  521. th a:hover {
  522. text-decoration: underline;
  523. }
  524.  
  525.  
  526. /* Form Elements
  527. ------------ */
  528. form {
  529. margin: 0;
  530. padding: 0;
  531. border: 0;
  532. }
  533.  
  534. .cat form {
  535. margin: 6px 0px 4px 0px;
  536. }
  537.  
  538. input {
  539. color: #FFFFFF;
  540. font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
  541. font-size: 1.1em;
  542. font-weight: normal;
  543. padding: 1px;
  544. border: 1px solid #FF9900;
  545. background-color: #000000;
  546. }
  547.  
  548. textarea {
  549. background-color: #000000;
  550. color: #FFFFFF;
  551. font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
  552. font-size: 1.3em;
  553. line-height: 1.4em;
  554. font-weight: normal;
  555. border: 1px solid #FF9900;
  556. padding: 2px;
  557. }
  558.  
  559. select {
  560. color: #FFFFFF;
  561. background-color: #000000;
  562. font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
  563. font-size: 1.1em;
  564. font-weight: normal;
  565. border: 1px solid #FF9900;
  566. padding: 1px;
  567. }
  568.  
  569. option {
  570. padding: 0 1em 0 0;
  571. }
  572.  
  573. option.disabled-option {
  574. color: graytext;
  575. }
  576.  
  577. .rtl option {
  578. padding: 0 0 0 1em;
  579. }
  580.  
  581. input.radio {
  582. border: none;
  583. background-color: transparent;
  584. }
  585.  
  586. .post {
  587. background-color: #000000;
  588. border-style: solid;
  589. border-width: 1px;
  590. }
  591.  
  592. .btnbbcode {
  593. color: #FFFFFF;
  594. font-weight: normal;
  595. font-size: 1.1em;
  596. font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
  597. background-color: #000000;
  598. border: 1px solid #FF9900;
  599. }
  600.  
  601. .btnmain {
  602. font-weight: bold;
  603. background-color: #000000;
  604. /* border: 1px solid #A9B8C2;*/
  605. border: 1px solid #FF9900;
  606. cursor: pointer;
  607. padding: 1px 5px;
  608. font-size: 1.1em;
  609. }
  610.  
  611. .btnlite {
  612. font-weight: normal;
  613. background-color: #000000;
  614. border: 1px solid #FF9900;
  615. cursor: pointer;
  616. padding: 1px 5px;
  617. font-size: 1.1em;
  618. }
  619.  
  620. .btnfile {
  621. font-weight: normal;
  622. background-color: #000000;
  623. border: 1px solid #FF9900;
  624. padding: 1px 5px;
  625. font-size: 1.1em;
  626. }
  627.  
  628. .helpline {
  629. background-color: #000000;
  630. border-style: none;
  631. }
  632.  
  633. .cat input.btnmain, .cat input.btnlite, #pagecontent .cat input.btnmain, #pagecontent .cat input.btnlite {
  634. margin: 5px 0 0 0;
  635. }
  636.  
  637. #pagecontent .cat .btnmain, #pagecontent .cat .btnlite, #pagecontent .cat form input.btnlite {
  638. margin: 0;
  639. }
  640.  
  641. /* BBCode
  642. ------------ */
  643. .quotetitle, .attachtitle {
  644. margin: 10px 5px 0 5px;
  645. padding: 4px;
  646. border-width: 1px 1px 0 1px;
  647. border-style: solid;
  648. border-color: #555555;
  649. color: #333333;
  650. background-color: #000000;
  651. font-size: 0.85em;
  652. font-weight: bold;
  653. background-image: url('./images/catbg03.png');
  654. }
  655.  
  656. .quotetitle .quotetitle {
  657. font-size: 1em;
  658. }
  659.  
  660. .quotecontent, .attachcontent {
  661. margin: 0 5px 10px 5px;
  662. padding: 0 5px 5px 5px;
  663. border-color: #555555;
  664. border-width: 0 1px 1px 1px;
  665. border-style: solid;
  666. font-weight: normal;
  667. font-size: 1em;
  668. line-height: 1.2em;
  669. font-family: Verdana, Arial, Helvetica, "Lucida Grande", "Trebuchet MS", sans-serif;
  670. background-color: #000000;
  671. color: #999999;
  672. background-image: url('./images/catbg03.png');
  673. }
  674.  
  675. .attachcontent {
  676. font-size: 0.85em;
  677. }
  678.  
  679. .codetitle {
  680. margin: 10px 5px 0 5px;
  681. padding: 2px 4px;
  682. border-width: 1px 1px 0 1px;
  683. border-style: solid;
  684. border-color: #353535;
  685. color: #999999;
  686. background-color: #000000;
  687. font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
  688. font-size: 0.8em;
  689. background-image: url('./images/catbg03.png');
  690. }
  691.  
  692. .codecontent {
  693. direction: ltr;
  694. margin: 0 5px 10px 5px;
  695. padding: 0 5px 5px 5px;
  696. border-color: #353535;
  697. border-width: 0 1px 1px 1px;
  698. border-style: solid;
  699. font-weight: normal;
  700. color: #006600;
  701. font-size: 0.85em;
  702. font-family: Monaco, 'Courier New', monospace;
  703. background-color: #000000;
  704. }
  705.  
  706. .syntaxbg {
  707. color: #FFFFFF;
  708. }
  709.  
  710. .syntaxcomment {
  711. color: #FF8000;
  712. }
  713.  
  714. .syntaxdefault {
  715. color: #0000BB;
  716. }
  717.  
  718. .syntaxhtml {
  719. color: #000000;
  720. }
  721.  
  722. .syntaxkeyword {
  723. color: #007700;
  724. }
  725.  
  726. .syntaxstring {
  727. color: #DD0000;
  728. }
  729.  
  730.  
  731. /* Private messages
  732. ------------------ */
  733. .pm_marked_colour, .pm_marked_colour img {
  734. background-color: #FFCC33;
  735. }
  736.  
  737. .pm_replied_colour, .pm_replied_colour img {
  738. background-color: #A9B8C2;
  739. }
  740.  
  741. .pm_friend_colour, .pm_friend_colour img {
  742. background-color: #007700;
  743. }
  744.  
  745. .pm_foe_colour, .pm_foe_colour img {
  746. background-color: #DD0000;
  747. }
  748.  
  749.  
  750. /* Misc
  751. ------------ */
  752. img {
  753. border: none;
  754. max-width: 600px;
  755. }
  756.  
  757. .sep {
  758. color: black;
  759. background-color: #FFA34F;
  760. }
  761.  
  762. table.colortable td {
  763. padding: 0;
  764. }
  765.  
  766. pre {
  767. font-size: 1.1em;
  768. font-family: Monaco, 'Courier New', monospace;
  769. }
  770.  
  771. .nowrap {
  772. white-space: nowrap;
  773. }
  774.  
  775. .username-coloured {
  776. font-weight: normal;
  777. font-size: 1.1em;
  778. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement