MagzEvo
Lineaments:
-MagzEvo is 3 Column Blogger Template
- slideshow, posts thumbnails, tabs , Drop down menu.
- It's Free and Simple Template.
-Compatible with All Major Browsers
-Best for Mobile Blogs , Website Blog , For Tech Blog
- Template Author/Designer Given inside XML file
-MagzEvo is 3 Column Blogger Template
- slideshow, posts thumbnails, tabs , Drop down menu.
- It's Free and Simple Template.
-Compatible with All Major Browsers
-Best for Mobile Blogs , Website Blog , For Tech Blog
- Template Author/Designer Given inside XML file
--------------------------------------------------------------------------------------------
body design part you can make changes in this thing
body {
background: #eee;color: #444444;
font-size: 14px;
margin: 0 auto;
padding: 0;
position: relative;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$linkcolor;
text-decoration:none;
}
a:hover {
color:#000;
text-decoration:underline;
}
a img {
border-width:0;
}
/* Header
-----------------------------------------------
*/
#header-wrapper {
width:950px;
margin:0 auto 0px;
}
#menu {
width: 950px;
height: 44px;
padding:0px;
margin:0px 0px 20px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgacWV4QNofWrFWhxS9YWv07eb4oC7XVwuWgl2dxgb-WEAUboQ0ktb_7u8mRkUdPAR0K9c7HVWziizdRJkJpYpZWYbBBlA2Bcw2OQD4mRZbWk3-L_FvNpmgq2yyxBJVmxvVvOemSn0WVBg/s0/navi.png) repeat-x top;
border: 1px solid #0274BE;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
overflow:hidden;
}
#dmenu {
float:left;
height: 44px;
padding:0;
margin:0;
}
#dmenu ul {
list-style: none;
padding:0;
margin:0;
}
#dmenu li {
float: left;
display: block;
height: 44px;
padding:0;
margin:0;
}
#dmenu li a {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl4Q47rdmWw8PaIjuGIK3SfZ7qi_JsCdV4IslauC98ft_nzzb9zVKuASapGZKinmBlcpiY7mD3OcVU5JSZh30-qJ3AXsamvoCMx2luGct_cGWfDTQcCAksSFXFS64I6u5pYbmMSkFCLv4/s0/nav-line.png") no-repeat scroll right center transparent;
color: #FFFFFF;
display: block;
font-size: 12px;
padding: 12px 15px 12px;
text-transform: uppercase;
font-weight:bold;
}
#dmenu li a:hover {
background:#219fda;
}
/*
Search form CSS
*/
#topright {
float: right;
height: 30px;
padding: 0;
margin:6px;
background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcERrAbYdTpzwB7Q_HYg14wYk6PzIT608MewyJbL354RtEqU0s39_rZUMr9aJ3v7meCAk1BySLssFRr-NtXTTiYYSW_IUMEvM8rOjl6fIxLRGtD8PZpT9LBjhyphenhyphenqAlDZjG8BbN1W3x5tjY/s0/gradient_bg.jpg) repeat-x top;
border: 1px solid #000;
border-radius:5px;
}
.searchform {
display: inline;
padding:0;
margin:0;
}
.searchform fieldset {
display: inline;
padding: 0px;
border:none;
}
.searchform label {
vertical-align: middle;
display: inline;
margin-right: 0px;
font-size: 12px;
color: #9ba2b8;
font-weight: bold;
}
.searchform input {
vertical-align: middle;
display: inline;
font-size: 12px;
}
.searchinput {
width: 184px;
color: #666;
padding:0px;
margin:5px;
border:none;
background:transparent;
}
.searchbutton {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgacWV4QNofWrFWhxS9YWv07eb4oC7XVwuWgl2dxgb-WEAUboQ0ktb_7u8mRkUdPAR0K9c7HVWziizdRJkJpYpZWYbBBlA2Bcw2OQD4mRZbWk3-L_FvNpmgq2yyxBJVmxvVvOemSn0WVBg/s0/navi.png) repeat-x bottom;
width: 70px;
height: 26px;
text-transform: uppercase;
cursor: pointer;
color: #fff;
font-weight: bold;
border:1px solid #0274BE;
border-radius:5px;
padding:0;
margin:2px 0 0;
}
#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}
#header {
width:470px;
float:left;
margin: 5px;
text-align: left;
color:$pagetitlecolor;
overflow:hidden;
}
#headerads {
width:470px;
float:right;
padding:20px 0px 0;
margin:0;
overflow:hidden;
}
#header h1 {
margin:5px 5px 0;
padding:15px 0px .25em 20px;
line-height:25px;
text-transform:uppercase;
letter-spacing:0em;
font-size:20px;
font-weight:bold;
color:#000;
}
#header a {
color:#000;
text-decoration:none;
}
#header a:hover {
color:#000;
text-decoration:underline;
}
#header .description {
font-size: 14px;
margin: 0 16px 20px;
padding: 0 0 0 20px;
color: #444444;
}
#header img {
margin-$startSide: 0;
margin-$endSide: auto;
}
0 comments:
Post a Comment