CSS Writing Standard

/*
Theme Name: CSS ZILLA Theme
Theme URI: http://csszilla.blogspot.com/
Author: the WordPress team
Author URI: http://csszilla.blogspot.com/
Description: Css Zilla, Easy Css Tricks, Css3 Basics, Css Help - CSSZilla
*/

/*========================================== 
Reset Css Start Here
 ==========================================*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
nav ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
/* change colours to suit your needs */
ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
/* change colours to suit your needs */
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* change border colour to suit your needs */
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0;
}
input, select {
vertical-align: middle;
}
/*Heading Tags css */
h1, h2, h3, h5, h6 {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
margin: 0px;
padding: 0px;
}
/*--Heading Tags css --*/
img {
border: 0;
outline: none;
max-width: 100%;
}
ul li {
list-style-type: none;
}
/*========================================== Reset Css End Here ==========================================*/

/*========================================== Body Section Start Here ==========================================*/
body, html {
padding: 0;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
color: #333;
font-weight: normal;
}
/*========================================== Wraper Section Start Here ==========================================*/
.main {}

/*========================================== Header Section Start Here ==========================================*/
heder {}
/*---Logo Section---*/
.logo{}

/*---Navigation Section---*/
nav{}
nav ul {}
nav ul li{}
nav ul li a{}
nav ul li:hover .sub-menu{}
nav ul li .sub-menu{}
nav ul li .sub-menu li {}
nav ul li .sub-menu li a {}

/*========================================== Header Section  End Here ==========================================*/



/*========================================== Main Contant Section  Start Here ==========================================*/
.main-content{}

/*--Left Side Bar Start Here --*/
 .sidebar-left{}
/*--Left Side Bar End Here --*/


/*--Right Side Bar Start Here --*/
 .sidebar-right{}
/*--Right Side Bar End Here --*/


/*-- Main Contant Area Start Here --*/
.content-area{}
/*-- Main Contant Area End Here --*/

/*========================================== Main Contant Section  End Here ==========================================*/



/*========================================== Footer Section  Start Here ==========================================*/
footer{}
/*========================================== Footer Section  End Here ==========================================*/


/*========================================== Rsponsive Part Start Here ==========================================*/

/*--Desktop--*/
@media screen and (max-width:1366px) {}

/*--Small Desktop--*/
@media screen and (max-width:1200px) {}

/*--Small Desktop, Laptop--*/
@media screen and (max-width:1024px) {}

/*--Tablet, Small Laptop--*/
@media screen and (max-width:979px) {}

/*--Big Mobile--*/
@media screen and (max-width:767px) {}

/*--iPhone Landscape View--*/
@media screen and (max-width:600px) {}

/*--iPhone Portrait View--*/
@media screen and (max-width:479px) {}

/*========================================== Responsive Part End Here ==========================================*/


/*========================================== Rsponsive Part End Here ==========================================*/




/*========================================== Body Section  End Here ==========================================*/

Comments

Popular posts from this blog

50 Beautiful Color Palettes for Your Next Web Project

Website Color Palettes: The Palettes of 50 Visually Impactful Websites to Inspire You Css Zilla