Feel so tired
DOWNLOAD DEMO-BLOG
Lineaments:
-Feels So Tired is 3 Column Blogger Templete ,
-It's Unique Style Template, with awesome Layout . It's Free Template.
-Compatible with All Major Browsers
-Best for Personal Blog , For Travelers Blog
-Designer Name - Skincorner
---------------------------------------------------------------------------------------------------------
Wrapper and Menu part of design
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
#outer-wrapper {
width: 980px;
margin: 0 auto;
padding: 0px;
position: relative;
}
Menu------------------------------
#mainmenu{
height:54px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaWh2Vu5-I7E1z7Kx5_3J6gSO_xUS_yLWx9fU-1OObwk7Gmr7GpByFE_p7ZRYzlE1fTcX-qTO543SKd4eiZSCmtStB9e9zB8h1_F58DMUqF5AN3k13-wa2hEr5t6cYb6nugJv7rzpCAjnf/s0/fst-menu.jpg) no-repeat;
display:block;
padding:0px 0 0px 20px;
}
#mainmenu ul {
margin:0px;
padding:0px;
}
#mainmenu ul li {
margin:0px;
list-style:none;
float:left;
margin-left:8px;
margin-top:8px;
font-size:12px;
font-weight:normal;
}
#mainmenu ul li a {
text-decoration:none;
color:#edf0dd;
padding:3px;
padding-left:6px;
padding-right:6px;
position:relative;
}
#mainmenu ul li a:hover, #mainmenu ul li a.active {
color:#663300;
background-color:#transparant;
text-decoration:none;
font-size:13px;
}
#mainmenu ul li a span {
display:none;
}
#mainmenu ul li a:hover span, #mainmenu ul li a.active span{
display:inline;
position:absolute;
right:-1px;
top:0px;
}
/*-- Header RSS settings --*/
#rssfeeds{ top: 149px; left: 41px; }
#rssfeeds a{
position: absolute;
width: 102px;
height:90px;
text-decoration: none;
left: 41px;
top:149px;
}
#rssfeeds a:hover{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib20-lN8ewOEKh0lVztiL0AiDDj0goDIFPRWAOCTuyuZoofKu8tObGM05o7XO6C2PjOo2dAA2QBwGr4MlMZZcoK7PO2d49GtcAuS73hPAbK21dheFECKIgr_l8ze2XBOdvf2nN3ryTUxm1/s0/fst-rsshover.jpg) no-repeat;
position: absolute;
width: 102px;
height:90px;
text-decoration: none;
left: 41px;
top:149px;
}
/*-- Body --*/
body {
background: #000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPhMqV2T5AWUWCTtDiidAdqd_XWnDio_gH80vvz00besXwui8QKXY0K4fAtfb8EZSz-X37iBaxe_sCGQed5f4Mp-WofDWyDWfYnL_bXK1p6GoF-ZI23WU-9sMqhk_prdm7WN9HNSM3kAjg/s0/fst-bg.jpg) repeat-x;
font-family:'Short Stack',Arial, Georgia,Trebuchet MS, Sans-Serif;
font-size: 12px;
padding: 0px;
margin: 0px;
color:$textocolor;
}
html {
padding: 0;
margin: 0;
}
a:link {
text-decoration: none;
color : $linkcolor;
border: 0px; -moz-outline-style: none;
}
a:active {
text-decoration: underline;
color : $linkactivecolor;
border: 0px; -moz-outline-style: none;
}
a:visited {
text-decoration: none;
color : $linkvisitedcolor;
border: 0px; -moz-outline-style: none;
}
a:hover {
text-decoration: underline;
color : $linkhovercolor;
border: 0px; -moz-outline-style: none;
}
a:focus {
outline: none;-moz-outline-style: none;
}
h1, h2, h3, h4 { font-family: "Trebuchet MS";
}
img {
padding: 0px;
margin: 0px;
border: none;
text-align: center;
}
hr {
border: none;
}
--------------------------------------------------------------------------------
Header wrapper and search box
#header-wrapper {
height:307px;
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfkQNmi7lygEXXGW5S4HCangK50SzQrcNAl2hMwHQO4m_tmmyFWBDsIfC5-Wx2sJ5-O_58hn45Ujrzuw7fOjPbODg8iaaq8dWtGjZ63T3YZmmI5h8zzKWMWflwD_g3HAwvBUqwCrMtVeS1/s0/fst-header.jpg);
background-repeat: no-repeat;
text-align:center;
}
#header-wrapper h1, #header-wrapper h1 a {
color:#a02121;
font-size:24px;
font-family:'Gloria Hallelujah', Georgia;
margin:0;
padding:0;
}
#header-inner {
display:block;
padding :35px 50px 0 50px;
}
#header-wrapper ul {list-style:none;}
#header-wrapper p {
display:block;
padding :0px 45px 0 45px;
font-size:17px;
font-family:Georgia, "Times New Roman", Times, serif;
color: #000000;
font-variant:normal;
}
#header-wrapper a{text-decoration:none;}
#header-wrapper a:visited,active{text-decoration:none;}
/*-- Menu --*/
.searchbox {position:absolute; right:24px; top:319px; width:171px;}
.search {width:142px;float:left;}
#searchform input {border:none; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDQBK0AfklHgaLlc9ZrX0ISFKCWutKwZnTEAPywPHhfL1QC_t5bG6qOqM8A4RCtxlU-E12v_WFbcpFkiysSa76MtzNthkwOMprAyeDYlmFuCHLtadoo8XWDAvN8Ti1ca9amuFlF36-D2vm/s0/fst-go.jpg) no-repeat; width:28px; height:29px; }
#searchform .search #s {border:none; background:transparent; color:#00000; font-size:11px;width:142px; margin:4px 0px 0 1px; height:auto !important; }
0 comments:
Post a Comment