Advertisement
MoMoT

Untitled

Dec 25th, 2016
112
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 4.70 KB | None | 0 0
  1. * {
  2.     margin: 0;
  3.     padding: 0;
  4. }
  5. body {
  6.     background: url(/Images/VipIcons/background3.jpg);
  7. }
  8. .container {
  9.     width:1200px;
  10.     min-height: 100% auto;
  11.     margin: 0 auto;
  12.    
  13. }
  14. #content-mazb {
  15.     background-color:#262626;
  16.     height: 100%;
  17. }
  18. /* ------ Right Content Blocks --------- */
  19. #content-right {
  20.     float: right;
  21.     width: 230px;
  22.     min-height: 500px;
  23.     background-color: #262626;
  24.     color:#fcfcfc;
  25. }
  26. #content-right-rate {
  27.     width: 230px;
  28.     min-height: 200px;  
  29. }
  30.  
  31. #content-right-advert {
  32.    
  33.     width: 230px;
  34.     height: 350px;
  35.     margin-top: 4px;
  36.    
  37. }
  38.  
  39. #content-right-chronicle {
  40.    
  41.     width: 230px;
  42.     min-height: 230px;
  43.     margin-top: 4px;
  44. }
  45.  
  46. #content-right-chronicle h2 {
  47.     text-align:center;
  48.     margin:0 auto;
  49.     font-size: 20px;
  50.     padding: 5px 5px 5px 20px;
  51.     color: #f3f3f3;
  52.     transform: skew(-7deg);
  53.     font-family: 'Exo 2', sans-serif;
  54.     background-color: #333333;
  55.     width:190px;
  56.     border-bottom: 1px solid #595959;
  57. -webkit-box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.75);
  58. -moz-box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.75);
  59. box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.75);
  60.    
  61. }
  62.  
  63. /* ------ End of Right Content Blocks --------- */
  64.  
  65. /* -------  Menu Header -------- */
  66. nav {
  67.     height: 40px;
  68.     display: block;
  69.     background-color: #262626;
  70. border-bottom:2px solid black;
  71.     -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.75);
  72. -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.75);
  73. box-shadow: 0px 3px 5px 0px rgba(89, 89, 89,0.50);
  74. }
  75.  
  76.  
  77. nav li {
  78.     list-style-type: none;
  79.     float:right;
  80. }
  81.  
  82. nav li a {
  83.     font-size: 15px;
  84.     color:#cccccc;
  85.     display: block;
  86.     line-height: 40px;
  87.     padding: 0 15px;
  88.     text-decoration: none;
  89.     border-right: 1px solid black;
  90.     font-family: 'Exo 2', sans-serif;
  91.    
  92. }
  93. nav li a:hover {
  94.    
  95. }
  96. /* -------  End Menu -------- */
  97. header {
  98.     margin: 1px 0 0 0;
  99.     background-color: lightgray;
  100.     height: 250px;
  101.     }
  102. /* ------- Content (left) Blocks ------ */
  103. #content {
  104.     width: 970px;
  105.     height: 100% auto;
  106.     min-height:500px;
  107.     background-color:#595959;  
  108. }
  109.  
  110. #content-title {
  111.     text-align: center;
  112.     width: 1200px;
  113.     min-height:40px;
  114.     background-color:#262626;
  115. }
  116.  
  117. #content-title h1{
  118.     font-size: 25px;
  119.     padding: 5px 5px 5px 20px;
  120.     color: #e6e6e6;
  121.     text-shadow: 1px 1px 0px rgba(204, 204, 204, 0.74);
  122.     font-family: 'Exo 2', sans-serif;
  123.     border-bottom:2px solid black;
  124.     -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.75);
  125. -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.75);
  126. box-shadow: 0px 3px 5px 0px rgba(89, 89, 89,0.50);
  127. }
  128.  
  129. #content h1 {
  130.     font-size: 25px;
  131.     padding: 5px 5px 5px 20px;
  132.     color: #e6e6e6;
  133.     text-shadow: 1px 1px 0px rgba(204, 204, 204, 0.74);
  134.     font-family: 'Exo 2', sans-serif;
  135.     border-bottom:2px solid black;
  136.     -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.75);
  137. -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.75);
  138. box-shadow: 0px 3px 5px 0px rgba(89, 89, 89,0.50);
  139.    
  140. }
  141. #content h2 {
  142.     font-size: 20px;
  143.     padding: 5px 5px 5px 20px;
  144.     margin-bottom:5px;
  145.     color: #f3f3f3;
  146.     transform: skew(-7deg);
  147.     font-family: 'Exo 2', sans-serif;
  148.     background-color: #333333;
  149.     border-bottom: 1px solid #595959;
  150. -webkit-box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.75);
  151. -moz-box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.75);
  152. box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.75);
  153.    
  154. }
  155.  
  156. #content-top-servers {
  157.     margin: 0 auto;
  158.     width: 970px;
  159.     height: 150px;
  160.      background-color:#d9d9d9;
  161.  
  162.  
  163. }
  164.  
  165. #content-vip-will-open {
  166.     float:left;
  167.     width: 450px;
  168.     min-height: 270px;
  169.     margin-top: 4px;
  170. }
  171.  
  172. #content-vip-opened {
  173.     float:right;
  174.     width: 450px;
  175.     min-height: 270px;
  176.     margin-top: 4px;
  177.  
  178. }
  179.  
  180. #content-start-today {
  181.     float:left;
  182.     width: 450px;
  183.     min-height: 270px;
  184.     margin-top: 4px;
  185. }
  186.  
  187. #content-start-tomorrow {
  188.     float:right;
  189.     width: 450px;
  190.     min-height: 270px;
  191.     margin-top: 4px;
  192. }
  193.  
  194. #content-mainlist-will-open {
  195.     width: 450px;
  196.     min-height: 350px;
  197.     margin-top: 4px;
  198. }
  199.  
  200. #content-mainlist-opened {
  201.     width: 450px;
  202.     min-height: 350px;
  203.     margin-top: 4px;
  204. }
  205.  
  206. #content table {
  207.     margin: 0 auto;
  208.     margin-top:10px;
  209. }
  210.  
  211. #content table td {
  212.     padding: 5px 15px 15px 15px;
  213. }
  214. /* -------End of  Content (left) Blocks ------ */
  215.  
  216. /* ------- Content list all ------ */
  217. #content-vip-will-open  li a{
  218.     text-decoration: none;
  219.     color:white;
  220. }
  221.  
  222.  
  223.  
  224. /* ------- End of Content VIP icons ------ */
  225.  
  226. footer {
  227.     border: 1px solid black;
  228.     height: 150px;
  229.     background-color: lightgray;
  230.     padding: 10px 20px 10px 20px;
  231. }
  232.  
  233. #clear {
  234.         clear: both;
  235. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement