Файл: templates/default/css/theme-widgets.css
Строк: 726
/* Widgets layout
=========================================================== */
.widget
{
background:#FFF;
margin-bottom:10px;
position:
relative;
}
.widget_ajax_wrap:last-child .widget:last-child {
margin-bottom: 0;
}
.widget_ajax_wrap {
position: relative;
box-sizing: border-box;
}
.widget > .title{
padding:0 15px;
height:47px;
line-height:47px;
background: #34495E;
font-weight: bold;
font-size:18px;
color:#FFF;
margin:
0;
}
.widget > .body{
padding:15px;
line-height:
20px;
}
.widget_text_block{
overflow: hidden;
}
aside .widget
{
background: #FFF;
}
aside .widget > .title {
font-size:12px;
color:#FFF;
background: #34495E;
height:38px;
line-height:38px;
padding-right:5px;
}
/* Tabbed
Widgets layout ====================================================
*/
.widget_tabbed {
margin-bottom:10px;
background:#FFF;
}
.widget_tabbed .tabs ul,
.widget_tabbed .tabs ul
li{
margin: 0; padding: 0; list-style: none;
}
.widget_tabbed
.tabs ul {
overflow:hidden;
height:47px;
line-height:47px;
background: #34495E;
}
.widget_tabbed .tabs ul li {
float:left;
height:45px;
line-height:45px;
}
.widget_tabbed
.tabs ul li a {
display:block;
height:47px;
line-height:47px;
font-size:14px;
padding:0 15px;
cursor:
pointer;
color:#FFF;
}
.widget_tabbed .tabs ul li a.active {
background-color:#FFF;
color:#34495E;
}
.widget_tabbed .body {
padding:15px;
line-height: 20px;
box-sizing: border-box;
position: relative;
}
.widget_tabbed > .tabs .links, .widget >
.title .links {
float:right;
font-size:13px;
padding-right:15px;
}
.widget > .title .links {
padding-right:
0;
}
aside .widget > .title .links {
padding-right:
5px;
}
.widget_tabbed > .tabs .links a, .widget > .title .links a
{
display:inline;
padding: 3px 8px;
background: #27ae60;
color:#fff;
font-size: 12px;
font-weight: normal;
text-decoration: none;
margin: 0 5px 0 0;
}
.widget_tabbed >
.tabs .links a:last-child, .widget > .title .links a:last-child {
margin-right: 0;
}
.widget_tabbed > .tabs .links a:hover, .widget
> .title .links a:hover {
background:#2ecc71;
}
aside
.widget_tabbed .tabs ul {
height:38px;
line-height:38px;
}
aside .widget_tabbed .tabs ul li.links{
height:25px;
line-height:25px;
padding-right:5px;
}
aside
.widget_tabbed .tabs ul li a {
font-size:12px;
height:38px;
line-height:38px;
font-weight: bold;
}
aside .widget_tabbed >
.tabs .links a {
background: #27ae60;
color:#fff;
font-size:
10px;
}
/* Widgets styles
===========================================================
*/
.widget_content_list { overflow: hidden; }
.columns-2
.widget_content_list .item { float:left; width:47%; }
.columns-2
.widget_content_list .item:nth-child(3) { clear:left; }
.columns-3
.widget_content_list .item { float:left; width:31%; }
.columns-3
.widget_content_list .item:nth-child(4) { clear:left; }
.columns-4
.widget_content_list .item { float:left; width:22%; }
.columns-4
.widget_content_list .item:nth-child(5) { clear:left;
}
.widget_content_list .item { margin-bottom: 10px; overflow: hidden;
}
.widget_content_list .item:last-child { margin-bottom: 0;
}
.widget_content_list .item .image { float:left; margin-right: 10px;
}
.widget_content_list .item .image img { display: block;
}
.widget_content_list .item .info { }
.widget_content_list .item
.title{ font-size:16px; margin-bottom: 3px; }
.widget_content_list
.details { font-size:11px; color:#999; }
.widget_content_list .details a{
color:#BDC3C7; }
.widget_content_list .details a:hover{ color:#d35400;
}
.widget_content_list .details span {padding-right:
5px;}
.widget_content_list .details span.comments {
padding-left:20px;
background:
url("../images/icons/comment-small.png") no-repeat left
center;
}
.widget_content_list.featured .item .title { font-size:14px;
}
.widget_content_list.featured .item-first { float:left;
margin-right:15px; width:33%; }
.widget_content_list.featured .item-first
.image { margin-bottom: 5px; clear:both; width:100%; height:150px;
}
.widget_content_list.featured .item-first .image a,
.widget_content_list.featured .item-first .image > div { display:block;
width:100%; height:100%; background-position: center; background-repeat:
no-repeat; background-color:#bdc3c7; background-size: cover;
}
.widget_content_list.featured .item-first .title { font-size:21px;
margin-top:5px; line-height: 24px;}
.widget_content_list.featured
.item-first .title a { color:#000; text-decoration: none;
}
.widget_content_list.featured .item-first .read-more a {
display:inline-block;
clear:both;
background: #2980b9;
color:#FFF;
text-decoration: none;
padding:5px 10px;
margin-top: 10px;
}
.widget_content_list.featured .item-first
.read-more a:hover { background:#3498db; }
.widget_content_list.tiles-big
{ margin-right: -15px; }
.widget_content_list.tiles-big .item .title {
font-size:14px; }
.widget_content_list.tiles-big .item { float: left;
margin-bottom: 15px; width: calc(25% - 15px); margin-right: 15px;
box-sizing: border-box; }
.widget_content_list.tiles-big
.item:nth-child(5),
.widget_content_list.tiles-big
.item:nth-child(9),
.widget_content_list.tiles-big
.item:nth-child(13),
.widget_content_list.tiles-big
.item:nth-child(17),
.widget_content_list.tiles-big
.item:nth-child(21),
.widget_content_list.tiles-big .item:nth-child(25) {
clear:left; }
.widget_content_list.tiles-big .item .image { margin-bottom:
5px; clear:both; width:100%; height:100px;
}
.widget_content_list.tiles-big .item .image a,
.widget_content_list.tiles-big .item .image > div { display:block;
width:100%; height:100%; background-position: center; background-repeat:
no-repeat; background-color:#bdc3c7; background-size: cover;
}
.widget_content_list.tiles-big .item .title { font-size:14px;
margin-top:5px; }
.widget_content_list.tiles-big .item .title a {
color:#000; text-decoration: none; }
.widget_content_list.tiles-big .item
.title a:hover { color:#34495e; text-decoration: underline;
}
.widget_content_list.tiles-small .item { margin:0; margin-right: 4px;
margin-bottom: 4px; float:left; }
.widget_content_list.tiles-small .item
.image { margin:0; }
.widget_content_list.compact .item { margin-bottom:
5px; }
.widget_content_list.compact .item:last-child { margin-bottom: 0;
}
.widget_content_list.compact .item .title { font-size:13px;
margin-bottom: 0; line-height: 15px; }
@media screen and (max-width:
480px) {
.widget_content_list .item, .widget_content_list.featured
.item-first {
width: 100% !important;
}
}
/*
==========================================================================
*/
.widget_content_slider { overflow: hidden; position:
relative;}
.widget_content_slider .slide {
overflow: hidden;
position: relative;
width: 100%;
}
.widget_content_slider > table
{
width: 100%;
border-collapse: collapse;
border-spacing: 0;
min-height: 300px;
}
.widget_content_slider > table
td,
.widget_content_slider > table th {
padding:
0;
}
.widget_content_slider .slide img {
display: none;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index:
1;
}
.widget_content_slider .slide img:first-child,
.widget_content_slider img {
display:block;
}
.widget_content_slider
.slide .heading {
background: rgba(0, 0, 0, 0.85);
display: block;
padding: 10px;
right: 0;
position:absolute;
left:0;
bottom:0;
z-index:2
}
.widget_content_slider .slide .heading
h2,
.widget_content_slider .slide .heading .teaser{
display:
inline-block;
margin:0;
color:#ecf0f1;
}
.widget_content_slider .slide .heading h2 {
font-size:14px;
font-weight: bold;
color:#f1c40f;
}
.widget_content_slider .slide .heading .teaser{
font-size:12px;
}
.widget_content_slider .slide .heading .teaser
.date{
color: #7f8c8d;
padding-left:
10px;
}
.widget_content_slider .items {
background:#ecf0f1;
position: relative;
z-index: 2;
vertical-align:
top;
}
.widget_content_slider .items .item {
overflow: hidden;
padding:10px;
font-size:12px;
line-height:15px;
cursor:pointer;
position:relative;
}
.widget_content_slider .items
.item:hover {
background:#bdc3c7;
}
.widget_content_slider .items
.item .title {
display:block;
vertical-align:middle;
color:#000;
}
.widget_content_slider .items .item.active {
background:#27ae60;
}
.widget_content_slider .items .item.active .title
{
color:#FFF;
}
@media (max-width: 767px) {
.widget_content_slider .items .item .title {
display:none;
}
}
@media (min-width: 768px) {
.widget_content_slider .slide {
width: 70%;
}
.widget_content_slider .items {
width: 30%;
}
.widget_content_slider .items .item .image {
float:left;
margin-right: 10px;
}
}
@media (min-width: 992px) and (max-width:
1199px) {
.widget_content_slider .items .item {
padding: 8px;
}
}
/*
==========================================================================
*/
.widget_activity_list { overflow: hidden; }
.widget_activity_list
h4 { margin:0; margin-bottom: 5px; }
.widget_activity_list .item {
margin-bottom: 15px; overflow: hidden; }
.widget_activity_list
.item:last-child { margin-bottom: 0; }
.widget_activity_list .item >
.image, .widget_comments_list .item .image { float:left; margin-right:
10px; position: relative; }
.widget_activity_list .item > .image img,
.widget_comments_list .item .image img { display: block; border-radius:
50%; }
.widget_activity_list .item .info { line-height:17px;
padding-top:2px; }
.widget_activity_list .item .title{
}
.widget_activity_list .item .title a.author{ color:#376499;
}
.widget_activity_list .item .title a.author:hover{ color:#d35400;
}
.widget_activity_list .item .details { font-size:11px;
}
.widget_activity_list .item .details .date { color:#999;
}
.widget_activity_list .item .details .reply {
padding-left:
5px;
}
.widget_activity_list .item .details .reply a {
padding-left:
20px;
background:url("../images/icons/comment-small.png")
no-repeat left center;
color:#BDC3C7;
}
.widget_activity_list
.item .details .reply a:hover {
color:#d35400;
}
.widget_activity_list .item .images { overflow:
hidden; margin:10px 0; padding-left:48px; }
.widget_activity_list .item
.images .image {
float:left; margin-right:2px;
display:block;
overflow: hidden;
}
.widget_activity_list .item .images .image.more {
background: #ecf0f1;
text-align: center;
line-height: 64px;
font-size:18px;
}
.widget_activity_list .item .images .image.more a {
display:block; width: 64px; height:64px; overflow: hidden;
color:#7f8c8d;
text-decoration: none;
}
.widget_activity_list .item
.images .image.more a:hover {
color:#2c3e50;
}
.widget_activity_list
.item .actions {
float:right;
visibility:
hidden;
}
.widget_activity_list .item:hover .actions {
visibility:
visible;
}
.widget_activity_list .actions .delete{
display:inline-block;
width:16px;
height:16px;
background:url("../images/icons/delete.png") no-repeat
center;
}
/*
==========================================================================
*/
.widget_comments_list { overflow: hidden; line-height: 20px;
}
.widget_comments_list .item { margin-bottom: 15px; overflow: hidden;
}
.widget_comments_list .item:last-child { margin-bottom: 0;
}
.widget_comments_list .item .info { line-height:17px; padding-top:2px;
}
.widget_comments_list .item .title a.author{ color:#376499;
}
.widget_comments_list .item .title a.author:hover{ color:#d35400;
}
.widget_comments_list .item .title a.subject{ padding-right: 5px;
}
.widget_comments_list .item .date { font-size:11px; color:#999;
padding-right: 5px; }
.widget_comments_list .item .text { color:#666;
}
/*
==========================================================================
*/
.widget_profiles_list { overflow: hidden; }
.columns-2
.widget_profiles_list .item { float:left; width:50%; }
.columns-2
.widget_profiles_list .item:nth-child(3) { clear:left; }
.columns-3
.widget_profiles_list .item { float:left; width:33%; }
.columns-3
.widget_profiles_list .item:nth-child(4) { clear:left; }
.columns-4
.widget_profiles_list .item { float:left; width:25%; }
.columns-4
.widget_profiles_list .item:nth-child(5) { clear:left; }
.columns-2
.widget_profiles_list.list .item,
.columns-3 .widget_profiles_list.list
.item,
.columns-4 .widget_profiles_list.list .item{
padding-right:10px;
}
.widget_profiles_list.list .item {
line-height:32px;
margin-bottom: 5px;
padding: 0 0 10px 0;
clear: both;
width: 100%;
box-sizing: border-box;
overflow:
hidden;
}
.widget_profiles_list.list .item:last-child { margin-bottom:
0; }
.widget_profiles_list.list .item .image { float:left; margin-right:
10px; }
.widget_profiles_list .item .image img, .item-avatar > img {
display: block; }
.widget_profiles_list.list .item .info { float:left;
}
.widget_profiles_list.tiles .item, .widget_online_list .item,
.widget_user_avatar .default_avatar { display:inline-block;
}
.widget_profiles_list.list .item:last-child {
padding:
0;
}
.widget_profiles_list.list .item .field {
line-height:
18px;
}
/*
==========================================================================
*/
.widget_online_list { overflow: hidden; }
.widget_online_list
.item-name {
padding-left:18px;
padding-right:2px;
background:url("../images/icons/user.png") no-repeat left
center;
}
/*
==========================================================================
*/
.widget_content_tree ul{
margin:0;
padding:0;
}
.widget_content_tree li{
margin-left: 0px;
list-style: none;
padding-left:20px;
background:
url("../images/icons/folder.png") no-repeat left
2px;
}
.folder_hidden { display: none; }
.widget_content_tree ul
li.active > a:hover,
.widget_content_tree ul li.active > a {
color:#000; text-decoration: none; }
/*
==========================================================================
*/
.widget_user_avatar .user_info {
overflow: hidden;
clear:both;
margin:-15px;
padding:6px;
margin-bottom:
10px;
background:#34495E;
}
.widget_user_avatar .user_info
.avatar{
float:right;
}
.widget_user_avatar .user_info .name {
height:32px;
line-height: 32px;
padding-left:10px;
}
.widget_user_avatar .user_info .name a {
color:#FFF;
text-decoration: none;
font-size:12px;
font-weight: bold;
}
.widget_user_avatar {
position:
relative;
}
header .widget_user_avatar {
margin-right:
-14px;
}
header .widget_user_avatar .user_info {
float: right;
clear: none;
margin: 0;
background: none;
line-height:
50px;
height: 50px;
padding: 9px 34px 9px 5px;
box-sizing:
border-box;
transition: background 0.5s;
position:
relative;
}
header .widget_user_avatar .user_info:after {
content:
'';
background: url(../images/nav-arrow-down-white.png) no-repeat
center center;
width: 16px;
height: 32px;
position:
absolute;
right: 10px;
opacity: 0.5;
transition: opacity
0.5s;
}
header .widget_user_avatar:hover .user_info:after{ opacity: 1;
}
header .widget_user_avatar:hover .user_info {
background:
#224674;
}
header .widget_user_avatar .user_info .avatar{
border-radius: 50%;
overflow: hidden;
height: 32px;
}
header
.widget_user_avatar .user_info .name {
float: left;
margin-right:
10px;
}
header .widget_user_avatar .menu {
visibility: hidden;
float: none;
position: absolute;
top: 50px;
right: 0;
height: auto;
background: #224674;
width: 180px;
padding:
0;
box-shadow: -2px 2px 10px #224674;
opacity: 0.99;
transition: visibility 0.2s;
z-index: 102;
}
header
.widget_user_avatar:hover .user_info + .menu {
visibility:
visible;
}
header .widget_user_avatar .menu > li {
float:
none;
}
header .widget_user_avatar .menu > li:hover, header
.widget_user_avatar .menu ul li a:hover {
background-color:
#1c549c;
}
header .widget_user_avatar .menu ul {
left: auto;
right: 160px;
top: 0;
box-shadow: none;
border-radius: 0;
box-shadow: -2px 2px 10px #224674;
}
header .widget_user_avatar .menu
ul li, header .widget_user_avatar .menu ul li a {
border-radius:
0;
}
/*
==========================================================================
*/
.widget_tags_cloud .tags_as_list,
.widget_tags_cloud .tags_as_list
li,
.widget_tags_cloud .tags_as_cloud,
.widget_tags_cloud .tags_as_cloud
li {
margin:0; padding:0;
list-style:none;
}
.widget_tags_cloud .tags_as_cloud {
overflow:
hidden;
}
.widget_tags_cloud .tags_as_cloud li {
float:left;
margin:0 8px 8px 0;
}
.widget_tags_cloud .tags_as_list li {
margin:0 0 6px 0;
padding-left:20px;
background:
url("../images/icons/tag.png") no-repeat left
center;
}
.widget_tags_cloud .tags_as_list li .counter {
font-size:11px;
}
.widget_tags_cloud li.colored > a {
color:
inherit;
}
.widget_auth form fieldset {
padding: 0;
border:
none;
}
.widget_auth form fieldset legend {
display:
none;
}
.widget_auth .auth_remember::after {
content:
'';
}
.widget_auth .auth_restore_link {
display: block;
}
@media
screen and (max-width: 640px) {
.widget_content_slider .items .item
.title { display:none !important; }
.widget_content_slider .items {
width:60px !important; }
.widget_content_list.featured .item-first {
float:none; margin-right:0; width:100%; }
}
/*
==========================================================================
*/
.widget_search { background-color:#34495E; margin:-15px;
padding:10px; }
.widget_search .input {
border:none; box-shadow:
none;
padding-left:24px;
background:url("../images/icons/search-glyph.png") no-repeat 4px
center #FFF;
font-size:12px;
}
/*
==========================================================================
*/
.widget_content_filter .title{
font-weight:
bold;
color:#34495e;
margin-bottom:4px;
}
.widget_content_filter
.field {
margin-bottom: 10px;
}
.widget_content_filter .input
{
width:95%;
}
.widget_content_filter .ft_date
.value,
.widget_content_filter .ft_number .value
{
font-size:12px;
}
.widget_content_filter .ft_date
button{
display:none;
}
.widget_content_filter
.date-input,
.widget_content_filter .input-small{
width:60px
!important;
}
.widget_content_filter .buttons
{
margin-top:20px;
font-size:12px;
}
.widget_content_filter
.buttons input {
margin-right: 10px;
}
section
.widget.fixed_actions_menu {
position: absolute;
right: 0;
z-index: 1;
top: 0;
box-shadow: -4px 4px 5px #CCC;
background: #a7b4b7;
}
section .widget.fixed_actions_menu:before {
content: '';
width: 32px;
background:url("../images/icons/menu.png") no-repeat center
center;
height: 32px;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
}
section
.widget.fixed_actions_menu:hover .body, section
.widget.fixed_actions_menu.clicked .body {
display: block;
}
section
.widget.fixed_actions_menu > * {
display: none;
margin: 32px 0
0 0;
padding: 0;
}
section .widget.fixed_actions_menu >
.edit_wlinks {
margin: 0;
}
.edit_wlinks {
position:
absolute;
bottom: 0;
right: 0;
opacity: 0;
z-index:
100;
transition: opacity 0.4s;
}
.widget:hover .edit_wlinks,
.widget_tabbed .body:hover .edit_wlinks {
opacity:
0.4;
}
.widget:hover .edit_wlinks:hover, .widget_tabbed .body:hover
.edit_wlinks:hover {
opacity: 0.95;
}
.edit_wlinks a {
background-color: #95a5a6;
color: #FFF;
text-decoration: none;
padding: 5px;
float: left;
box-sizing: border-box;
font-size: 12px;
}
.edit_wlinks a.delete {
background-color:
#e74c3c;
}