snipt/media/css/style.css

2 lines
38 KiB
CSS
Raw Normal View History

2012-07-08 09:25:15 -07:00
html,body{background:#f5f2f3 url("/static/images/bg.gif") top left repeat}body{color:#666;font:normal 14px/16px "Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;text-rendering:optimizeLegibility}body li{line-height:normal}.group:after{content:".";display:block;height:0;clear:both;visibility:hidden}.hidden{display:none}header.main{background:#12343d url("/static/images/header-bg.gif") top left repeat-x;border-bottom:1px solid #DDDDDD;height:66px;position:relative;z-index:50}header.main div.inner{border-left:1px solid rgba(229,229,229,0.25);height:65px;margin:0 auto;position:relative;width:939px}header.main div.inner div.shadey{background:transparent url("/static/images/header-inner-bg.png") top left no-repeat;height:65px;left:-157px;position:absolute;top:0;width:432px;z-index:49}header.main div.inner h1{float:left;position:relative;z-index:50}header.main div.inner h1 a{background:transparent url("/static/images/logo.png") top left no-repeat;display:block;float:left;height:35px;margin:16px 0 0 16px;text-indent:-1000em;width:87px}header.main div.inner h1 a:focus{outline:none}header.main div.inner form.search{float:left;padding:17px 0 0 20px;position:relative;z-index:50}header.main div.inner form.search input{background:#17484f url("/static/images/search-icon.png") top left no-repeat;background:rgba(43,82,93,0.5) url("/static/images/search-icon.png") 8px center no-repeat;border:1px solid #3A5E67;color:#FFF;font:normal 12px "Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;height:auto;margin:0;padding:7px 7px 7px 28px;width:154px;-webkit-background-clip:padding-box;-webkit-border-radius:3px;-moz-background-clip:padding-box;-moz-border-radius:3px;border-radius:3px;background-clip:padding-box;-webkit-box-shadow:inset 0 1px 0px #1d4249;-moz-box-shadow:inset 0 1px 0px #1d4249;box-shadow:inset 0 1px 0px #1d4249}header.main div.inner form.search input:focus{border-color:#62D5E1}header.main div.inner form.search input::-webkit-input-placeholder{color:#72979C}header.main div.inner form.search input:-moz-placeholder{color:#72979C}header.main div.inner nav.public{float:left;width:435px}header.main div.inner nav.public ul{margin:0;padding:17px 0 0 20px}header.main div.inner nav.public ul li{display:block;float:left}header.main div.inner nav.public ul li a{border-bottom:2px solid transparent;color:#FFF;display:block;float:left;font:500 14px "Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;padding:6px 7px 5px 7px;margin-right:16px;text-decoration:none;-webkit-transition:border .08s linear;-moz-transition:border .08s linear;-o-transition:border .08s linear;transition:border .08s linear}header.main div.inner nav.public ul li a:hover{border-bottom:2px solid #3A5E67}header.main div.inner nav.public ul li a.active{border-bottom:2px solid #85D2DD}header.main div.inner nav.public ul li button#add-snipt{font-weight:bold;margin-top:-3px;padding:7px 12px 9px 12px}header.main div.inner nav.public ul li button#add-snipt i{margin-left:5px;margin-top:2px}header.main div.inner nav.public ul li.add-snipt{float:right;margin-right:13px}header.main div.inner aside.nav{border-left:1px solid rgba(229,229,229,0.25);float:right;height:65px;margin:0;position:relative;width:189px}header.main div.inner aside.nav a.mini-profile{border-right:1px solid rgba(77,103,104,0.25);display:block;padding:14px 13px 11px 13px}header.main div.inner aside.nav a.mini-profile span.avatar{background-repeat:no-repeat;border:1px solid #3A5E67;display:block;float:left;height:35px;width:35px;-webkit-background-clip:padding-box;-webkit-border-radius:5px;-moz-background-clip:padding-box;-moz-border-radius:5px;border-radius:5px;background-clip:padding-box}header.main div.inner aside.nav a.mini-profile span.info span.username{color:#FFF;display:inline-block;font:500 14px "Helvetica Neue",Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;margin:1px 0 0 8px;max-width:88px;overflow:hidden;text-overflow:ellipsis}header.main div.inner aside.nav a.mini-profile span.info i{display:block;float:right;margin:1px 0 0 8px;opacity:.3}