MXfluity

                                                           

DOWNLOAD

                                                        

Lineaments:

-MXfluity is 3 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 ivythemes 

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

Header part of design

#header-wrapper{margin:0 auto 0;padding:10px;background-color:white;color:#292929}
#header{text-align:center;color:#202020;margin:0}
#header h1,#header p{margin:0;padding:0 5px 0;line-height:1.2em;font:normal normal 300% BenchNine,"Bebas Neue",Bebas,"Arial Narrow",Sans-Serif;text-transform:uppercase}
#header a{color:#202020;text-decoration:none}
#header a:hover{color:#C20404}
#header .description{margin:0 5px 0;padding:0 20px 15px;line-height:1.4em;font:normal normal 120% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;text-transform:capitalize;color:#5E5C5C}
#header img{margin-left:auto;margin-right:auto}

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

Navigation style code

Navigation
----------------------------------------------- */
#mobilenav{display:none}
#nav{font-weight:bold;background-color:#333;height:35px;position:relative;z-index:1}
#nav::before,#nav::after{content:"";width:0;height:0;border-width:26px 15px;border-style:solid;border-color:transparent transparent transparent #333;position:absolute;left:0;z-index:-1;top:-9px}
#nav::after{border-color:transparent #333 transparent transparent;left:auto;right:0}
#navinti{height:35px;margin:0;padding:0;float:left}
#navinti li{list-style:none;display:inline-block;zoom:1;float:left;position:relative;margin:0;padding:0}
#navinti li a{display:block;line-height:35px;text-decoration:none;color:white;padding:0 15px}
#navinti li:hover > a{background-color:#000}
#navinti ul{position:absolute;z-index:10;padding:0;list-style:none;width:170px;background-color:#F8F8F8;-moz-box-shadow:0 0 5px #494949;-webkit-box-shadow:0 0 5px #494949;box-shadow:0 0 5px #494949;display:none}
#navinti li:hover ul.hidden{display:block}
#navinti ul a{color:#494949}
#navinti ul a:hover{background-color:#fff}
#navinti ul li{float:none;display:block}
#navinti li.dgnsub > a {padding: 0 20px 0 15px;}
#navinti li.dgnsub > a::after {content: "";width: 0;height: 0;border-style: solid;border-color: #FFFFFF transparent transparent transparent;position: absolute;border-width: 5px 4px;right: 7px;top: 16px;}

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

Outer-Wrapper code design


#outer-wrapper{width:1024px;background-color:#FAFAFA;margin:0 auto;padding:0;text-align:left;border-left:2px solid #333;border-right:2px solid #333;font:normal normal 11px Verdana,Geneva,sans-serif;}
#main-wrapper{width:70%;padding:0;float:left;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */
overflow:hidden;/* fix for long non-text content breaking IE sidebar float */}
#sidebar-wrapper{width:30%;float:right;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */
overflow:hidden;/* fix for long non-text content breaking IE sidebar float */}
#sidebar-wrapper .widget-content{padding:0;margin:0 10px 10px}


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

Sidebar design

.sidebar{color:#666666;line-height:1.5em}
.sidebar ul{list-style:none;margin:0 0 0;padding:0 0 0}
.sidebar li{margin:0;line-height:1.5em;border-bottom:1px dotted black;padding:5px}
.sidebar .widget,.main .widget,#sidebar-wtengah{margin:0 0 1.5em;padding:0 0 1.5em}
.main .Blog{border-bottom-width:0}

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

Profile design


.profile-img{float:left;margin-top:0;margin-right:5px;margin-bottom:5px;margin-left:0;padding:4px;border:1px solid #cccccc}
.profile-data{margin:0;text-transform:uppercase;letter-spacing:.1em;font:normal normal 78% Cuprum;color:#999999;font-weight:bold;line-height:1.6em}
.profile-datablock{margin:.5em 0 .5em}
.profile-textblock{margin:0.5em 0;line-height:1.6em}
.profile-link{font:normal normal 78% Cuprum;text-transform:uppercase;letter-spacing:.1em}