Monday, 23 February 2015

Bootstrap useful classes

@charset "utf-8";

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);

@font-face {
    font-family: 'nexabold';
    src: url('css/NEXA BOLD-webfont.eot');
    src: url('css/NEXA BOLD-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/NEXA BOLD-webfont.woff2') format('woff2'),
         url('css/NEXA BOLD-webfont.woff') format('woff'),
         url('css/NEXA BOLD-webfont.ttf') format('truetype'),
         url('css/NEXA BOLD-webfont.svg#nexa_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/**********gmk classes***********/
/*======== CONTENT ========*/
 font-family:"nexabold";
 }

body nav.navbar {   font-family: "Open Sans";}
 
 
body{
 font-family:"Open Sans";
   overflow-x: hidden;
}


.cr a {
    color#fff;
}


/*truncate string / limited text */

/*======== SPACING & ALIGNMENTS ========*/
/*for flat icons*/

.pad0{    padding: 0;}

.pad-l0{    padding-left: 0;}

.pad-r0{    padding-right: 0;}

.martop30{
margin-top:30px;
}

.marbot30{
margin-bottom:30px;
}

.wide-dvr,
.dvr .container {
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.pull-lft {
    float: left;
}
.pull-rgt {
    float: right;
}
.pull-cntr {
    float: none;
    margin: 0 auto;
}

.valign {
/*========= IMG =========*/
.ovrflw {
    overflow: hidden;
}

.ovrimg {
    overflow: hidden;
}

.ovrimg img{
    width: 100%;
}


/*========= BG ========*/
.wide-box-holder {
clear:both;
    position: relative;
overflow:hidden;
}.

.ovrvis{ overflow:visible; }
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -80;
}

.section-bg > img {
    height: auto;
    width:100%;
}

/*relative for inside of wide box*/

/*========= LIST  ========*/

.zebra-cross > *:nth-child(2n+1){
background-color:#eee;

}


.clrlist ul {
    padding: 0;
    margin-bottom:0;
}

.clrlist li {
    display: inline-block;
    list-style-type: none;
}

.listview ul li {
display:block;
}


.listdvr li + li {
    border-left: 1px solid #eee;
}

[class*="list-col-"] ul { padding:0; }


.alistdvr li a{
    border-right: 1px solid #eee;
   margin-right: 10px;
    padding-right: 15px;
}
.alistdvr li:last-child a{
    border: 0;
}


/*========= SLIDER =========*/

/*for slider caption*/



/*======== FORM =========*/

[type="submit"] {
    background-color: #ff6500;
    color: #fff;
}
.form-control {
    border: 1px solid #eee;
    border-radius: 0;
    height: 40px;
}

/*radio button*/
option:hover {
    background-color#fafafa;
.form-control::-moz-placeholder {
color:#ccc;
}

.form-control:-ms-input-placeholder {
color:#ccc;
}

.form-control::-webkit-input-placeholder {
color:#ccc;
}


body,
body *,
body *:after,
body *:before,
.transition, .transition *, .transition *:after,  .transition *:before,
.transition *:hover{
transition:all 0.3s ease 0s !important;
/*
    transition: all 500ms ease 0s; */
}



/*====== NAVBAR ======*/
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{
    background-coloryellow;
}



@media only screen and (max-width : 768px) {
body .nav.navbar-nav {

.sticky-hdr {
    background-color: rgba(255, 255, 255, 1);
     box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid #eee;
    font-size: 12px;
    position: fixed !important;
    width: 100%;
    z-index: 5555;
}

/*========LINKS========*/
.strip-btn a {
    animation: 2s linear 0s normal none infinite running progress-bar-stripes;
border-bottom:5px solid #cc4500;
}

.strip-btn a:hover {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
color:#fff !important;
    box-shadow:0 0 0 1% rgba(255, 69, 0, 0.5);;
}

.iln-btn {
    display: inline-block;
}

/*========HOVER========*/


/*
For Mobile Friendly Navigation
http://jsfiddle.net/gmkhussain/awqs01zc/
*/
/****Note: add above Class for hover***/



/**********./gmk classes***********/

No comments:

Post a Comment

Alternative content