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



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

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