Advertisement
Guest User

Untitled

a guest
Feb 25th, 2020
97
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 4.24 KB | None | 0 0
  1. html, body {
  2.     height: 100%;
  3. }
  4.  
  5. body {
  6.     margin: 0px;
  7.     padding: 0px;
  8.     background: #000000;
  9.     font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  10.     font-size: 12px;
  11.     color: #878787;
  12. }
  13.  
  14. h1, h2, h3 {
  15.     margin: 0px;
  16.     padding: 0px;
  17.     font-family: 'Montserrat', sans-serif;
  18.     font-weight: normal;
  19.     color: #101010;
  20. }
  21.  
  22. h2 {
  23.     padding-bottom: 30px;
  24.     letter-spacing: -1px;
  25.     font-size: 2em;
  26. }
  27.  
  28. p, ol, ul {
  29.     margin-top: 0px;
  30. }
  31.  
  32. p {
  33.     line-height: 180%;
  34. }
  35.  
  36. strong {
  37. }
  38.  
  39. a {
  40.     color: #39C2F0;
  41. }
  42.  
  43. a:hover {
  44.     text-decoration: none;
  45. }
  46.  
  47. a img {
  48.     border: none;
  49. }
  50.  
  51. img.border {
  52. }
  53.  
  54. img.alignleft {
  55.     float: left;
  56. }
  57.  
  58. img.alignright {
  59.     float: right;
  60. }
  61.  
  62. img.aligncenter {
  63.     margin: 0px auto;
  64. }
  65.  
  66. hr {
  67.     display: none;
  68. }
  69.  
  70. /** WRAPPER */
  71.  
  72. #wrapper {
  73.     width: 1100px;
  74.     padding: 0px 50px;
  75.     background: #FFFFFF;
  76. }
  77.  
  78. .container {
  79.     width: 1200px;
  80.     margin: 0px auto;
  81. }
  82.  
  83. .clearfix {
  84.     clear: both;
  85. }
  86.  
  87. /** HEADER */
  88.  
  89. #header {
  90.     overflow: hidden;
  91.     padding: 30px 0px;
  92. }
  93.  
  94. /** LOGO */
  95.  
  96. #logo {
  97.     float: left;
  98.     width: 300px;
  99.     margin: 0;
  100.     padding: 0;
  101. }
  102.  
  103. #logo h1, #logo p {
  104. }
  105.  
  106. #logo h1 {
  107.     letter-spacing: -2px;
  108.     font-size: 3em;
  109. }
  110.  
  111. #logo h1 a {
  112.     color: #101010;
  113.     text-transform: uppercase;
  114. }
  115.  
  116. #logo p {
  117.     margin: 0;
  118.     padding: 0px 0 0 0px;
  119.     color: #8E8E8E;
  120. }
  121.  
  122. #logo p a {
  123.     color: #D6D6D6;
  124. }
  125.  
  126. #logo a {
  127.     border: none;
  128.     background: none;
  129.     text-decoration: none;
  130.     color: #12212F;
  131. }
  132.  
  133. /** MENU */
  134.  
  135. #menu {
  136.     float: right;
  137.     width: 700px;
  138.     margin: 0 auto;
  139.     padding: 0;
  140. }
  141.  
  142. #menu ul {
  143.     float: right;
  144.     margin: 0;
  145.     padding: 10px 0px 0px 0px;
  146.     list-style: none;
  147.     line-height: normal;
  148. }
  149.  
  150. #menu li {
  151.     float: left;
  152.     padding: 0px 0px 0px 0px;
  153. }
  154.  
  155. #menu a {
  156.     display: block;
  157.     margin-right: 1px;
  158.     padding: 10px 20px 10px 20px;
  159.     text-decoration: none;
  160.     text-align: center;
  161.     text-transform: uppercase;
  162.     font-family: 'Montserrat', sans-serif;
  163.     font-size: 13px;
  164.     font-weight: 300;
  165.     color: #585858;
  166.     border: none;
  167. }
  168.  
  169. #menu .current_page_item a {
  170.     text-decoration: none;
  171.     color: #FFFFFF;
  172. }
  173.  
  174. #menu .current_page_item a {
  175.     background: #2AA8D2;
  176.     border-radius: 5px;
  177. }
  178.  
  179. /** PAGE */
  180.  
  181. #page {
  182.     overflow: hidden;
  183.     padding: 50px 0px 0px 0px;
  184.     border-top: 1px solid #DEDEDE;
  185. }
  186.  
  187. /** CONTENT */
  188.  
  189. #content {
  190.     float: left;
  191.     width: 750px;
  192. }
  193.  
  194. #content #cbox1 {
  195.     margin-bottom: 40px;
  196. }
  197.  
  198. /** SIDEBAR */
  199.  
  200. #sidebar {
  201.     float: right;
  202.     width: 300px;
  203. }
  204.  
  205. #sidebar #box1 {
  206.     margin-bottom: 50px;
  207. }
  208.  
  209. /* Footer */
  210.  
  211. #footer {
  212.     overflow: hidden;
  213.     padding: 50px 0px;
  214.     border-top: 1px solid #DEDEDE;
  215. }
  216.  
  217. #footer p {
  218.     text-align: center;
  219.     font-size: 12px;
  220. }
  221.  
  222. #footer a {
  223. }
  224.  
  225. /** BANNER */
  226.  
  227. #banner {
  228.     overflow: hidden;
  229.     padding-bottom: 40px;
  230. }
  231.  
  232. /** TWO COLUMN */
  233.  
  234. #two-column {
  235.     overflow: hidden;
  236.     padding: 40px 0px;
  237.     border-top: 1px solid #DEDEDE;
  238. }
  239.  
  240. #two-column h2 {
  241.     font-size: 1.5em;
  242. }
  243.  
  244. #two-column #tbox1 {
  245.     float: left;
  246.     width: 350px;
  247. }
  248.  
  249. #two-column #tbox2 {
  250.     float: right;
  251.     width: 350px;
  252. }
  253.  
  254. /* Button style 1 */
  255.  
  256. .link-style {
  257.     display: inline-block;
  258.     margin-top: 20px;
  259.     padding: 10px 20px;
  260.     background: #000;
  261.     text-decoration: none;
  262.     color: #FFF;
  263. }
  264.  
  265.  
  266. /* List style 1 */
  267.  
  268. ul.style1 {
  269.     margin: 0px;
  270.     padding: 0px;
  271.     list-style: none;
  272. }
  273.  
  274. ul.style1 li {
  275.     padding: 10px 0px 15px 0px;
  276.     border-top: 1px solid #E6E7DC;
  277. }
  278.  
  279. ul.style1 .first {
  280.     padding-top: 0px;
  281.     border-top: none;
  282. }
  283.  
  284. /* List style 2 */
  285.  
  286. ul.style2 {
  287.     margin: 0px;
  288.     padding: 0px;
  289.     list-style: none;
  290. }
  291.  
  292. ul.style2 li {
  293.     padding: 25px 0px 15px 0px;
  294.     border-top: 1px solid #E6E7DC;
  295. }
  296.  
  297. ul.style2 .first {
  298.     padding-top: 0px;
  299.     border-top: none;
  300. }
  301.  
  302. ul.style2 h3 {
  303.     padding: 0px 0px 10px 0px;
  304. }
  305.  
  306. ul.style2 h3 a {
  307.     color: #101010;
  308. }
  309.  
  310. ul.style2 a {
  311.     text-decoration: none;
  312. }
  313.  
  314. ul.style2 a:hover {
  315.     text-decoration: underline;
  316. }
  317.  
  318.  
  319. /* List style 3 */
  320.  
  321. ul.style3 {
  322.     margin: 0px;
  323.     padding: 0px;
  324.     list-style: none;
  325. }
  326.  
  327. ul.style3 li {
  328.     padding: 20px 0px 20px 0px;
  329.     border-top: 1px solid #E6E7DC;
  330. }
  331.  
  332. ul.style3 p {
  333.     margin: 0px;
  334.     padding: 0px;
  335. }
  336.  
  337. ul.style3 img {
  338.     float: left;
  339.     margin-top: 3px;
  340.     margin-right: 20px;
  341. }
  342.  
  343. ul.style3 .posted {
  344.     padding: 10px 0px 10px 0px;
  345.     font-size: 8pt;
  346.     color: #A2A2A2;
  347. }
  348.  
  349. ul.style3 .first {
  350.     padding-top: 0px;
  351.     border-top: none;
  352. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement