mirror of
https://github.com/Oreolek/ifhub.club.git
synced 2024-07-09 01:44:25 +03:00
99 lines
4.6 KiB
CSS
99 lines
4.6 KiB
CSS
/* Blocks
|
|
-------------------- */
|
|
#container { width: 945px; margin: 0 auto; background: #fff; margin-bottom: 20px; }
|
|
#header { overflow: hidden; zoom: 1; margin-bottom: 15px; padding: 0 15px; background: #2c2c2c; }
|
|
#wrapper { overflow: hidden; zoom: 1; border-bottom: 1px solid #eee; }
|
|
#content { width: 595px; float: left; padding: 0 15px 15px 15px; background: #fff; }
|
|
#sidebar { width: 305px; float: left; padding-right: 15px; }
|
|
#footer { overflow: hidden; zoom: 1; margin-bottom: 20px; padding: 5px 0 10px; background: #fafafa; color: #777; }
|
|
|
|
|
|
|
|
/* Header
|
|
-------------------- */
|
|
#header h1 { margin: 0; }
|
|
#header h1 a { width: 230px; height: 45px; display: block; text-indent: -300px; background: url(../images/logo.png) no-repeat; outline: none; }
|
|
|
|
#header a { color: #fff; text-decoration: none; }
|
|
|
|
#header .pages { overflow: hidden; zoom: 1; padding: 0 0 15px; list-style: none; }
|
|
#header .pages li { float: left; font-size: 12px; margin-right: 10px; }
|
|
#header .pages li a { color: #ddd; text-decoration: none; padding: 2px 5px 3px; }
|
|
#header .pages li.active a { color: #333; background: #fafafa; padding: 2px 5px 3px; }
|
|
|
|
#header .profile { width: 500px; padding: 10px 0 0; color: #777; float: right; text-align: right; text-transform: lowercase; }
|
|
#header .profile .message-new { color: #5fb501; }
|
|
#header .profile .create { color: #f79cf3; }
|
|
#header .profile .username { font-weight: bold; }
|
|
#header .profile a:hover { color: #ddd; }
|
|
|
|
#header .search { padding-top: 11px; }
|
|
|
|
|
|
|
|
/* Navigation
|
|
-------------------- */
|
|
#nav { height: 51px; padding: 10px 30px 10px 15px; background: #fafafa; margin: 0 0 30px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
|
|
|
|
/* Menu */
|
|
#nav .menu { padding-bottom: 25px; }
|
|
#nav .menu li { float: left; color: #777; padding: 3px 7px 4px 7px; background: #eee; margin-right: 5px; }
|
|
#nav .menu li a { text-decoration: none; color: #777; }
|
|
#nav .menu li.active { position: relative; background: #333; }
|
|
#nav .menu li.active a { color: #fff; }
|
|
|
|
/* Sub-menu */
|
|
#nav .sub-menu { position: absolute; top: 30px; left: 0; width: 400px; font-size: 11px; }
|
|
#nav .sub-menu li { margin-right: 5px; line-height: 12px; background: #eee; padding: 3px 5px 5px 5px !important; }
|
|
#nav .sub-menu li a { color: #777 !important; }
|
|
#nav .sub-menu li a:hover { color: #333; }
|
|
#nav .sub-menu li.active { background: #555; color: #fff; }
|
|
#nav .sub-menu li.active a { color: #fff !important; }
|
|
|
|
|
|
|
|
/* Misc blocks
|
|
-------------------- */
|
|
|
|
/* Blog profile */
|
|
.blog { padding: 15px; background: #fafafa; margin-bottom: 20px; }
|
|
.blog .voting { float: right; }
|
|
|
|
/* User profile */
|
|
.user-profile { padding: 15px; background: #fafafa; margin-bottom: 20px; }
|
|
.user-profile .voting { float: right; margin-right: 10px; }
|
|
.user-profile .strength { float: right; }
|
|
|
|
/* Stat */
|
|
.stat-performance { width: 910px; margin: 0 auto 20px; padding: 15px 20px; background: #fff; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
|
|
.stat-performance table { }
|
|
.stat-performance table td { width: 200px; vertical-align: top; }
|
|
.stat-performance h4 { font-weight: bold; }
|
|
|
|
/* Userfeed */
|
|
.userfeed-get-more {display:block; width:90%; margin:0px auto; text-align:center; height:2.5em; padding-top:1em;}
|
|
.userfeed-get-more:hover { background: #f0f7fd;}
|
|
.userfeed_loading {background: #F7F7F7 url(../images/loader.gif) no-repeat center;}
|
|
|
|
/* Stream */
|
|
.stream-get-more { display: block; text-align: center; padding: 12px 0; background: #fafafa; color: #aaa; border-top: 1px solid #eee; text-decoration: none; }
|
|
.stream-get-more:hover { background: #f0f7fd; }
|
|
.stream_loading { background: #f7f7f7 url(../images/loader.gif) no-repeat center; }
|
|
|
|
.stream-list { margin: 0 0 20px; }
|
|
.stream-list li { margin-bottom: 5px; min-height: 48px; _height: 48px; background: #fafafa; padding: 10px 15px 10px 70px; position: relative; }
|
|
.stream-list li .avatar { position: absolute; top: 10px; left: 10px; }
|
|
.stream-list li .date { display: block; color: #999; }
|
|
.stream-list li a { text-decoration: none; }
|
|
.stream-list li a:hover { text-decoration: underline; }
|
|
|
|
/* Userfields */
|
|
.userfield-list { width: 450px; }
|
|
.userfield-list li { background: #f7f7f7; margin-bottom: 1px; padding: 10px 5px; overflow: hidden; zoom: 1; line-height: 12px; color: #777; }
|
|
.userfield-list li .uf-actions { float: right; }
|
|
.userfield-list li .uf-actions img { vertical-align: top; }
|
|
.userfield-list li .userfield_admin_name { font-weight: bold; color: #333; }
|
|
|
|
.userfield-add { text-decoration: none; border-bottom: 1px dashed #70AAE0; }
|
|
.userfield-add:hover { color: #333; border-color: #333; }
|