mirror of
https://github.com/Oreolek/ifhub.club.git
synced 2024-07-03 06:55:03 +03:00
117 lines
6.7 KiB
CSS
117 lines
6.7 KiB
CSS
/* -------------------------------------------------------------------
|
|
БЛОКИ
|
|
------------------------------------------------------------------- */
|
|
|
|
.block { padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px dotted #dce1e6; }
|
|
.block:last-child { margin-bottom: 0; border: none; }
|
|
.sidebar-left .block { margin-bottom: 10px; }
|
|
|
|
.block .block-header { position: relative; margin-bottom: 4px; padding-bottom: 16px; }
|
|
.block .block-header.sep { background: url(../images/block-sep.png) 0 100% no-repeat; }
|
|
.block .block-header h3 { font-size: 22px; line-height: 1em; font-weight: normal; font-family: 'PT Sans', sans-serif; }
|
|
.block .block-header h3 a { text-decoration: none; color: #333; }
|
|
.block .block-header h3 a.link-dotted { color: #5055B2; }
|
|
.block .block-content { }
|
|
.block footer { margin-top: 15px; font-size: 11px; color: #b9c2c2; }
|
|
.block footer a { color: #727a90; }
|
|
|
|
.block .max-height-200 { overflow: auto; max-height: 200px; _height: expression( this.scrollHeight > 200 ? "200px" : "auto" ); position: relative; }
|
|
|
|
.block .nav.nav-pills { margin-bottom: 0; padding-top: 15px; }
|
|
.block .nav.nav-pills a { text-decoration: none; border-bottom: 1px dotted #727a90; }
|
|
.block .nav.nav-pills li.active a { border: none; }
|
|
|
|
|
|
/* Block Type - Stream */
|
|
.block .block-update { position: absolute; top: 38px; right: 5px; width: 20px; height: 20px; background: url(../images/icons-synio.png) 0 -200px no-repeat; cursor: pointer; }
|
|
.block .block-update:hover { background-position: -20px -200px; }
|
|
.block .block-update.active { background-position: -40px -200px; }
|
|
|
|
.block.block-type-stream .block-content .latest-list { }
|
|
.block.block-type-stream .block-content .latest-list li { margin-bottom: 15px; color: #818189; }
|
|
.block.block-type-stream .block-content .latest-list p { font-size: 11px; }
|
|
.block.block-type-stream .block-content .latest-list .stream-topic { text-decoration: underline; }
|
|
.block.block-type-stream .block-content .latest-list .stream-blog { font-weight: bold; }
|
|
.block.block-type-stream .block-content .latest-list .author { color: #4c4c4c; text-decoration: underline; }
|
|
.block.block-type-stream .block-content .latest-list .author:hover { color: #f00; }
|
|
.block.block-type-stream .block-content .latest-list .block-item-comments { font-size: 11px; text-decoration: none; color: #818189; white-space: nowrap; }
|
|
.block.block-type-stream .block-content .latest-list .block-item-comments i { position: relative; top: 3px; margin-right: 2px; }
|
|
|
|
|
|
/* Block Type - Activity Settings */
|
|
.block.block-type-activity p { margin-bottom: 15px; }
|
|
.block.block-type-activity ul li { }
|
|
.block.block-type-activity ul.stream-settings-blogs li { margin-bottom: 3px; }
|
|
.block.block-type-activity .note { display: block; margin-bottom: 15px; color: #aaa; }
|
|
|
|
|
|
/* Block Type - Profile */
|
|
.block.block-type-profile { background: none; border: none; padding: 0; }
|
|
.block.block-type-profile .profile-photo-wrapper { position: relative; min-height: 50px; }
|
|
.block.block-type-profile .profile-photo { vertical-align: top; max-width: 240px; }
|
|
.block.block-type-profile .status { position: absolute; top: 5px; left: 5px; padding: 0 5px; border-radius: 2px; font-size: 11px; line-height: 17px; }
|
|
.block.block-type-profile .status.status-online { background: #B7BC1C; color: #fff; }
|
|
.block.block-type-profile .status.status-offline { background: #333; color: #fff; opacity: .5; filter: alpha(opacity=50); }
|
|
.block.block-type-profile .upload-photo { padding: 10px 30px 15px 30px; background: #f8fbfe; font-size: 11px; }
|
|
.block.block-type-profile .upload-photo a { color: #727a90; border-color: #727a90; }
|
|
|
|
.block.block-type-profile-note { border: 2px solid #ffe25d; padding: 15px; border-radius: 5px; }
|
|
.block.block-type-profile-note p { margin-bottom: 10px; }
|
|
.block.block-type-profile-note .actions { margin-bottom: 0; font-size: 11px; }
|
|
.block.block-type-profile-note .actions a { color: #275ec2; border-color: #275ec2; }
|
|
.block.block-type-profile-note .actions a:hover { color: #f00; border-color: #f00; }
|
|
|
|
.block.block-type-profile-nav { padding: 0; background: none; border: none; }
|
|
|
|
.block.block-type-profile-actions { border: none; }
|
|
.block.block-type-profile-actions .block-content { padding: 0 0 0 30px; }
|
|
.block.block-type-profile-actions ul li { margin-bottom: 5px; font-size: 11px; }
|
|
.block.block-type-profile-actions ul li:last-child { margin-bottom: 0; }
|
|
.block.block-type-profile-actions ul li a { color: #727a90; }
|
|
.block.block-type-profile-actions ul li a:hover { color: #f00; }
|
|
.block.block-type-profile-actions ul li a.followed { color: #f00; }
|
|
|
|
|
|
/* Block Type - Foldable */
|
|
.block.block-type-foldable { background: none; }
|
|
.block.block-type-foldable .block-header { background: none; border: none; padding: 0 0 10px; }
|
|
.block.block-type-foldable .block-content { display: none; background: #fafafa; }
|
|
|
|
.block.block-type-talk-search { margin-bottom: 10px; }
|
|
.block.block-type-talk-friends { margin-bottom: 10px; }
|
|
|
|
|
|
/* Block Type - Blogs */
|
|
.block.block-type-blogs .block-blog-list li { margin-bottom: 10px; background: url(../images/dots.png) 0% 14px repeat-x; position: relative; padding-right: 50px; }
|
|
.block.block-type-blogs .block-blog-list li a { background: #fff; padding-right: 5px; }
|
|
.block.block-type-blogs .block-blog-list li i { background-color: #fff; position: relative; top: -2px; }
|
|
.block.block-type-blogs .block-blog-list li strong { position: absolute; top: 0; right: 0; background: #fff; padding-left: 2px; font-weight: normal; font-size: 11px; }
|
|
|
|
|
|
/* Block Type - Blogs */
|
|
.block.block-type-blog {
|
|
border-radius: 5px;
|
|
padding: 10px;
|
|
border-bottom: none;
|
|
background: #ffffff;
|
|
background: -moz-linear-gradient(top, #ffffff 0%, #f9fbfb 100%);
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f9fbfb));
|
|
background: -webkit-linear-gradient(top, #ffffff 0%,#f9fbfb 100%);
|
|
background: -o-linear-gradient(top, #ffffff 0%,#f9fbfb 100%);
|
|
background: -ms-linear-gradient(top, #ffffff 0%,#f9fbfb 100%);
|
|
background: linear-gradient(top, #ffffff 0%,#f9fbfb 100%);
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9fbfb',GradientType=0 );
|
|
}
|
|
.block.block-type-blog .block-header { margin-bottom: 0; padding: 0 7px 10px; }
|
|
.block.block-type-blog .block-header h3 { font-size: 19px; }
|
|
.block.block-type-blog .block-header h3 a { color: #275ec2; text-decoration: underline; }
|
|
.block.block-type-blog .block-content { padding: 0 7px; }
|
|
.block.block-type-blog footer { font-size: 11px; }
|
|
.block.block-type-blog footer button { }
|
|
.block.block-type-blog footer a { color: #727a90; margin-left: 7px; }
|
|
|
|
|
|
/* Block Type - Tags */
|
|
.block.block-type-tags .search-form-wrapper { margin-bottom: 15px; }
|
|
|