bloggerest









Lineaments:

-bloggerest is 4 Column  Template .
 
-  Posts thumbnails, tabs , Drop down men.

- It's Free Photography Blogger templates .

-Compatible with All Major Browsers

-Best for
Blogspot Gallery templates,  , For Tech Blog.

- Designer
name given inside theme file.

-Author  : NewBloggerThemes

----------------------------------------------------------------------------------------------------
 body design , social icons ,  container

body{
    background: #ddd url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigm6k4g98kAQ3wEeohXaShsnbmG3oOL7IJgYSr_cKlphnSZFEyF0dw4f2TChm7zs8-ePM37YTijapM6HlDS7PU8K596sm9g0-jvlelnd4S5JiJFLns-EyPwaEGNsLPfM-hkftw0adHkBNm/s0/bg.gif) fixed;
    text-align: center;
    color:#242326;
    font-family:'Lato',sans-serif;
}

.ie6, .ie7, .ie8 body{
    border-top: 10px solid #EBEE13;
}

body:before {
    content: "";
    position: fixed;
    background: #EBEE13;
    left: 0;
    right: 0;
    height: 10px;
}

#container{
    text-align: left;
    clear: both; margin: 0 auto; width: 960px;
}

/* =HEADER
-------------------------------------------------------------- */

#top{
    height:115px;
}

.logo{
    margin-top:35px;
}
.navwrapper{
    height:72px;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNEYhZoCpggju9ghltL2uJrU49fJakqwpuFfBE_qiit-uaZgusZ55iAiQQw_7EbM-nxYwSyMBP0DS6kSk2n8rgp4gfQ-pw3gs6I-VBygdprIn_WFACo2huvJjAD7NcG_0Opwa__gj3HL4b/s0/nav-bg.png) repeat;
}

#social{
    float:right;
    margin-top:60px;
    margin-right:20px;
}

#social li{
    text-indent: -30000px;
    display:inline;
    float:left;
}

#social li a{
    display:block;
    width:37px;
    height:37px;
    overflow:hidden;
}


-------------------------------------------------------------------------------------------------
body part of te template

body { font:13px/1.231 sans-serif; *font-size:small; } /* Hack retained to preserve specificity */
select, input, textarea, button { font:99% sans-serif; }

/* Normalize monospace sizing:
   en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
pre, code, kbd, samp { font-family: monospace, sans-serif; }


/**
 * Minimal base styles.
 */

/* Always force a scrollbar in non-IE */
html { overflow-y: scroll; }

/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }

ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }

/* Remove margins for navigation lists */
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }

small { font-size: 85%; }
strong, th { font-weight: bold; }

td { vertical-align: top; }


-----------------------------------------------------------------------------------------------------

text area and color design

textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */

.ie6 legend, .ie7 legend { margin-left: -7px; }

/* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

/* Hand cursor on clickable input elements */
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea { margin: 0; }

/* Colors for form validity */
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid {
   border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }


------------------------------------------------------------------------------------------------















0 comments:

Post a Comment