1
0
Fork 0
mirror of https://github.com/Oreolek/ifhub.club.git synced 2024-06-30 21:45:01 +03:00
This commit is contained in:
Denis Shakhov 2012-04-23 11:46:52 +07:00
parent a57f1e48c2
commit b75a345ff7
15 changed files with 156 additions and 112 deletions

View file

@ -1,5 +1,7 @@
/* Глобальные стили
-------------------------------------- */
/* -------------------------------------------------------------------
ОСНОВНЫЕ СТИЛИ
------------------------------------------------------------------- */
body {
font-size: 13px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
@ -9,8 +11,9 @@ body {
}
/* Ссылки
-------------------------------------- */
---------------------------------------------------- */
a { color: #5055b2; text-decoration: none; }
a:hover { color: #06e; }
@ -21,16 +24,21 @@ a.link-dotted { text-decoration: none; border-bottom: 1px dotted #5055b2; }
a.link-dotted:hover { border-color: #06e; }
/* Заголовки
-------------------------------------- */
---------------------------------------------------- */
h2.page-header { color: #333; font-size: 27px; line-height: 1em; font-weight: bold; margin-bottom: 20px; }
h2.page-header span { color: #aaa; }
h2.header-table { margin-bottom: 0; border-bottom: 1px solid #eee; padding-bottom: 5px; font-size: 14px; font-weight: bold; }
/* Шапка сайта
-------------------------------------- */
---------------------------------------------------- */
#header a { text-decoration: none; color: #333; }
#header .site-name { margin: 0 0 10px; font-size: 54px; line-height: 1em; font-weight: bold; }
@ -38,6 +46,68 @@ h2.header-table { margin-bottom: 0; border-bottom: 1px solid #eee; padding-botto
#header .site-description { width: 500px; color: #777; font-size: 15px; }
/* Футер
-------------------------------------- */
#footer .copyright { float: right; }
---------------------------------------------------- */
#footer .copyright { 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-comment-preview { padding: 5px 10px; background: #f3f3f3; margin-top: 5px; }
.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: #eee; margin-bottom: 1px; padding: 10px 10px; overflow: hidden; zoom: 1; line-height: 12px; color: #777; }
.userfield-list li .userfield-actions { float: right; }
.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; }
/* Misc
---------------------------------------------------- */
.avatar-edit { margin-bottom: 15px; }
.avatar-edit img { vertical-align: bottom; }
.avatar-edit label { margin-top: 10px; }
.drafts { float: right; margin-top: 10px; }
.poll-create { padding: 15px 20px; margin-bottom: 20px; background: #f7f7f7; }
.question-list { margin-bottom: 15px; }
.question-list li { margin-bottom: 5px; }
.question-list li .input-text { margin-right: 10px; }

View file

@ -4,12 +4,13 @@
.blog { background: #fafafa; margin-bottom: 10px; border-radius: 3px; border: 1px solid #eee; overflow: hidden; }
/* Header */
.blog .blog-header { position: relative; padding: 15px 130px 15px 78px; border-bottom: 1px solid #eee; }
.blog .blog-header h2 { font-size: 20px; font-weight: bold; line-height: 1em; margin-top: 3px; margin-bottom: 7px; }
.blog .blog-header h2 i { position: relative; top: 5px; }
.blog .blog-header .avatar { position: absolute; top: 15px; left: 15px; }
.blog .blog-header .vote-label { text-transform: uppercase; text-align: right; font-size: 11px; color: #aaa; }
.blog .blog-header .count { font-size: 34px; line-height: 1em; font-weight: bold; text-align: right; }
@ -23,12 +24,17 @@
.blog .blog-header .vote.voted .vote-down { display: inline-block; }
.blog .blog-header .vote.vote-count-positive .vote-count { color: #5055B2; }
.blog .blog-header .actions { margin-bottom: 0; }
/* Content */
.blog .blog-content { padding: 15px; border-bottom: 1px solid #eee; }
/* Footer */
.blog .blog-footer { padding: 15px; border-bottom: 1px solid #eee; }
/* More Button */
.blog-more { display: block; padding: 10px 0; text-align: center; text-decoration: none; background: #fafafa; }
.blog-more:hover { background: #eee; }

View file

@ -64,5 +64,5 @@
.button.button-primary:hover { background: #3AA62C; }
/* Button Icon */
/* Button Icon (Without text) */
.button.button-icon { padding: 7px 10px; }

View file

@ -1,5 +1,5 @@
/* --------------------------------------------
Стили комментариев
КОММЕНТАРИИ
-------------------------------------------- */
/* Блок с комментариями */
@ -64,7 +64,6 @@
/* Actions */
.comment .comment-actions { }
.comment .comment-actions li { display: inline; margin-right: 10px; }

View file

@ -1,5 +1,9 @@
/* -------------------------------------------------------------------
ОБЩИЕ СТИЛИ
------------------------------------------------------------------- */
/* Голосование
---------------------------------------------------------------*/
---------------------------------------------------- */
.vote .vote-count { display: inline-block; font-weight: bold; color: #aaa; font-size: 14px; }
.vote .vote-count a { text-decoration: none; color: #999; outline: none; }
@ -21,7 +25,7 @@
/* Избранное
---------------------------------------------------------------*/
---------------------------------------------------- */
.favourite { display: inline-block; width: 14px; height: 14px; vertical-align: text-top; background: url(../images/icons.png) -96px 0 no-repeat; opacity: .3; filter: alpha(opacity=30); cursor: pointer; }
.favourite.active { opacity: 1; filter: alpha(opacity=100); }
.favourite:hover { opacity: .8; filter: alpha(opacity=80); }
@ -30,7 +34,7 @@
/* Пагинация
---------------------------------------------------------------*/
---------------------------------------------------- */
.pagination ul { overflow: hidden; zoom: 1; line-height: 1em; }
.pagination ul li { float: left; margin-right: 5px; }
.pagination ul li span,
@ -42,7 +46,7 @@
/* Actions
---------------------------------------------------------------*/
---------------------------------------------------- */
.actions { overflow: hidden; zoom: 1; margin-bottom: 10px; }
.actions li { float: left; margin-right: 10px; }
.actions li a { color: #D23232; }
@ -53,7 +57,7 @@
/* Toolbar
---------------------------------------------------------------*/
---------------------------------------------------- */
.toolbar { float: right; position: fixed; top: 220px; right: 10px; z-index: 100; }
.toolbar section { width: 34px; line-height: 14px; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,.05); margin-bottom: 10px; }
.toolbar section a { display: block; padding: 10px; }
@ -79,7 +83,7 @@
/* Список пользователей
---------------------------------------------------------------*/
---------------------------------------------------- */
.user-list-avatar { overflow: hidden; zoom: 1; }
.user-list-avatar li { width: 64px; overflow: hidden; float: left; margin-right: 20px; margin-bottom: 15px; text-align: center; font-size: 11px; }
.user-list-avatar li img { margin-bottom: 2px; display: block; }
@ -87,27 +91,27 @@
/* Поиск
---------------------------------------------------------------*/
.search { width: 200px; margin-bottom: 20px; position: relative; }
.search .input-text { width: 200px; padding-right: 25px; }
.search .input-submit { border: none; width: 16px; height: 16px; position: absolute; top: 6px; right: 5px; opacity: .7; filter: alpha(opacity=70); }
.search .input-submit:hover { opacity: 1; filter: alpha(opacity=100); }
---------------------------------------------------- */
.search { width: 200px; margin-bottom: 20px; position: relative; }
.search .input-text { width: 200px; padding-right: 25px; }
.search .input-submit { border: none; width: 16px; height: 16px; position: absolute; top: 6px; right: 5px; opacity: .7; filter: alpha(opacity=70); }
.search .input-submit:hover { opacity: 1; filter: alpha(opacity=100); }
.search.search-item { margin-bottom: 15px; width: 100%; }
.search.search-item { margin-bottom: 15px; width: 100%; }
.search.search-item .input-text { width: 100%; padding-right: 5px; }
.search-abc { overflow: hidden; zoom: 1; padding: 10px 15px; background: #fafafa; margin-bottom: 15px; }
.search-abc li { float: left; margin-right: 10px; }
.search-abc li.active a { color: #333; border: none; }
.search-abc { overflow: hidden; zoom: 1; padding: 10px 15px; background: #fafafa; margin-bottom: 15px; }
.search-abc li { float: left; margin-right: 10px; }
.search-abc li.active a { color: #333; border: none; }
.search-tags { margin-bottom: 15px; }
.search-tags { margin-bottom: 15px; }
/* Облако тегов
---------------------------------------------------------------*/
.tag-cloud li { display: inline; margin-right: 5px; line-height: 22px; }
.tag-cloud li a { text-decoration: none; white-space: nowrap; }
---------------------------------------------------- */
.tag-cloud li { display: inline; margin-right: 5px; line-height: 22px; }
.tag-cloud li a { text-decoration: none; white-space: nowrap; }
.tag-cloud li .tag-size-1 { font-size: 12px; }
.tag-cloud li .tag-size-2 { font-size: 12px; }
.tag-cloud li .tag-size-3 { font-size: 14px; }
@ -121,14 +125,8 @@
/* Валидатор
---------------------------------------------------------------*/
.validate-error-show { color: #f00; font-weight: bold; font-size: 12px; }
/* Item List
---------------------------------------------------------------*/
---------------------------------------------------- */
.item-list { border-top: 1px solid #eee; }
.item-list li { min-height: 51px; padding: 7px 0 10px 58px; border-bottom: 1px solid #eee; position: relative; zoom: 1; }
.item-list li p { padding-top: 2px; font-size: 11px; }
@ -139,52 +137,8 @@
/* Разное
-------------------- */
/* 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-comment-preview { padding: 5px 10px; background: #f3f3f3; margin-top: 5px; }
.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: #eee; margin-bottom: 1px; padding: 10px 10px; overflow: hidden; zoom: 1; line-height: 12px; color: #777; }
.userfield-list li .userfield-actions { float: right; }
.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; }
/* Misc */
.avatar-edit { margin-bottom: 15px; }
.avatar-edit img { vertical-align: bottom; }
.avatar-edit label { margin-top: 10px; }
.drafts { float: right; margin-top: 10px; }
/* Хелперы
---------------------------------------------------------------*/
/* Хелперы
---------------------------------------------------- */
.mt-10 { margin-bottom: 10px !important; }
.mt-20 { margin-bottom: 20px !important; }
@ -214,15 +168,17 @@
white-space: normal;
}
.user, .ls-user { font-weight: bold; color: #333; }
.user .icon-user { margin-right: 3px; }
.user.inactive { color: #aaa; }
.notice-empty { color: #aaa; }
/* System messages */
/* Разное
---------------------------------------------------- */
.system-message-error { background: #f0c8c8; color: #b22626; padding: 10px 15px; margin-bottom: 15px; }
.system-message-notice { background: #dafad8; color: #4bb23b; padding: 10px 15px; margin-bottom: 15px; }
.notice-empty { color: #aaa; }
.loader { background: #fafafa url(../images/loader.gif) 50% 50% no-repeat; }
.user, .ls-user { font-weight: bold; color: #333; }
.user .icon-user { margin-right: 3px; }
.user.inactive { color: #aaa; }

View file

@ -1,3 +1,7 @@
/* -------------------------------------------------------------------
ФОРМЫ
------------------------------------------------------------------- */
.input-text {
width: 150px;
padding: 5px;
@ -20,18 +24,11 @@
.input-width-400 { width: 400px; }
.input-width-500 { width: 500px; }
.poll-create { padding: 15px 20px; margin-bottom: 20px; background: #f7f7f7; }
.question-list { margin-bottom: 15px; }
.question-list li { margin-bottom: 5px; }
.question-list li .input-text { margin-right: 10px; }
select { padding: 4px; border: 1px solid #ddd; border-radius: 3px; }
fieldset { margin-bottom: 30px; padding-top: 20px; border-top: 1px solid #eaeaea; }
fieldset legend { color: #000; font-size: 18px; padding-right: 10px; }
input:-moz-placeholder { color: #aaa; }
form p { margin-bottom: 20px; }
form label { display: block; margin-bottom: 3px; }
form .icon-question-sign { cursor: help; }
@ -39,9 +36,6 @@ form .icon-question-sign { cursor: help; }
.note { display: block; margin-top: 3px; font-size: 12px; color: #aaa; }
.note.note-header { margin-bottom: 20px; }
.validate-error-hide { display: none; }
.validate-error-show { display: block; }
.captcha-image { vertical-align: top; }
dl.form-item { overflow: hidden; zoom: 1; margin-bottom: 20px; }
@ -51,4 +45,12 @@ dl.form-item dd { float: left; width: 300px; }
.form-profile { position: relative; }
.form-profile .avatar-change { position: absolute; top: 40px; right: 0; padding: 10px; background: #f7f7f7; font-size: 11px; }
.placeholder { color: #aaa; }
/* Placeholder */
input:-moz-placeholder { color: #aaa; }
.placeholder { color: #aaa; }
/* Валидатор
---------------------------------------------------------------*/
.validate-error-hide { display: none; }
.validate-error-show { display: block; color: #f00; font-weight: bold; font-size: 12px; }

View file

@ -13,7 +13,7 @@
#content.content-full-width { width: 100%; margin-right: 0; }
#content.content-right { margin-right: 0; float: none; margin-left: 311px; width: auto; }
#sidebar.sidebar-left { float: left; width: 250px; padding-right: 30px; border-right: 1px solid #eee; margin-right: 30px; }
#content.content-right { margin-right: 0; float: none; margin-left: 311px; width: auto; }
#sidebar.sidebar-left { float: left; width: 250px; padding-right: 30px; border-right: 1px solid #eee; margin-right: 30px; }

View file

@ -1,3 +1,7 @@
/* --------------------------------------------
ВСПЛЫВАЮЩИЕ ПОДСКАЗКИ
-------------------------------------------- */
.infobox {
visibility: hidden;
position: absolute;

View file

@ -1,3 +1,7 @@
/* --------------------------------------------
ВСПЛЫВАЮЩИЕ УВЕДОМЛЕНИЯ
-------------------------------------------- */
#notifier {
width: 250px;

View file

@ -1,5 +1,5 @@
/* --------------------------------------------
Модальные окна
МОДАЛЬНЫЕ ОКНА
-------------------------------------------- */
.modal {

View file

@ -1,5 +1,7 @@
/* Navigation
------------------------------------------------- */
/* --------------------------------------------
НАВИГАЦИЯ
-------------------------------------------- */
.nav { overflow: hidden; zoom: 1; }
.nav li { float: left; }
@ -25,7 +27,6 @@
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2891d3', endColorstr='#2375c6',GradientType=0 );
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
color: #fff;
}
@ -53,6 +54,8 @@
#userbar {
border: 1px solid #ddd;
border-top: none;
border-radius: 0 0 4px 4px;
box-shadow: 0 0 5px #ddd;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
@ -62,9 +65,6 @@
background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 100%);
background: linear-gradient(top, #ffffff 0%,#f3f3f3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );
border-radius: 0 0 4px 4px;
box-shadow: 0 0 5px #ddd;
}
#userbar .search { float: left; margin: 5px 0 0 6px; *margin: 4px 0 0 4px; }

View file

@ -1,6 +1,7 @@
/* -------------------------------------------------------------------
ТАБЛИЦЫ
------------------------------------------------------------------- */
.table { width: 100%; margin-bottom: 15px; }
.table th { text-align: left; background: #fafafa; }
.table td, .table th { border-bottom: 1px solid #eee; padding: 10px; }
@ -10,7 +11,6 @@
.table a.desc:after { content: "▼"; }
/* Table Blogs */
.table.table-blogs .cell-name { }
.table.table-blogs .cell-name .avatar { float: left; margin-right: 10px; clear: right; }
.table.table-blogs .cell-name p { overflow: hidden; }
.table.table-blogs .cell-rating { width: 70px; font-weight: bold; }

View file

@ -4,7 +4,6 @@
.text { font-size: 15px; line-height: 1.6em; overflow: hidden; zoom: 1; }
/* Headers */
.text h4 { font-size: 24px; margin-bottom: 7px; font-weight: bold; }
.text h5 { font-size: 20px; margin-bottom: 7px; font-weight: bold; }
.text h6 { font-size: 18px; margin-bottom: 7px; font-weight: bold; }

View file

@ -1,3 +1,7 @@
/* --------------------------------------------
ТОПИК
-------------------------------------------- */
.topic { overflow: hidden; zoom: 1; margin-bottom: 50px; }
.topic:last-child { margin-bottom: 0; }

View file

@ -1,5 +1,5 @@
/* --------------------------------------------
Стена
СТЕНА
-------------------------------------------- */
.wall-submit { margin-bottom: 30px; }