API tools faq
paste
Advertisement
Guest User

Untitled

a guest
May 13th, 2013
142
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 12.57 KB | None | 0 0
raw download clone embed print report
  1. /*CSS RESET*/
  2. html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align: baseline;background:transparent;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, output, section, summary{display:block;}meter,progress,mark, time{display:inline;}ol, ul {list-style: none;}blockquote,q{quotes: none;}html,body{height:100%;}img {border:0;vertical-align:top;text-align:left;}object{vertical-align:top;outline:none;}ul,ol{list-style:none;}table,table td{padding:0;border:none;border-collapse:collapse;}input,select,textarea{font-family:Arial, Helvetica, sans-serif;font-size:1em;vertical-align:middle;font-weight:normal;margin:0;padding:0;}textarea{overflow:auto;}
  3.  
  4. /*GLOBAL*/
  5. html{min-width:940px;}
  6. body{background:#000;font-family:Arial, Helvetica, sans-serif;font-size:100%;line-height:1em;color:#000;overflow:hidden;}
  7.  
  8. #glob{
  9.     width:100%;
  10.     height:100%;
  11.     position:absolute;
  12.     left:0;
  13.     top:0;
  14.     z-index:1;
  15.     min-height:1000px;
  16.     overflow:hidden;
  17.    
  18.     font:13px/22px Arial, Helvetica, sans-serif;
  19.     color:#ACDEFF;
  20. }
  21.  
  22. #gspinner{
  23.     background-color:#1d1d1e;
  24.     z-index:999;
  25. }
  26.  
  27. header>.inner,footer>.inner{
  28.     width:940px;
  29.     margin:0 auto;
  30.     position:relative;
  31.     z-index:1;
  32.     height:100%;
  33.     overflow:visible;
  34. }
  35.  
  36. /*ELEMENTS*/
  37. a {color:#fff;outline:none;}
  38. a:hover{text-decoration:none;}
  39. p a{
  40.     -webkit-transition: all 0.6s ease-out;
  41.      -moz-transition: all 0.6s ease-out;
  42.        -o-transition: all 0.6s ease-out;
  43.           transition: all 0.6s ease-out;
  44. }
  45. p a:hover{color:#476237;}
  46.  
  47.  
  48. p,.blo{
  49.     line-height:22px;
  50.     margin-bottom:22px;
  51. }
  52.  
  53.  
  54. /*header */
  55. header{
  56.     width:100%;
  57.     height:64px;
  58.     background:url(../images/header-bg.png) 0 -115px repeat-x;
  59.     position:absolute;
  60.     z-index:3;
  61.     left:0;
  62.     top:0;
  63.     overflow:visible;
  64. }
  65.  
  66. header>.inner{
  67.     border-bottom:1px #357ec7 solid;
  68.     height:63px;
  69.     overflow:visible;
  70.    
  71. }
  72. header h5>img{
  73.  
  74.    /* background:url(../images/logo_large.png) no-repeat; */
  75.    
  76.     height:63px;
  77.     z-index:4;
  78.  /*   transition-property:width;
  79. transition-duration:1s;
  80. transition-timing-function:linear;
  81. transition-delay:2s;
  82.    
  83.    
  84.     -webkit-transition: height 0.6s;
  85.      -moz-transition: border 0.6s ease-out;
  86.        -o-transition: border 0.6s ease-out;
  87.           transition: border 0.6s ease-out; */
  88. }
  89.  
  90. header h1{ 
  91.     position:absolute;
  92.     left:17px;
  93.     top:20px;
  94.     z-index:1;
  95. }
  96.  
  97. header h1 a{
  98.     font:30px/1.2em 'Sanchez', serif;
  99.     color:#fff;
  100.     text-decoration:none;
  101. }
  102.  
  103. header h1 span{
  104.     position:absolute;
  105.     left:37px;
  106.     top:-5px;
  107.    
  108. }
  109.  
  110.  
  111. header nav{
  112.     position:absolute;
  113.     left:481px;
  114.     bottom:0;
  115. }
  116.  
  117. header nav>ul>li{
  118.     float:left;
  119.     position:relative;
  120.     margin-right:21px;
  121. }
  122.  
  123. header nav>ul>li.li-6{margin:0;}
  124.  
  125. header nav>ul>li>a{
  126.     width:59px;
  127.     display:block;
  128.     height:63px;
  129.     border-top:1px #353537 solid;
  130.    
  131.     position:relative;
  132.     text-decoration:none;
  133.    
  134.     -webkit-transition: border 0.6s ease-out;
  135.      -moz-transition: border 0.6s ease-out;
  136.        -o-transition: border 0.6s ease-out;
  137.           transition: border 0.6s ease-out;
  138. }
  139.  
  140.  
  141. /*#img-logo
  142. {
  143.     background-color:white;
  144.     z-index:500;
  145.     width:100px;
  146.     height:100px;
  147. } */
  148. header nav.-subpages>ul>li>a{
  149.     overflow:visible;
  150. }
  151.  
  152. header nav>ul>li>a:hover,header nav>ul>li.active>a,header nav>ul>li._hover>a{
  153.     border-top-color:#0C5599;
  154. }
  155.  
  156. header nav>ul>li.li-1>a>.ico{background:url(../images/nav-bg-1.png) no-repeat;}
  157. header nav>ul>li.li-2>a>.ico{background:url(../images/nav-bg-2.png) no-repeat;}
  158. header nav>ul>li.li-3>a>.ico{background:url(../images/nav-bg-3.png) no-repeat;}
  159. header nav>ul>li.li-4>a>.ico{background:url(../images/nav-bg-4.png) no-repeat;}
  160. header nav>ul>li.li-5>a>.ico{background:url(../images/nav-bg-5.png) no-repeat;}
  161. header nav>ul>li.li-6>a>.ico{background:url(../images/nav-bg-6.png) no-repeat;}
  162.  
  163. header nav>ul>li>a>.ico{
  164.     display:block;
  165.     width:59px;
  166.     height:75px;
  167.     position:absolute;
  168.     left:0;
  169.     top:0;
  170.    
  171.    
  172.   -webkit-transition: all 0.6s ease-out;
  173.      -moz-transition: all 0.6s ease-out;
  174.        -o-transition: all 0.6s ease-out;
  175.           transition: all 0.6s ease-out;
  176. }
  177.  
  178. header nav>ul>li>a>.ico.-hvr{
  179.     background-position:0 100%;
  180.     height:0px;
  181.     top:75px;
  182. }
  183.  
  184. header nav>ul>li>a:hover>.ico.-def,header nav>ul>li.active>a>.ico.-def,header nav>ul>li._hover>a>.ico.-def{
  185.     height:0;  
  186. }
  187.  
  188. header nav>ul>li>a:hover>.ico.-hvr,header nav>ul>li.active>a>.ico.-hvr,header nav>ul>li._hover>a>.ico.-hvr{
  189.     top:0px;
  190.     height:75px
  191. }
  192.  
  193. header nav>ul>li>a>.lbl{
  194.     font:18px 'Sanchez', serif;
  195.     color:#fff;
  196.     position:absolute;
  197.     top:-60px;
  198.     left:10px;
  199.     text-align:left;
  200.     width:88px;
  201.     opacity:0; 
  202.     z-index:3;
  203.    
  204.   -webkit-transform: rotate(-45deg);
  205.      -moz-transform: rotate(-45deg);
  206.       -ms-transform: rotate(-45deg);
  207.        -o-transform: rotate(-45deg);
  208.           transform: rotate(-45deg);
  209.          
  210.     -webkit-transition: opacity 0.6s ease-out;
  211.      -moz-transition: opacity 0.6s ease-out;
  212.        -o-transition: opacity 0.6s ease-out;
  213.           transition: opacity 0.6s ease-out;
  214. }
  215.  
  216. header nav.-subpages>ul>li>a>.lbl{
  217.     opacity:1;
  218. }
  219.  
  220. header nav li ul{
  221.     position:absolute;
  222.     top:60px;
  223.     left:-47px;
  224.     width:180px;
  225.     background:#3072B5;
  226.     padding:1px 0 0 0;
  227. }
  228.  
  229. header nav.-subpages>ul>li>ul{
  230.     top:70px;
  231. }
  232.  
  233. header nav>ul>li>ul:before{
  234.     content:"";
  235.     width:180px;
  236.     height:6px;
  237.     position:absolute;
  238.     left:0;
  239.     top:-6px;
  240.     background:url(../images/dd-arrow.png);
  241.     z-index:1;
  242. }
  243.  
  244. header nav li ul li{
  245.     position:relative;
  246. }
  247.  
  248. header nav li ul a{
  249.     font:14px/40px 'Sanchez', serif;
  250.     color:#fff;
  251.     text-decoration:none;
  252.     padding-left:22px;
  253.     margin-bottom:1px;
  254.     display:block;
  255.     background:#0C5599;
  256.    
  257.     -webkit-transition: all 0.6s ease-out;
  258.     -moz-transition: all 0.6s ease-out;
  259.     -o-transition: all 0.6s ease-out;
  260.     transition: all 0.6s ease-out;
  261. }
  262.  
  263. header nav li ul a:hover,header nav li ul ._hover>a{
  264.     background:#6A95BE;
  265. }
  266.  
  267. header nav li ul ul{
  268.     left:155px;
  269.     top:-4px;
  270.     padding:1px 0 0 0;
  271.     border-top:3px #6A95BE solid;
  272. }
  273.  
  274.  
  275. /*#content*/
  276.  
  277. #content>ul>li{
  278.     width:940px;
  279.     min-height:522px;
  280.     position:absolute;
  281.     left:50%;
  282.     top:50%;
  283.     margin:-204px 0 0 -470px;
  284.     z-index:1;
  285. }
  286.  
  287.  
  288. #content>ul>li>.banner{
  289.     background:url(../images/banner-bg.png);
  290.     font:36px/36px 'Sanchez', serif;
  291.     color:#fff;
  292.     padding:37px 0 36px 32px;
  293.     border-top:1px #6A95BE solid;
  294. }
  295.  
  296. #content>ul>li>.banner a.btn{
  297.     position:absolute;
  298.     right:50px;
  299.     top:45px;
  300.     background:#6A95BE;
  301. }
  302.  
  303. #content>ul>li>.banner a.btn:hover{
  304.     background:#0C5599;
  305. }
  306.  
  307. #content .content{
  308.     min-height:377px;
  309.     background:#6A95BE;
  310.     position:relative;
  311.     overflow:hidden;
  312. }
  313.  
  314. h2{
  315.     font:24px/28px 'Sanchez', serif;
  316.     color:#fff;
  317.     margin-bottom:18px;
  318.     text-shadow:1px 1px rgba(0,0,0,.1);
  319. }
  320. h3
  321. {
  322.     font:16px/28px 'Sanchez', serif;
  323.     color:#fff;
  324.     margin-bottom:18px;
  325.     text-shadow:1px 1px rgba(0,0,0,.1);
  326. }
  327. h4
  328. {
  329.     font:12px/28px 'Sanchez', serif;
  330.     color:#fff;
  331.     margin-bottom:18px;
  332.     text-shadow:1px 1px rgba(0,0,0,.1);
  333. }
  334. h5
  335. {
  336.     font:14px/28px 'Sanchez', serif;
  337.     color:#fff;
  338.     margin-bottom:18px;
  339.     text-shadow:1px 1px rgba(0,0,0,.1);
  340. }
  341.  
  342. h2 img{
  343.     margin-right:18px;
  344.     float:left;
  345. }
  346.  
  347. #media .cols img{
  348.     margin-bottom:4px;
  349. }
  350.  
  351. #media .cols a{
  352.     text-decoration:none;
  353.     color:#dde58d;
  354.     background:#357ec7;
  355.     display:block;
  356.     width:240px;
  357.     padding:15px 15px 6px 15px;
  358.    
  359.     -webkit-transition: all 0.6s ease-out;
  360.     -moz-transition: all 0.6s ease-out;
  361.     -o-transition: all 0.6s ease-out;
  362.     transition: all 0.6s ease-out;
  363. }
  364.  
  365. #media .cols a:hover{
  366.     background:#0C5599;
  367. }
  368.  
  369. /*footer*/
  370. footer{
  371.     width:100%;
  372.     height:60px;
  373.     position:absolute;
  374.     left:0;
  375.     bottom:1px;
  376.     z-index:2;
  377.     background:url(../images/footer-bg.png) 0 100% repeat-x;   
  378. }
  379.  
  380. footer>.inner{
  381.     border-top:1px #6A95BE solid;
  382.     height:60px;
  383.     overflow:hidden;
  384. }
  385.  
  386. footer .privacy{
  387.     color:#fff;
  388.     font:12px/60px 'Sanchez', serif;
  389.     position:absolute;
  390.     left:50%;
  391.     top:0;
  392.     margin-left:-85px;
  393. }
  394.  
  395. footer .soc-ico{
  396.     right:-5px;
  397.     bottom:-32px;
  398.     position:absolute;
  399.     z-index:1;
  400. }
  401.  
  402. footer .soc-ico li{
  403.     float:left;
  404.     margin-right:6px;
  405. }
  406.  
  407. footer .soc-ico a{
  408.     opacity:.5;
  409.    
  410.     -webkit-transition: opacity 0.6s ease-out;
  411.      -moz-transition: opacity 0.6s ease-out;
  412.        -o-transition: opacity 0.6s ease-out;
  413.           transition: opacity 0.6s ease-out;
  414. }
  415.  
  416. footer .soc-ico a:hover{
  417.     opacity:1;
  418. }
  419.  
  420. /*forms css*/
  421. #form1{
  422.     position:relative;
  423.     z-index:1;
  424. }
  425.  
  426. #form1 label{
  427.     float:left;
  428.     position:relative;
  429.     z-index:1;
  430. }
  431.  
  432. #form1 input,#form1 textarea{
  433.     outline:none;
  434.     box-shadow:none;
  435.     font:13px Arial, Helvetica, sans-serif;
  436.     color:#fff;
  437.     background:#357ec7;
  438.     border:none;
  439.     width:303px;
  440.     float:left;
  441.     margin-bottom:8px;
  442.     padding:8px 15px;
  443. }
  444.  
  445. #form1 textarea{
  446.     resize:none;
  447.     height:79px;
  448.     margin-bottom:16px;
  449. }
  450.  
  451. #form1 .btns{
  452.     float:right;
  453. }
  454.  
  455. #form1 .btns a{
  456.     float:left;
  457.     margin-left:12px;
  458. }
  459.  
  460. #form1 .error,#form1 .empty{
  461.     position:absolute;
  462.     right:0;
  463.     top:0;
  464.     z-index:1;
  465.     font-size:10px;
  466.     text-transform:uppercase;
  467.     color:#fff;
  468. }
  469.  
  470. #form1 .success{
  471.     font:13px/22px Arial, Helvetica, sans-serif;
  472.     color:#fff;
  473.     background:#357ec7;
  474.     width:333px;
  475.     text-align:center;
  476.     padding:14px 0;
  477.     position:absolute;
  478.     z-index:10;
  479. }
  480.  
  481.  
  482. /*js css*/
  483. .slogans{
  484.     width:940px;
  485.     height:77px;
  486.     background:#14484f;
  487.     left:50%;
  488.     margin-left:-470px;
  489.     bottom:62px;
  490.     position:absolute;
  491.     z-index:1;
  492.     overflow:hidden;
  493.    
  494.     font:25px/77px 'Sanchez', serif;
  495.     color:#fff;
  496.     text-align:center;
  497. }
  498.  
  499. .slogans li{
  500.     display:block;
  501. }
  502.  
  503. .slogans .prev,.slogans .next{
  504.     position:absolute;
  505.     top:20px;
  506.     left:0;
  507. }
  508.  
  509. .slogans .next{
  510.     right:0;
  511.     left:auto;
  512. }
  513.  
  514. .google_map{
  515.     width:300px;
  516.     height:228px;
  517. }
  518.  
  519. .spinner{
  520.     width:100%;
  521.     height:100%;
  522.     position:fixed;
  523.     left:0;
  524.     top:0;
  525.     background:url(../images/ajax-loader.gif) 50% 50% no-repeat;
  526. }
  527.  
  528. /*additional classes*/
  529. .bordered{
  530.     border-right:1px #357ec7 solid;
  531. }
  532. .borderedleft{
  533.     border-left:1px #357ec7 solid;
  534. }
  535. .container
  536. {
  537.     width:240px;
  538.     height:400px;
  539.     overflow:hidden;
  540.     border: solid black 0px;
  541. }
  542. .floating-div
  543. {
  544.     width: 240px;
  545.     height:400px;
  546.     overflow:hidden;
  547.    
  548. }
  549. .white{
  550.     color:#fff;
  551. }
  552.  
  553. .f12{
  554.     font-size:12px;
  555. }
  556.  
  557.  
  558. .fl{float:left;}
  559. .fr{float:right;}
  560. .col-1,.col-2,.col-3{float:left;}
  561. .all{text-align:left;}
  562. .alr{text-align:right;}
  563. .alc{text-align:center;}
  564. .wrapper{width:100%;overflow:hidden;}
  565. a.und,.und a{text-decoration:none;}
  566. a.und:hover,.und a:hover{text-decoration:underline;}
  567. a.nocolor, .nocolor a{color:inherit;}
  568. .upc{text-transform:uppercase;}
  569. .bold{font-weight:bold;}
  570. .wrap{overflow:hidden;}
  571. .nopa{padding:0;}
  572. .noma{margin:0;}
  573. .nobg{background:none;}
  574. .nobd{border:none;}
  575. .nofl{float:none;}
  576. .dn{display:none;}
  577. .clear{clear:both;line-height:0;}
  578.  
  579.  
  580.  
  581. /*custom boxes*/
  582.  
  583. a.btn{
  584.     font:11px/43px Arial, Helvetica, sans-serif;
  585.     color:#fff;
  586.     display:inline-block;
  587.     text-transform:uppercase;
  588.     text-decoration:none;
  589.     padding:0 20px;
  590.     background:#357ec7;
  591.    
  592.    
  593.     -webkit-border-radius:6px;
  594.     border-radius:6px;
  595.     -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  596.    
  597.      -webkit-transition: all 0.6s ease-out;
  598.      -moz-transition: all 0.6s ease-out;
  599.        -o-transition: all 0.6s ease-out;
  600.           transition: all 0.6s ease-out;
  601. }
  602.  
  603. a.btn:hover{
  604.     background:#0C5599;
  605. }
  606.  
  607. .list a{
  608.     font:13px/27px Arial, Helvetica, sans-serif;
  609.     padding-left:18px;
  610.     background:url(../images/mrk-1.png) 0 50% no-repeat;
  611. }
  612.  
  613. .list2 a{
  614.     font:20px/42px 'Sanchez', serif;
  615.     background:#357ec7;
  616.     color:#fff;
  617.     display:block;
  618.     text-decoration:none;
  619.     margin-bottom:5px;
  620.     padding-left:16px;
  621.     text-shadow:1px 1px rgba(0,0,0,.1);
  622.    
  623.     -webkit-transition: all 0.6s ease-out;
  624.      -moz-transition: all 0.6s ease-out;
  625.        -o-transition: all 0.6s ease-out;
  626.           transition: all 0.6s ease-out;
  627. }
  628.  
  629. .list2 a:hover{
  630.     background:#0C5599;
  631. }
  632.  
  633. dl.address{overflow:hidden;}
  634. dl.address dd{text-align:right;clear:both;}
  635. dl.address dd span{float:left;}
  636.  
  637. dl.img-box,.img-box-set>dl,dl.img-box>dd,.img-box-set>dl>dd{overflow:hidden;}
  638. dl.img-box>dt,.img-box-set>dl>dt{float:left; margin-right:20px;}
  639.  
  640. /* 3 Main colors
  641. #0C5599 - Link BG
  642. #357ec7 Slate Blue - Button BG
  643. #3072B5 Slate Blue Darker - Link Lines
  644. #6A95BE - Link Hover and Text BG
  645. #7CC9FC - Text Color
  646. #000f64 - temp option BG
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!