API tools faq
paste
Guest User

Untitled

a guest
Apr 25th, 2018
95
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 8.55 KB | None | 0 0
raw download clone embed print report
  1. @charset "utf-8";
  2. /*----------------------------------------------------
  3.                  VideoTOV - CSS File
  4. ------------------------------------------------------*/
  5.  
  6. @font-face {
  7.     font-family: 'CoolveticaRegular';
  8.     src: url('font/coolvetica_rg-webfont.eot');
  9.     src: url('font/coolvetica_rg-webfont.eot?#iefix') format('embedded-opentype'),
  10.          url('font/coolvetica_rg-webfont.woff') format('woff'),
  11.          url('font/coolvetica_rg-webfont.ttf') format('truetype'),
  12.          url('font/coolvetica_rg-webfont.svg#CoolveticaRegular') format('svg');
  13.     font-weight: normal;
  14.     font-style: normal;
  15.  
  16. }
  17.  
  18. /*----------------------------------------------------
  19.                         Main
  20. ------------------------------------------------------*/
  21.  
  22. html,body{ 
  23.     background-color:#697a8f;
  24.     background-size:100% 100%;
  25.     margin:     0;
  26.     padding:    0;
  27.    
  28.     color:#000;
  29. }
  30.  
  31. div{
  32.     margin:0;
  33.     padding:0;
  34. }
  35.  
  36. #glow{
  37.     position:absolute;
  38.     z-index:0;
  39.     background:url(../img/css/shineGlow.png);
  40.    
  41.     height:582px;
  42.     width:1022px;
  43.    
  44.     left:0px;
  45.     top:0px;
  46. }
  47.  
  48. .wrapper{
  49.     position:relative;
  50.     z-index:1;
  51.    
  52.     margin:50px auto;
  53.     margin-bottom:10px;
  54.     width:962px; /* - 8 PX BORDER! */
  55.    
  56.     border-right-style:solid;
  57.     border-right-width:4px;
  58.     border-right-color:#8db1c9;
  59.    
  60.     border-left-style:solid;
  61.     border-left-width:3px;
  62.     border-left-color:#ddd;
  63.    
  64.     border-top-width:2px;
  65.     border-top-style:solid;
  66.     border-top-color:#fff;
  67.    
  68.     border-bottom-width:2px;
  69.     border-bottom-style:solid;
  70.     border-bottom-color:#8db1c9;
  71.    
  72.     -moz-box-shadow: 10px 10px 5px #757e89;
  73.     -webkit-box-shadow: 5px 10px 5px #757e89;
  74.     box-shadow: 0px 0px 10px 5px #757e89;
  75.    
  76.     background:#ddd; /* OPERA */
  77.    
  78.     background: -moz-linear-gradient(top, #fff, #bbbbbb); /* Mozilla: */
  79.    
  80.     background: -webkit-gradient(linear,
  81.                 left top, left bottom, from(#fff), to(#bbbbbb)); /* Chrome, Safari:*/
  82.    
  83.     filter: progid:DXImageTransform.Microsoft.Gradient(
  84.                 StartColorStr='#f0f0f0', EndColorStr='#bbbbbb', GradientType=0); /* MSIE */
  85. }
  86. /*
  87. .wrapperInner{ 
  88.     margin-left:5px;
  89.     margin-top:5px;
  90.     margin-bottom:3px;
  91.     margin-right:3px;
  92.     background:#FFF;
  93.    
  94.     padding:1px;
  95. }
  96. */
  97. .blueWrapper{
  98.     margin-top:35px;
  99.     margin-left:5px;
  100.     margin-right:4px;
  101.     margin-bottom:2px;
  102.    
  103.     padding:1px;
  104.    
  105.     background-image: linear-gradient(left , #FFFFFF 0%, #A6C6DD 100%);
  106.     background-image: -o-linear-gradient(left , #FFFFFF 0%, #A6C6DD 100%);
  107.     background-image: -moz-linear-gradient(left , #FFFFFF 0%, #A6C6DD 100%);
  108.     background-image: -webkit-linear-gradient(left , #FFFFFF 0%, #A6C6DD 100%);
  109.     background-image: -ms-linear-gradient(left , #FFFFFF 0%, #A6C6DD 100%);
  110.    
  111.     background-image: -webkit-gradient(
  112.         linear,
  113.         left top,
  114.         right top,
  115.         color-stop(0, #FFFFFF),
  116.         color-stop(1, #A6C6DD)
  117.     );
  118.    
  119.     -moz-box-shadow: inset 0 0 5px 3px #888;
  120.     -webkit-box-shadow: inset 0 0 5px 3px#888;
  121.     box-shadow: inset 0 0 5px 3px #888;
  122. }
  123.  
  124. /*::-moz-selection{
  125.     background: #000 !important;
  126.     color:#fff !important;  
  127.     text-shadow: none !important;  
  128. }
  129. ::-webkit-selection{
  130.     background:#000 !important;
  131.     color:#fff !important;  
  132.     text-shadow: none !important;
  133. }
  134. ::selection{
  135.     background:#000 !important;  
  136.     color:#fff !important;  
  137.     text-shadow: none !important;
  138. } */
  139.  
  140. /*----------------------------------------------------
  141.                         LINKS
  142. ------------------------------------------------------*/
  143.  
  144. .menuStyle:link{
  145.     text-decoration:none;
  146.     color:inherit;
  147. }
  148. .menuStyle:visited{
  149.     text-decoration:none;
  150.     color:inherit;
  151. }
  152. .menuStyle:hover{
  153.     color:#e2ac08;
  154.     text-shadow: 0px 2px 4px #3b341f;
  155. }
  156.  
  157. .noStyle:link{
  158.     text-decoration:none;
  159.     color:inherit;
  160. }
  161. .noStyle:visited{
  162.     text-decoration:none;
  163.     color:inherit;
  164. }
  165. .noStyle:hover{
  166.     color:#e2ac08;
  167. }
  168.  
  169. /*----------------------------------------------------
  170.                     Menu & header
  171. ------------------------------------------------------*/
  172.  
  173. #logo{
  174.     background-image:url(../img/css/logo.png);
  175.     height:125px;
  176.     width:181px;
  177.     position:absolute;
  178.     margin-left:-41px;
  179.     margin-top:-43px;
  180. }
  181.  
  182. #slogan{
  183.     position:absolute;
  184.     margin-left:145px;
  185.     margin-top:6px;
  186.    
  187.     overflow:hidden;
  188.     width:355px;
  189.    
  190.     font-family: "Arial Rounded MT", Arial, Helvetica, sans-serif;
  191.     color:#353535;
  192.     font-size:19px;
  193.     font-weight:bold;
  194. }
  195.  
  196. #nav{
  197.     margin-left:500px;
  198.     margin-top:8px;
  199.     position:absolute;
  200.    
  201.  
  202.     overflow:hidden;
  203.     width:460px;
  204.    
  205.     font-family: 'CoolveticaRegular';
  206.     font-size:22px;
  207.     text-shadow: 0px 2px 4px #666;
  208. }
  209.  
  210. #nav ul{
  211.     list-style: none;
  212.     padding: 0;
  213.     margin: 0;
  214. }
  215.  
  216. #nav li{
  217.     float: left;
  218.     margin: 0 0.70em;
  219. }
  220.  
  221. header{
  222.     position:absolute;
  223.    
  224.     margin-top:-25px;
  225.     margin-left:790px;
  226.    
  227.    
  228.     overflow:hidden;
  229.     z-index:1;
  230.    
  231.     font-size:16px;
  232.     font-family: 'CoolveticaRegular';
  233.     color:#444;
  234. }
  235.  
  236. header ul{
  237.     list-style:none;
  238.     padding:0;
  239.     margin:0;
  240. }
  241.  
  242. header li{
  243.     float:left;
  244.     margin:0 0.40em;
  245. }
  246. /*----------------------------------------------------
  247.                     Content
  248. ------------------------------------------------------*/
  249.  
  250. h1{
  251.     font-family: 'CoolveticaRegular';
  252.     font-size:36px;
  253.     text-align:center;
  254.     color:#1e2021;
  255.     text-shadow: 5px 3px 6px #666;
  256. }
  257.  
  258. .style1Text{
  259.     font-family: 'CoolveticaRegular';
  260.     color:#464d51;
  261.     text-indent:20px;
  262. }
  263.  
  264. .smallText{
  265.     font-family: 'CoolveticaRegular';
  266.     color:#464d51;
  267.     font-size:14px;
  268.     text-align:center;
  269. }
  270.  
  271. #hp_underSlogan{
  272.     text-align:center;
  273.     margin-top:15px;
  274. }
  275.  
  276. .highlight{
  277.     color:#2a3652;
  278.     font-family: 'CoolveticaRegular';
  279.     font-size:16px;
  280. }
  281.  
  282. .oneCol{
  283.     width:94%;
  284.     margin-left:3%;
  285.     word-wrap:break-word;
  286.    
  287.     overflow:hidden;
  288.     display:inline-block;
  289.     vertical-align:top;
  290. }
  291.  
  292. .twoThirdCol{
  293.     width:58%;
  294.     margin-left:3%;
  295.    
  296.     overflow:hidden;
  297.     display:inline-block;
  298.     vertical-align:top;
  299. }
  300.  
  301. .oneThirdCol{
  302.     width:36%;
  303.    
  304.     overflow:hidden;
  305.     display:inline-block;
  306.     vertical-align:top;
  307. }
  308.  
  309. .boxOverlay{
  310.     position:absolute;
  311.     background:#a7cce5;
  312.     opacity:0.4;
  313.     filter:alpha(opacity=40); /* For IE8 and earlier */
  314.  
  315. }
  316.  
  317. .textOverlay{
  318.     position:relative; 
  319.     margin-left:20px;
  320.     margin-top:5px;
  321.     font-size:34px;
  322.     font-family: 'CoolveticaRegular';
  323.     text-shadow: 2px 5px 6px #666;
  324.     color:#fff;
  325.    
  326.     width:300px;
  327. }
  328.  
  329. #hp_VGPlace{
  330.     position:absolute;
  331.     margin-left:10px;
  332.     margin-top:20px;
  333. }
  334.  
  335.  
  336. #hp_OPPlace{
  337.     position:absolute;
  338.     margin-left:300px;
  339.     margin-top:20px;
  340. }
  341.  
  342.  
  343. #hp_ABTUSPlace{
  344.     position:absolute;
  345.     margin-left:165px;
  346.     margin-top:20px;
  347. }
  348.  
  349. /*----------------------------------------------------
  350.                     Footer
  351. ------------------------------------------------------*/
  352.  
  353. footer{
  354.     margin:0 auto;
  355.     width:962px; /* - 8 PX BORDER! */
  356.     text-align:center;
  357.     margin-top:0px;
  358.    
  359.     font-family: 'CoolveticaRegular';
  360.     font-size:16px;
  361.     color:#141414;
  362. }
  363.  
  364. footer p{
  365.     margin:0;
  366.     margin-top:5px;
  367.     font-size:18px;
  368.     font-weight:bold;
  369. }
  370.  
  371. /*----------------------------------------------------
  372.                     How it works
  373. ------------------------------------------------------*/
  374.  
  375. #hiw_whiteBox{
  376.     background:#FFF;
  377.     border-style:solid;
  378.     border-color:#000;
  379.     border-width:1px;
  380.     margin-bottom:20px;
  381. }
  382.  
  383. #hiw_greyBox{
  384.     background-color:#999;
  385.     border-style:solid;
  386.     border-color:#000;
  387.     border-width:1px;
  388.    
  389.     width:94%;
  390.     height:450px;
  391.     margin-left:3%;
  392.     margin-top:2%;
  393.    
  394. }
  395.  
  396. .hiw_stepsActive,.hiw_steps{
  397.     background-color:#70757a;
  398.     color:#FFF;
  399.     font-family: 'CoolveticaRegular';
  400.     font-weight:bold;
  401.    
  402.     border-style:solid;
  403.     border-color:#000;
  404.     border-width:1px;
  405.     box-shadow: inset 0 0 10px 2px #404040;
  406.     margin-bottom:0.905em;
  407.    
  408.     display:inline-block;
  409.     vertical-align:top;
  410.    
  411.     width:19%;
  412.     height:80px;
  413. }
  414.  
  415. .hiw_steps{
  416.     background-color:#dce1e7 !important;
  417.     color:#232323;
  418. }
  419.  
  420. .hiw_number{
  421.     font-size:3em;
  422.     margin-top:0.09em;
  423.     margin-left:0.15em;
  424.    
  425.     display:inline-block;
  426.     vertical-align:top;
  427. }
  428.  
  429.  
  430. .hiw_explain{
  431.     display:inline-block;
  432.     vertical-align:top;
  433.  
  434.     margin-top:0.5em;
  435.     margin-left:0.9em;
  436.    
  437.     font-size:0.9em;
  438. }
  439.  
  440. .hiw_steps_spacing{
  441.     display:inline-block;
  442.     width:0.124em;
  443. }
  444.  
  445. /*----------------------------------------------------
  446.                         popUp
  447. ------------------------------------------------------*/
  448.  
  449. #popUp{
  450.     left:0;
  451.     top:0;
  452.    
  453.     width:100%;
  454.     height:100%;
  455.     position:absolute;
  456.     z-index:200;
  457.     background-color:#000;
  458.     opacity:0.8;
  459.     filter:alpha(opacity=80); /* For IE8 and earlier */
  460. }
  461.  
  462. #popUpWindow{
  463.     margin:15em auto;
  464.     background-color:#a9a9a9;
  465.    
  466.     border:solid;
  467.     border-width:3px;
  468.     border-color:#fff;
  469. }
  470.  
  471. #popUpWrapper{
  472.     position:absolute;
  473.     z-index:201;
  474.     width:100%;
  475.     height:100%;
  476.     left:0;
  477.     top:0;
  478. }
  479.  
  480. #loginForm{
  481.     padding:1px;
  482. }
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!