www.gusucode.com > 200套html5精品模板1_50 > 200套html5精品模板1_50/036/css/theme-changer.css
/* theme changer */ .theme-changer-wrap { font-family:'PT Sans Narrow',sans-serif; color:#202020; position:fixed; z-index:5000; top:60px; left:-148px } .theme-changer { float: left; background-color:#fff; text-transform:uppercase; font-size:14px; padding:15px 20px } .changer-inner { overflow:hidden; width:108px } .theme-changer-wrap a { float:left; display:block; margin-right:3px; margin-bottom:3px; width:24px; height:24px } a.color-themes { cursor:pointer; } a.col1 { background:#34739f } a.col2 { background:#3e9f34 } a.col3 { background:#f38d43 } a.col4 { background:#e75151 } a.col5 { background:#aa60ba } a.col6 { background:#27bea3 } a.col7 { background:#70ac2a } a.col8 { background:#b58f24 } .changer-inner span { display: block; margin-bottom:15px } .theme-changer-wrap a.pat { width:103px; border:1px #e2e2e2 solid; height:35px; background:#000; } .theme-changer-wrap a.pat#pat1 { background:url(../images/demo-patterns/chains.png); } .theme-changer-wrap a.pat#pat2 { background:url(../images/demo-patterns/china-tile.png); } .theme-changer-wrap a.pat#pat3 { background:url(../images/demo-patterns/cilinders.png); } .theme-changer-wrap a.pat#pat4 { background:url(../images/demo-patterns/egypt-waves.png); } .theme-changer-wrap a.pat#pat5 { background:url(../images/demo-patterns/garden.png); } .theme-changer-wrap a.pat#pat6 { background:url(../images/demo-patterns/meteors.png); } .theme-changer-wrap a.pat#pat7 { background:url(../images/demo-patterns/rain.png); } .theme-changer-wrap a.pat#pat8 { background:url(../images/demo-patterns/turtle.png); } .theme-changer-wrap a.pat#backgr-image { background:url(../images/demo-patterns/dragon.png) no-repeat top right; } div.open-close-demo { position:relative; left:0; display:block; width:40px; height:40px; float:left; cursor:pointer; background:url(../images/sett.png) #fff no-repeat 50% 50% }