Mytimeline
Lineaments:
-Mytimeline 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
--------------------------------------------------------------------------------------------------------
Body design of code you can make changes
body,.body-fauxcolumn-outer{background:#EBEBEB;margin:0;padding:0;color:#333333;font:x-small Georgia Serif;font-size
/* */:/**/
small;font-size:/**/
small;text-align:center}
a,.randomnya .overlayx,#slides li{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
a:link{max-width:100%;color:#048F14;text-decoration:none}
a:visited{color:#999999;text-decoration:none}
a:hover{color:#0A0A0A;text-decoration:underline}
a img{border-width:0}
#NoScript{background:none repeat scroll 0% 0% rgb(255,255,255);text-align:center;padding:5px 0;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;opacity:0.9}
#NoScript h6{font-size:24px;color:rgb(102,102,102);position:absolute;top:50%;width:100%;text-align:center;margin-left:-30px;margin-top:-18px}
-------------------------------------------------------------------------------------------------------
Header Wrapper code you can change dimensions
#header-wrapper{margin:0 auto 0;padding:10px;height:110px}
#headnya{float:left;min-width:300px}
#head-ads{float:right;min-width:468px}
#head-ads .widget{margin:15px 10px 0 0}
#header{color:#1F1F1F;margin:0}
#header h1,#header p{margin:0;padding:15px 10px 0;line-height:1.2em;text-transform:uppercase;font-size:260%;font-family:"Bitter",arial,sans-serif}
#header a{color:#1F1F1F;text-decoration:none}
#header a:hover{color:#048F14}
#header .description{margin:0;padding:0 10px 15px;text-transform:capitalize;letter-spacing:.2em;line-height:1.4em;color:#292929;font:normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif}
#header img{margin-left:auto;margin-right:auto}
------------------------------------------------------------------------------------------------------------
Navigation style
#nav{font-weight:bold;background-color:#333;height:40px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;margin:0 -4px}
ul#navinti{height:30px;margin:5px 0 5px 5px;padding:0;float:left}
ul#navinti li{list-style:none;display:inline-block;zoom:1;float:left;margin:0;padding:0;position:relative}
ul#navinti li a{display:block;line-height:30px;text-decoration:none;color:white;padding:0 15px}
ul#navinti li.dgnsub > a{padding-right:20px}
ul#navinti li.dgnsub > a::after{content:"";width:0;height:0;border-width:5px 3px;border-style:solid;border-color:white transparent transparent transparent;position:absolute;top:12px;right:7px}
ul#navinti li:hover > a{background-color:#048F14}
ul#navinti ul.sub-menu{position:absolute;z-index:5;padding:0;margin:0;box-shadow:0 0 10px rgba(0,0,0,.35);-moz-box-shadow:0 0 10px rgba(0,0,0,.35);-webkit-box-shadow:0 0 10px rgba(0,0,0,.35);width:180px;background-color:white;font-weight:normal;display:none}
ul#navinti li:hover ul.sub-menu.hidden{display:block}
ul#navinti ul li{float:none;display:block}
ul#navinti ul a{color:black;padding:0 10px}
ul#navinti ul a:hover{background-color:transparent;border-left:4px solid #333}
#mobilenav{display:none}
-------------------------------------------------------------------------------------------------------
Outer wrapper style dimension here
#outer-wrapper{width:1000px;background-color:whiteSmoke;margin:0 auto;padding:0;text-align:left;font:normal normal 11px Verdana,Geneva,sans-serif;}
#main-wrapper{width:70%;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 h2,#footer-wrapper h2{background-color:#E6E6E6;color:#1D1D1D;padding:6px 10px;margin:0 0 10px}
#sidebar-wrapper .widget-content{padding:0;margin:0 10px 10px}
----------------------------------------------------------------------------------------------------------
0 comments:
Post a Comment