API tools faq
paste
MoMoT

Untitled

MoMoT
Dec 26th, 2016
121
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 6.95 KB | None | 0 0
raw download clone embed print report
  1. * {
  2.     margin: 0;
  3.     padding: 0;
  4. }
  5. body {
  6.     background: url(/Images/VipIcons/background3.jpg);
  7. }
  8.  
  9. .hrmain {
  10.     margin:10px 0 10px 0;
  11.     border: 0;
  12.     height: 2px;
  13.     background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
  14.     background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
  15.     background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
  16.     background-image: -o-linear-gradient(left, rgba(179, 179, 179,0), rgba(179, 179, 179,0.75), rgba(179, 179, 179,0));
  17. }  
  18.  
  19. .hrmain2 {
  20.     border: 0;
  21.     height: 3px;
  22.     background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
  23.     background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
  24.     background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
  25.     background-image: -o-linear-gradient(left, rgba(179, 179, 179,0), rgba(179, 179, 179,0.75), rgba(179, 179, 179,0));
  26. }
  27.  
  28. .container {
  29.     width:1200px;
  30.     min-height: 100% ;
  31.     margin: 0 auto;
  32.     padding-top:250px;
  33.  
  34. }
  35. header {
  36.     margin: 1px 0 0 0;
  37.     background-color: lightgray;
  38.     height: 250px;
  39.     }
  40.  
  41. #content-mazb {
  42.     background-color:#262626;
  43.     height: 100%;
  44.     float:left;
  45.  
  46. }
  47. /* ------ Right Content Blocks --------- */
  48. #content-right-chronicle-list-left {
  49.     width: 100px;
  50.     height:auto;
  51.     float:left;
  52.     text-align:left;
  53.     margin-left:20px;
  54.     margin-top:5px;
  55. }
  56.  
  57. #content-right-chronicle-list-right {
  58.     width: 85px;
  59.     height:auto;
  60.     float: right;
  61.     margin-top:5px;
  62.     margin-right:7px;
  63.  
  64.  
  65. }
  66. #content-right ul {
  67.     list-style-type:none;
  68.  
  69. }
  70.  
  71. #content-right ul li a:hover {
  72.     color :white;
  73. }
  74.  
  75. #content-right a{
  76.     text-decoration:none;
  77.     color:#d9d9d9;
  78.  
  79. }
  80.  
  81. #content-right {
  82.     float: right;
  83.     width: 230px;
  84.     min-height: 500px;
  85.     background-color: #262626;
  86.     color:#fcfcfc;
  87. }
  88. #content-right-rate {
  89.     width: 215px;
  90.     min-height: 70px;
  91.     border-left:1px solid #737373;
  92.     border-right:1px solid #737373;
  93.     border-bottom:1px solid #737373;
  94.     border-radius:13px;
  95.     margin:0 10px 10px 5px;
  96.     font-family: 'PT Sans', sans-serif;
  97.     font-size:14px;
  98. }
  99.  
  100. #content-right-advert {
  101.    
  102.     width: 230px;
  103.     height: 350px;
  104.     margin-top: 4px;  
  105. }
  106.  
  107. #content-right-chronicle {
  108.     width: 215px;
  109.     min-height: 170px;
  110.     border-left:1px solid #737373;
  111.     border-right:1px solid #737373;
  112.     border-bottom:1px solid #737373;
  113.     border-radius:13px;
  114.     margin:0 10px 10px 5px;
  115.     font-family: 'PT Sans', sans-serif;
  116.     font-size:14px;
  117.  
  118. }
  119.  
  120. .content-right-select {
  121.     text-align:center;
  122.     font-family: 'Roboto', sans-serif;
  123. }
  124.  
  125.  
  126. .content-right-select select {
  127.    text-align:center;
  128.    background-color:#b3b3b3;
  129.    border-radius:5px;
  130.    width: 190px;
  131.    font-size: 16px;
  132.    border: 1px solid #ccc;
  133.    height: 34px;
  134.    margin:15px 10px 10px 10px;
  135.    font-family: 'PT Sans', sans-serif;
  136. }
  137.  
  138. #content-right-select option {
  139.     font-size:13px;
  140.     font-family: 'PT Sans', sans-serif;
  141. }
  142.  
  143.  
  144. #content-right h2 {
  145.     text-align:center;
  146.     margin:0 auto;
  147.     margin-top:20px;
  148.     font-size: 20px;
  149.     padding: 5px 5px 5px 20px;
  150.     color: #f3f3f3;
  151.     transform: skew(-7deg);
  152.     font-family: 'Exo 2', sans-serif;
  153.     background-color: #333333;
  154.     width:190px;
  155.     border-bottom: 1px solid #595959;
  156.     -webkit-box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.75);
  157.     -moz-box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.75);
  158.     box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.75);
  159.    
  160. }
  161.  
  162. /* ------ End of Right Content Blocks --------- */
  163.  
  164. /* -------  Menu Header -------- */
  165. nav {
  166.     height: 40px;
  167.     display: block;
  168.     background-color: #262626;
  169.     border-bottom:2px solid black;
  170.     -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.75);
  171.     -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.75);
  172.     box-shadow: 0px 3px 5px 0px rgba(89, 89, 89,0.50);
  173. }
  174.  
  175.  
  176. nav li {
  177.     list-style-type: none;
  178.     float:right;
  179. }
  180.  
  181. nav li a {
  182.     font-size: 15px;
  183.     color:#cccccc;
  184.     display: block;
  185.     line-height: 40px;
  186.     padding: 0 15px;
  187.     text-decoration: none;
  188.     border-right: 1px solid black;
  189.     font-family: 'Exo 2', sans-serif;
  190. }
  191.  
  192. nav li a:hover {
  193.     background-color:#4d4d4d;
  194. }
  195. /* -------  End Menu -------- */
  196.  
  197. /*Stream block start*/
  198. #stream-container {
  199.     width: 1200px;
  200.     height: 150px;
  201.     background-color:#262626;
  202.     text-align:center;
  203. }
  204. .stream-video-cell {
  205.     width:200px;
  206.     height:130px;
  207.     border:2px solid gray;
  208.     display:inline-block;
  209.     border-radius:4px;
  210.     margin: 7px 4px 0 0;
  211. }
  212. /*End of stream block*/
  213.  
  214. /* ------- Content (left) Blocks ------ */
  215. #content {
  216.     width: 970px;
  217.     background-color:#262626;  
  218.     height:100%;
  219.     float:left;
  220.         font-family: 'PT Sans', sans-serif;
  221. }
  222. #content h1 {
  223.     font-size: 25px;
  224.     padding: 5px 5px 5px 20px;
  225.     color: #e6e6e6;
  226.     text-shadow: 1px 1px 0px rgba(204, 204, 204, 0.74);
  227.     font-family: 'Exo 2', sans-serif;
  228.     border-bottom:2px solid black;
  229.     -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.75);
  230. -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.75);
  231. box-shadow: 0px 3px 5px 0px rgba(89, 89, 89,0.50);
  232.    
  233. }
  234. #content h2 {
  235.     font-size: 20px;
  236.     padding: 5px 5px 5px 20px;
  237.     margin-bottom:5px;
  238.     color: #bfbfbf;
  239.     transform: skew(-7deg);
  240.     font-family: 'Exo 2', sans-serif;
  241.     background-color: #333333;
  242.     border-bottom: 1px solid #595959;
  243. -webkit-box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.75);
  244. -moz-box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.75);
  245. box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.75);
  246.    
  247. }
  248.  
  249.  
  250. #container-for-list-left {
  251.     width:50px;
  252.     height:100%;
  253.     float:left;
  254.     margin: 0 0 10px 10px;
  255.  
  256. }
  257. #container-for-list-right {
  258.     width:450px;
  259.     height:100%;
  260.     float:right;
  261.     margin: 0 10px 10px 0;
  262. }
  263.  
  264. #content-vip-will-open {
  265.     float:left;
  266.     width: 450px;
  267.     height:100%;
  268.     margin: 10px;
  269. }
  270.  
  271. #content-vip-opened {
  272.     float:right;
  273.     width: 450px;
  274.     height:100%;
  275.     margin: 10px;
  276. }
  277.  
  278. #content-start-today {
  279.     float:left;
  280.     width: 450px;
  281.     height:100%;
  282.     margin: 10px;
  283.  
  284. }
  285.  
  286. #content-start-tomorrow {
  287.     float:right;
  288.     width: 450px;
  289.     height:100%;
  290.     margin: 10px;
  291.  
  292. }
  293.  
  294. #content-mainlist-will-open {
  295.     float:left;
  296.     width: 450px;
  297.     height:100%;
  298.     margin: 10px;
  299. }
  300.  
  301. #content-mainlist-opened {
  302.     float:right;
  303.     width: 450px;
  304.     height:100%;
  305.     margin: 10px;
  306.  
  307. }
  308.  
  309. /* -------End of  Content (left) Blocks ------ */
  310.  
  311.  
  312. /* Footer block start */
  313. #clear {
  314.         clear: both;
  315. }
  316.  
  317. footer {
  318.     height: 150px;
  319.     background-color: #262626;
  320.     padding: 10px 20px 10px 20px;
  321.      font-family: 'PT Sans', sans-serif;
  322. }
  323. footer p {
  324.     color: #fcfcfc;
  325.     font-size:12px;
  326.     margin: 5px 0 0 0;
  327. }
  328.  
  329. footer h1 {
  330.     font-size:18px;
  331.     color:orangered;
  332. }
  333.  
  334.  
  335. /* End of Footer block */
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!