pastebin

main.css
  1.  
  2.  
  3.  
  4.  
  5.  
  6.  
  7.  
  8.  
  9. /*************************
  10.  
  11.  
  12.  
  13. *******Typography******
  14.  
  15.  
  16.  
  17. **************************/
  18.  
  19.  
  20.  
  21.  
  22.  
  23.  
  24.  
  25.  
  26.  
  27.  
  28.  
  29.  
  30.  
  31.  
  32.  
  33. @-webkit-keyframes scaleIn {
  34.  
  35.  
  36.  
  37.   0% {
  38.  
  39.  
  40.  
  41.     opacity: 0;
  42.  
  43.  
  44.  
  45.     -webkit-transform: scale(0);
  46.  
  47.  
  48.  
  49.     transform: scale(0);
  50.  
  51.  
  52.  
  53.   }
  54.  
  55.  
  56.  
  57.  
  58.  
  59.  
  60.  
  61.   100% {
  62.  
  63.  
  64.  
  65.     opacity: 1;
  66.  
  67.  
  68.  
  69.     -webkit-transform: scale(1);
  70.  
  71.  
  72.  
  73.     transform: scale(1);
  74.  
  75.  
  76.  
  77.   }
  78.  
  79.  
  80.  
  81. }
  82.  
  83.  
  84.  
  85.  
  86.  
  87.  
  88.  
  89. @keyframes scaleIn {
  90.  
  91.  
  92.  
  93.   0% {
  94.  
  95.  
  96.  
  97.     opacity: 0;
  98.  
  99.  
  100.  
  101.     -webkit-transform: scale(0);
  102.  
  103.  
  104.  
  105.     -ms-transform: scale(0);
  106.  
  107.  
  108.  
  109.     transform: scale(0);
  110.  
  111.  
  112.  
  113.   }
  114.  
  115.  
  116.  
  117.  
  118.  
  119.  
  120.  
  121.   100% {
  122.  
  123.  
  124.  
  125.     opacity: 1;
  126.  
  127.  
  128.  
  129.     -webkit-transform: scale(1);
  130.  
  131.  
  132.  
  133.     -ms-transform: scale(1);
  134.  
  135.  
  136.  
  137.     transform: scale(1);
  138.  
  139.  
  140.  
  141.   }
  142.  
  143.  
  144.  
  145. }
  146.  
  147.  
  148.  
  149.  
  150.  
  151.  
  152.  
  153.  
  154.  
  155.  
  156.  
  157. /*************************
  158.  
  159.  
  160.  
  161. *******Header******
  162.  
  163.  
  164.  
  165. **************************/
  166.  
  167.  
  168.  
  169.  
  170.  
  171.  
  172.  
  173.  
  174.  
  175.  
  176.  
  177.  
  178.  
  179.  
  180.  
  181. .navbar-brand {
  182.  
  183.  
  184.  
  185.   padding: 0;
  186.  
  187.  
  188.  
  189.   margin:0;
  190.  
  191.  
  192.  
  193. }
  194.  
  195.  
  196.  
  197.  
  198.  
  199.  
  200.  
  201. .navbar {
  202.  
  203.  
  204.  
  205.   border-radius: 0;
  206.  
  207.  
  208.  
  209.   margin-bottom: 0;
  210.  
  211.  
  212.  
  213.   background: #fff;
  214.  
  215.  
  216.  
  217.   /* padding: 15px 0; */
  218.  
  219.  
  220.  
  221.   padding-bottom: 0;
  222.  
  223.   width:60%;
  224.   margin-left:20%;
  225.  
  226.   float:left;
  227.  
  228.  
  229.  
  230. }
  231.  
  232.  
  233.  
  234. .navbar-header{
  235.  
  236.  
  237.  
  238.         height:44px
  239.  
  240.  
  241.  
  242. }
  243.  
  244.  
  245.  
  246.  .navbar-nav{
  247.  
  248.  
  249.  
  250.  }
  251.  
  252.  
  253.  
  254.  
  255.  
  256.  
  257.  
  258. .navbar-nav>li{
  259.  
  260.  
  261.  
  262.    /* background: url(../img/line-menu.png)no-repeat right;*/
  263.  
  264.  
  265.  
  266. }
  267.  
  268.  
  269.  
  270. .navbar-nav>li:last-child{
  271.  
  272.  
  273.  
  274.     background: none;
  275.  
  276.  
  277.  
  278. }
  279.  
  280.  
  281.  
  282.  
  283.  
  284.  
  285.  
  286. .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
  287.  
  288.  
  289.  
  290.     border: #303030;
  291.  
  292.  
  293.  
  294.     background-color: #303030;
  295.  
  296.  
  297.  
  298. }
  299.  
  300.  
  301.  
  302. .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{
  303.  
  304.  
  305.  
  306.         margin-left:0px;
  307.  
  308.  
  309.  
  310. }
  311.  
  312.  
  313.  
  314. .navbar-inverse .navbar-nav > li > a {
  315.  
  316.  
  317.  
  318.   padding: 0px 20px;
  319.  
  320.  
  321.  
  322.   margin: 0;
  323.  
  324.  
  325.  
  326.   color: #303030;;
  327.  
  328.  
  329.  
  330.   line-height: 45px;
  331.  
  332.  
  333.  
  334.   display: inline-block;
  335.  
  336.  
  337.  
  338.   text-transform:uppercase;
  339.  
  340.  
  341.  
  342.   font-size: 14px;
  343.  
  344.  
  345.  
  346.   font-weight: bold;
  347.  
  348.  /* border-right: 1px solid #ed928e;*/
  349.  
  350.  
  351.  
  352. }
  353.  
  354.  
  355.  
  356. .navbar-inverse .navbar-nav > li.last-child > a{ border:none;}
  357.  
  358.  
  359.  
  360. .navbar-inverse .navbar-nav > li > a:hover{
  361.  
  362.  
  363.  
  364.         background-color: #fff;
  365.  
  366.  
  367.  
  368.         color: #da251d;
  369.  
  370.  
  371.  
  372.         transition: all 1s ease;
  373.  
  374.  
  375.  
  376. }
  377.  
  378.  
  379.  
  380.  
  381.  
  382.  
  383.  
  384. .navbar-inverse {
  385.  
  386.  
  387.  
  388.   min-height: 29px;
  389.  
  390.  
  391.  
  392.   border: none;
  393.  
  394.  
  395.  
  396. }
  397.  
  398.  
  399.  
  400.  
  401.  
  402.  
  403.  
  404. .navbar-inverse .navbar-brand {
  405.  
  406.  
  407.  
  408.   font-size: 36px;
  409.  
  410.  
  411.  
  412.   line-height: 50px;
  413.  
  414.  
  415.  
  416.   color: #fff;
  417.  
  418.  
  419.  
  420. }
  421.  
  422.  
  423.  
  424.  
  425.  
  426.  
  427.  
  428. .navbar-inverse .navbar-nav > .active > a,
  429.  
  430.  
  431.  
  432. .navbar-inverse .navbar-nav > .active > a:hover,
  433.  
  434.  
  435.  
  436. .navbar-inverse .navbar-nav > .active > a:focus,
  437.  
  438.  
  439.  
  440. .navbar-inverse .navbar-nav > .open > a,
  441.  
  442.  
  443.  
  444. .navbar-inverse .navbar-nav > .open > a:hover,
  445.  
  446.  
  447.  
  448. .navbar-inverse .navbar-nav > .open > a:focus {
  449.  
  450.  
  451.  
  452.   background-color: #fff;
  453.  
  454.  
  455.  
  456.   color: #da251d;
  457.  
  458.  /* border-bottom:3px solid #c9252c*/
  459.  
  460.  
  461.  
  462. }
  463.  
  464.  
  465.  
  466.  
  467.  
  468.  
  469.  
  470. .navbar-inverse .navbar-nav .dropdown-menu {
  471.  
  472.  
  473.  
  474.   background-color:rgba(218, 37, 29, 0.9);
  475.  
  476.  
  477.  
  478.   -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
  479.  
  480.  
  481.  
  482.   -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
  483.  
  484.  
  485.  
  486.   box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
  487.  
  488.  
  489.  
  490.   border: 0;
  491.  
  492.  
  493.  
  494.   padding: 0;
  495.  
  496.  
  497.  
  498.   margin-top: 0;
  499.  
  500.  
  501.  
  502.   border-top: 0;
  503.  
  504.  
  505.  
  506.   border-radius: 0;
  507.  
  508.  
  509.  
  510.   left: 0;
  511.  
  512.  
  513.  
  514. }
  515.  
  516. .navbar-inverse .navbar-nav .dropdown-menu .dropdown-menu {
  517.  
  518.   background-color: rgba(218, 37, 29, 0.9);
  519.  
  520.   -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
  521.  
  522.   -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
  523.  
  524.   box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
  525.  
  526.   border: 0;
  527.  
  528.   padding: 0;
  529.  
  530.   margin-top: 0;
  531.  
  532.   border-top: 0;
  533.  
  534.   border-radius: 0;
  535.  
  536.   left: 220px;
  537.  
  538.   display:none;
  539.  
  540.   top:0px;
  541.  
  542.  
  543.  
  544. }
  545.  
  546. .navbar-inverse .navbar-nav .dropdown-menu li:hover .dropdown-menu{
  547.  
  548.         display:block;
  549.  
  550.         }
  551.  
  552.  
  553.  
  554. .navbar-inverse .navbar-nav .dropdown-menu:before{
  555.  
  556.  
  557.  
  558.   position: absolute;
  559.  
  560.  
  561.  
  562.   top:0;
  563.  
  564.  
  565.  
  566. }
  567.  
  568.  
  569.  
  570.  
  571.  
  572.  
  573.  
  574. .navbar-inverse .navbar-nav .dropdown-menu > li > a {
  575.  
  576.  
  577.  
  578.   padding: 8px 15px;
  579.  
  580.  
  581.  
  582.   color: #fff;
  583.  
  584.  
  585.  
  586.   border-bottom:1px solid rgba(255, 255, 255, 0.42);
  587.  
  588.  
  589.  
  590. }
  591.  
  592.  
  593.  
  594.  
  595.  
  596.  
  597.  
  598. .navbar-inverse .navbar-nav .dropdown-menu > li:hover > a,
  599.  
  600.  
  601.  
  602. .navbar-inverse .navbar-nav .dropdown-menu > li:focus > a,
  603.  
  604.  
  605.  
  606. .navbar-inverse .navbar-nav .dropdown-menu > li.active > a {
  607.  
  608.  
  609.  
  610.   background-color: #303030;
  611.  
  612.  
  613.  
  614.   color: #fff;
  615.  
  616.  
  617.  
  618. }
  619.  
  620.  
  621.  
  622.  
  623.  
  624.  
  625.  
  626. .navbar-inverse .navbar-nav .dropdown-menu > li:last-child > a {
  627.  
  628.  
  629.  
  630.   border-radius: 0 0 3px 3px;
  631.  
  632.  
  633.  
  634. }
  635.  
  636.  
  637.  
  638.  
  639.  
  640.  
  641.  
  642. .navbar-inverse .navbar-nav .dropdown-menu > li.divider {
  643.  
  644.  
  645.  
  646.   background-color: transparent;
  647.  
  648.  
  649.  
  650. }
  651.  
  652.  
  653.  
  654.  
  655.  
  656.  
  657.  
  658. .navbar-inverse .navbar-collapse,
  659.  
  660.  
  661.  
  662. .navbar-inverse .navbar-form {
  663.  
  664.  
  665.  
  666.   margin-right: 0px;
  667.  
  668.  
  669.  
  670.   padding-left: 0px;
  671.  
  672.  
  673.  
  674.   border-top: 0;
  675.  
  676.  
  677.  
  678.   padding-bottom: 0;
  679.  
  680.  
  681.  
  682.   float: left !important;
  683.  
  684.  
  685.  
  686. }
  687.  
  688.  
  689.  
  690. .navbar-toggle{
  691.  
  692.  
  693.  
  694.         margin-top: 32px;
  695.  
  696.  
  697.  
  698. }
  699.  
  700.  
  701.  
  702. .navbar-inverse .navbar-toggle{
  703.  
  704.         background: #da251d;
  705.  
  706.     border-color: #da251d;
  707.  
  708. }
  709.  
  710.  
  711.  
  712.  
Parsed in 0.033 seconds