Advertisement
amitabha197

bootstrap-3.0.check-margin

Dec 19th, 2014
210
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.77 KB | None | 0 0
  1. @import url(http://fonts.googleapis.com/css?family=Fjalla+One|PT+Sans+Narrow:400,700);
  2. *{position : relative;}
  3. *, *:before, *:after{
  4.    
  5.     -webkit-box-sizing : border-box;
  6.        -moz-box-sizing : border-box;
  7.             box-sizing : border-box;
  8.     }
  9.  
  10. /*********************************************
  11. /* Colors
  12. *********************************************/
  13. $orange :#ff9070;
  14. /* TEXT COLOR*/
  15. [data-txt-color="light-orange"]{
  16.     color : #ff9070;
  17.     color: rgb(255,144,112);
  18.    
  19.     }
  20.  
  21. [data-txt-color="light-cream"]{
  22.     color : #ffb652;
  23.     color: rgb(255,182,82);
  24.    
  25.     }
  26.  
  27. [data-txt-color="black-no-black"]{
  28.     color: #222222;
  29.     color: rgb(34,34,34);
  30.    
  31.     }
  32.  
  33. [data-txt-color="husky-white"]{
  34.     color : #e9e7e6;
  35.     color: rgb(233,231,230);
  36.    
  37.     }
  38.  
  39.  
  40. /* BG COLOR*/
  41. [data-ag-color="light-orange"]{
  42.     background : #ff9070;
  43.     background-color: rgb(255,144,112);
  44.    
  45.     }
  46.  
  47. [data-ag-color="light-cream"]{
  48.     background : #ffb652;
  49.     background-color: rgb(255,182,82);
  50.    
  51.     }
  52.  
  53. [data-ag-color="black-no-black"]{
  54.     background : #222222;
  55.     background-color: rgb(34,34,34);
  56.    
  57.     }
  58.  
  59. [data-ag-color="husky-white"]{
  60.     background : #e9e7e6;
  61.     background-color: rgb(233,231,230);
  62.    
  63.     }
  64.  
  65. /***********************************************
  66. /* Margins
  67.  
  68. ***********************************************/
  69. [data-margin="twenty-top"]{
  70.     margin-top: 20px;
  71.     bottom : 0;
  72.     }
  73.  
  74. [data-margin="twenty-bot"]{
  75.     top: 0;
  76.     margin-bottom: 20px;
  77.     }
  78.  
  79. [data-margin="zero"]{
  80.     top: 0;
  81.     margin: 0px;
  82.     }
  83.  
  84. /***********************************************
  85. /* Typography
  86. **********************************************/
  87. h1, h2, h3, h4, h5{
  88.     font-family: 'Fjalla One', sans-serif;
  89.    
  90.     }
  91.  
  92. p{
  93.     font-family: 'PT Sans Narrow', sans-serif;
  94.     font-size : 16px;
  95.     line-height : 1.48;
  96.     }
  97. body{
  98.     font-family: 'PT Sans Narrow', sans-serif;
  99.     }
  100. .uppercase{
  101.     text-transform: uppercase;
  102.    
  103.     }
  104. /*****************************************************
  105. /* Header
  106. *****************************************************/
  107. .header-wrapper{
  108.    
  109.     width: 100%;
  110.     display : block;
  111.     min-height : 0px;
  112.     margin: 0;
  113.     padding:  0;
  114.     }
  115.  
  116.  
  117. .header-wrapper .logo-wrapper{
  118.     background : #ffb652;
  119.     padding: 0.67em 0 0 ;
  120.     padding: 10px 0 0;
  121.     margin : 0;
  122.     display: block;
  123.     vertical-align:top;
  124.    
  125.     }
  126. .header-wrapper .nav-wrapper{
  127.    
  128.     padding : 0;
  129.     margin: 0;
  130.     display: block;
  131.     background : #F0F0F0;
  132.     }
  133. .main-menu{
  134.     margin:0;
  135.     padding-left : 0;
  136.     list-style : none;
  137.     vertical-align:baseline;
  138.     bottom: 0;
  139.    
  140.     }
  141.  
  142. .main-menu > li{
  143.     display: inline-block;
  144.     *display : inline;
  145.     float : left;
  146.     border-right:#DADADA 1px solid;
  147.     }
  148.  
  149. .main-menu > li > a{
  150.    
  151.     text-align: center;
  152.     text-transform : uppercase;
  153.     padding : 8px 15px;
  154.     line-height: 2em;
  155.     text-decoration : none;
  156.    
  157.     font-size: 1rem;
  158.     font-size: 16px;
  159.     }
  160.  
  161. .navbar-toggle{
  162.     background: #fff;
  163.     }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement