Menu trigger (hamburguer)

 CSS  No Responses »
nov 042015
  
a.menu-trigger {
            span {
              background: none;
              &:before {
                transform: rotate(45deg);
                -webkit-transform : rotate(45deg);
                -o-transform : rotate(45deg);
                -moz-transform : rotate(45deg);
                -ms-transform : rotate(45deg);
                top: 0;
              }
              &:after {
                transform: rotate(-45deg);
                -webkit-transform : rotate(-45deg);
                -o-transform : rotate(-45deg);
                -moz-transform : rotate(-45deg);
                -ms-transform : rotate(-45deg);
                bottom: 0;
              }
            }
          }
<a href="#" class="menu-trigger"><span></span></a>

CSS Columns

 CSS  No Responses »
ago 102014
  
.one_half, .one_third, .two_third, .three_fourth, .one_fourth { margin-right: 2%; float: left; line-height:21px; margin-bottom:20px; position:relative; }
.one_half { width: 49%; text-align:justify !important; }
.one_third { width: 32%; }
.one_third p { margin-bottom:10px; }
.two_third { width: 66%; }
.one_fourth { width: 23.5%; }
.three_fourth { width: 74.5%; }
.last { margin-right: 0 !important; clear: right; }
.clearboth{ clear: both; display: block; font-size: 0px; height: 0px; line-height: 0; width: 100%; overflow:hidden; }

Default CSS

 CSS, Snippets  No Responses »
set 052012
  
/*
Theme Name: Lorem
Author: Thiago Diezel
Version: 1
*/
ol,ul{list-style:none}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}caption,th{text-align:left}table{border-collapse:collapse;border-spacing:0}abbr,acronym,fieldset,img{border:0}body,blockquote,dd,div,dl,dt,form,fieldset,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}q:before,q:after{content:''}
 
a {cursor:pointer; outline:none; text-decoration:none}
*:focus {outline:none}
 
body {
}
 
/******************* Header ************************/
/***************************************************/
#header {
}
 
/******************* Content ************************/
/****************************************************/
#content {
}
 
/******************* Sidebar ************************/
/***************************************************/
#sidebar {
}
 
/******************* Footer ************************/
/***************************************************/
#footer {
}
 
/******************* Misc ************************/
/*************************************************/
.no-border {border:none !important}
.no-back {background:none !important}
.no-margin {margin:0 !important}
.clear {clear:both}