2698 lines
47 KiB
CSS
2698 lines
47 KiB
CSS
@charset "utf-8";
|
|
/**
|
|
* Theme Name: Beginning
|
|
* Theme URI: https://www.bgbk.org/wp-theme-beginning/
|
|
*
|
|
* Description: The template by <a href="https://www.bgbk.org">斌果</a>.
|
|
* Version: 4.1.1
|
|
*
|
|
* Author: 斌果
|
|
* Author URI: https://www.bgbk.org
|
|
*/
|
|
|
|
/*----------------------------------------------------------
|
|
Body
|
|
----------------------------------------------------------*/
|
|
html,
|
|
body,
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
outline: 0;
|
|
border: 0;
|
|
background: transparent;
|
|
vertical-align: baseline;
|
|
word-wrap: break-word;
|
|
-webkit-text-size-adjust: none;
|
|
box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
}
|
|
|
|
html,
|
|
body {
|
|
min-height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
body {
|
|
color: #333;
|
|
font: 12px/24px Hiragino Sans GB, Microsoft Yahei, SimSun, Helvetica, Arial, Sans-serif;
|
|
background: #F0F0F5;
|
|
}
|
|
|
|
a:active {
|
|
outline: 0;
|
|
}
|
|
|
|
a,
|
|
a:link,
|
|
a:visited {
|
|
color: #333;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:hover {
|
|
color: #2D6DCC;
|
|
}
|
|
|
|
li {
|
|
list-style: none;
|
|
}
|
|
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
font-weight: normal;
|
|
}
|
|
|
|
input[type=text],
|
|
input[type=password],
|
|
input[type=email],
|
|
input[type=url] {
|
|
font: inherit;
|
|
border: 1px solid #BFBFBF;
|
|
padding: 0 6px;
|
|
background: #FFF;
|
|
color: #000;
|
|
height: 26px;
|
|
box-shadow: 1px 1px 1px #F7F7F7 inset;
|
|
-moz-box-shadow: 1px 1px 1px #F7F7F7 inset;
|
|
line-height: 26px;
|
|
width: 162px;
|
|
border-radius: 0;
|
|
-moz-border-radius: 0;
|
|
}
|
|
|
|
input[type=text]:focus,
|
|
input[type=text]:hover:focus,
|
|
input[type=password]:focus,
|
|
input[type=password]:hover:focus,
|
|
input[type=email]:focus,
|
|
input[type=email]:hover:focus,
|
|
input[type=url]:focus,
|
|
input[type=url]:hover:focus {
|
|
border-color: #2D6DCC;
|
|
box-shadow: none;
|
|
-moz-box-shadow: none;
|
|
border-radius: 0;
|
|
-moz-border-radius: 0;
|
|
}
|
|
|
|
input[type=text]:hover,
|
|
input[type=password]:hover,
|
|
input[type=email]:hover,
|
|
input[type=url]:hover {
|
|
border-color: #A2A2A2;
|
|
}
|
|
|
|
input[type=submit],
|
|
button {
|
|
cursor: pointer;
|
|
font: inherit;
|
|
line-height: 26px;
|
|
height: 26px;
|
|
background: #2D6DCC;
|
|
color: #FFF;
|
|
padding: 0 16px;
|
|
text-align: center;
|
|
border-radius: 0;
|
|
-moz-border-radius: 0;
|
|
}
|
|
|
|
textarea {
|
|
height: auto;
|
|
width: 100%;
|
|
font: inherit;
|
|
border: 1px solid #BFBFBF;
|
|
background: #FFF;
|
|
color: #000;
|
|
padding: 3px 6px;
|
|
line-height: 20px;
|
|
box-shadow: 1px 1px 1px #F7F7F7 inset;
|
|
-moz-box-shadow: 1px 1px 1px #F7F7F7 inset;
|
|
border-radius: 0;
|
|
-moz-border-radius: 0;
|
|
}
|
|
|
|
textarea:focus,
|
|
textarea:hover:focus {
|
|
border-color: #2D6DCC;
|
|
box-shadow: none;
|
|
-moz-box-shadow: none;
|
|
}
|
|
|
|
textarea:hover {
|
|
border-color: #A2A2A2;
|
|
}
|
|
|
|
select {
|
|
border: 1px solid #BFBFBF;
|
|
cursor: pointer;
|
|
color: #000;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
font: inherit;
|
|
text-indent: 3px;
|
|
border-radius: 0;
|
|
-moz-border-radius: 0;
|
|
}
|
|
|
|
select:focus,
|
|
select:focus,
|
|
select:hover:focus,
|
|
select:hover:focus {
|
|
border-color: #2D6DCC;
|
|
}
|
|
|
|
select:hover,
|
|
select:hover {
|
|
border-color: #A2A2A2;
|
|
}
|
|
|
|
.dashicons,
|
|
.dashicons-before:before {
|
|
width: auto;
|
|
height: auto;
|
|
font-size: inherit;
|
|
line-height: inherit;
|
|
}
|
|
|
|
.aligncenter {
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.alignleft {
|
|
float: left;
|
|
}
|
|
|
|
.alignright {
|
|
float: right;
|
|
}
|
|
|
|
.pc-hide {
|
|
display: none;
|
|
}
|
|
|
|
.no-js .no-js-hide {
|
|
display: none;
|
|
}
|
|
|
|
/*----------------------------------------------------------
|
|
Animation
|
|
----------------------------------------------------------*/
|
|
@keyframes rotate {
|
|
|
|
from {
|
|
transform: rotate( 0 );
|
|
-ms-transform: rotate( 0 );
|
|
}
|
|
|
|
to {
|
|
transform: rotate( 360deg );
|
|
-ms-transform: rotate( 360deg );
|
|
}
|
|
|
|
}
|
|
|
|
@-moz-keyframes rotate {
|
|
|
|
from {
|
|
-moz-transform: rotate( 0 );
|
|
}
|
|
|
|
to {
|
|
-moz-transform: rotate( 360deg );
|
|
}
|
|
|
|
}
|
|
|
|
@-webkit-keyframes rotate {
|
|
|
|
from {
|
|
-webkit-transform: rotate( 0 );
|
|
}
|
|
|
|
to {
|
|
-webkit-transform: rotate( 360deg );
|
|
}
|
|
|
|
}
|
|
|
|
@-0-keyframes rotate {
|
|
|
|
from {
|
|
-0-transform: rotate( 0 );
|
|
}
|
|
|
|
to {
|
|
-0-transform: rotate( 360deg );
|
|
}
|
|
|
|
}
|
|
|
|
/*----------------------------------------------------------
|
|
Wrapper
|
|
----------------------------------------------------------*/
|
|
#wrapper {
|
|
min-height: 100%;
|
|
height: auto;
|
|
position: relative;
|
|
overflow: hidden;
|
|
width: 100%;
|
|
}
|
|
|
|
#wrapper .wrapper-table-box {
|
|
display: table;
|
|
table-layout: fixed;
|
|
border-spacing: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.box-md {
|
|
width: 980px;
|
|
position: relative;
|
|
margin: auto;
|
|
height: 100%;
|
|
}
|
|
|
|
.box-md:after {
|
|
content: '';
|
|
display: block;
|
|
height: 0;
|
|
clear: both;
|
|
}
|
|
|
|
#container {
|
|
width: 100%;
|
|
display: table-cell;
|
|
vertical-align: top;
|
|
}
|
|
|
|
#container > .row {
|
|
padding-right: 20px;
|
|
}
|
|
|
|
#sidebar {
|
|
width: 240px;
|
|
display: table-cell;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.row {
|
|
margin: 0 -15px;
|
|
}
|
|
|
|
.row:after {
|
|
content: '';
|
|
display: block;
|
|
height: 0;
|
|
clear: both;
|
|
}
|
|
|
|
.span12,
|
|
.span11,
|
|
.span10,
|
|
.span9,
|
|
.span8,
|
|
.span7,
|
|
.span6,
|
|
.span5,
|
|
.span4,
|
|
.span3,
|
|
.span2,
|
|
.span1 {
|
|
position: relative;
|
|
min-height: 1px;
|
|
float: left;
|
|
padding: 0 15px;
|
|
}
|
|
|
|
.span12:after,
|
|
.span11:after,
|
|
.span10:after,
|
|
.span9:after,
|
|
.span8:after,
|
|
.span7:after,
|
|
.span6:after,
|
|
.span5:after,
|
|
.span4:after,
|
|
.span3:after,
|
|
.span2:after,
|
|
.span1:after {
|
|
content: '';
|
|
display: block;
|
|
height: 0;
|
|
clear: both;
|
|
}
|
|
|
|
.span12 {
|
|
width: 100%;
|
|
}
|
|
|
|
.span11 {
|
|
width: 91.66666667%;
|
|
}
|
|
|
|
.span10 {
|
|
width: 83.33333333%;
|
|
}
|
|
|
|
.span9 {
|
|
width: 75%;
|
|
}
|
|
|
|
.span8 {
|
|
width: 66.66666667%;
|
|
}
|
|
|
|
.span7 {
|
|
width: 58.33333333%;
|
|
}
|
|
|
|
.span6 {
|
|
width: 50%;
|
|
}
|
|
|
|
.span5 {
|
|
width: 41.66666667%;
|
|
}
|
|
|
|
.span4 {
|
|
width: 33.33333333%;
|
|
}
|
|
|
|
.span3 {
|
|
width: 25%;
|
|
}
|
|
|
|
.span2 {
|
|
width: 16.66666667%;
|
|
}
|
|
|
|
.span1 {
|
|
width: 8.33333333%;
|
|
}
|
|
|
|
/*----------------------------------------------------------
|
|
Header
|
|
----------------------------------------------------------*/
|
|
#header {
|
|
background: #2D6DCC;
|
|
width: 100%;
|
|
margin-bottom: 20px;
|
|
position: relative;
|
|
z-index: 100;
|
|
border-bottom: 38px solid #FFF;
|
|
height: 88px;
|
|
}
|
|
|
|
#header .logo {
|
|
float: left;
|
|
height: 100%;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
#header .logo a {
|
|
width: 120px;
|
|
height: 100%;
|
|
display: block;
|
|
background: url( images/logo.png ) no-repeat;
|
|
background-size: 100%;
|
|
-moz-background-size: 100%;
|
|
-webkit-background-size: 100%;
|
|
text-indent: 100%;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
color: #FFF;
|
|
line-height: 50px;
|
|
font-size: 28px;
|
|
}
|
|
|
|
#header .logo a:hover {
|
|
color: #333;
|
|
}
|
|
|
|
#header .header-menu-box {
|
|
float: left;
|
|
height: 100%;
|
|
}
|
|
|
|
#header_menu {
|
|
height: 100%;
|
|
}
|
|
|
|
#header_menu > li {
|
|
float: left;
|
|
height: 100%;
|
|
position: relative;
|
|
}
|
|
|
|
#header_menu > li:hover {
|
|
background: rgba( 255, 255, 255, .18 );
|
|
}
|
|
|
|
#header_menu > li.current-menu-item,
|
|
#header_menu > li.current-menu-parent,
|
|
#header_menu > li.current_page_item,
|
|
#header_menu > li.current-post-ancestor {
|
|
background: rgba( 0, 0, 0, .18 );
|
|
box-shadow: inset 0 0 2px rgba( 0, 0, 0, .12 );
|
|
-moz-box-shadow: inset 0 0 2px rgba( 0, 0, 0, .12 );
|
|
}
|
|
|
|
#header_menu > li.current-menu-item > a,
|
|
#header_menu > li.current-menu-parent > a,
|
|
#header_menu > li.current_page_item > a,
|
|
#header_menu > li.current-post-ancestor > a {
|
|
cursor: default;
|
|
}
|
|
|
|
#header_menu > li > a {
|
|
color: #FFF;
|
|
display: block;
|
|
line-height: 50px;
|
|
font-size: 14px;
|
|
padding: 0 16px;
|
|
}
|
|
|
|
#header_menu li > a:after {
|
|
content: '\f140';
|
|
font-family: dashicons;
|
|
margin-left: 2px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
#header_menu li > a:only-child:after {
|
|
display: none;
|
|
}
|
|
|
|
#header_menu .sub-menu {
|
|
display: none;
|
|
}
|
|
|
|
#header_menu li:hover > .sub-menu {
|
|
display: block;
|
|
}
|
|
|
|
#header_menu > li > .sub-menu {
|
|
position: absolute;
|
|
width: 980px;
|
|
top: 50px;
|
|
height: 38px;
|
|
background: #FFF;
|
|
z-index: 120;
|
|
}
|
|
|
|
#header_menu > li > .sub-menu > li {
|
|
display: inline-block;
|
|
height: 38px;
|
|
border-bottom: 0 solid #2D6DCC;
|
|
}
|
|
|
|
#header_menu > li > .sub-menu > li:hover {
|
|
border-bottom-width: 2px;
|
|
}
|
|
|
|
#header_menu > li > .sub-menu > li > a {
|
|
color: #333;
|
|
font-size: 12px;
|
|
line-height: 38px;
|
|
padding: 0 16px;
|
|
display: block;
|
|
}
|
|
|
|
#header_menu > li > .sub-menu li > a:after {
|
|
line-height: 38px;
|
|
}
|
|
|
|
#header_menu > li > .sub-menu > li.current-menu-item,
|
|
#header_menu > li > .sub-menu > li.current-menu-parent,
|
|
#header_menu > li > .sub-menu > li.current_page_item,
|
|
#header_menu > li > .sub-menu > li.current-post-ancestor {
|
|
font-weight: bold;
|
|
border-bottom-width: 2px;
|
|
}
|
|
|
|
#header_menu .sub-menu .sub-menu {
|
|
position: absolute;
|
|
width: 200px;
|
|
top: 38px;
|
|
background: #2E3137;
|
|
}
|
|
|
|
#header_menu .sub-menu .sub-menu > li {
|
|
position: relative;
|
|
}
|
|
|
|
#header_menu .sub-menu .sub-menu > li > a {
|
|
color: #FFF;
|
|
display: block;
|
|
padding: 0 16px;
|
|
line-height: 38px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
#header_menu .sub-menu .sub-menu > li > a:after {
|
|
content: '\f139';
|
|
float: right;
|
|
}
|
|
|
|
#header_menu .sub-menu .sub-menu > li:hover > a {
|
|
background: #F0F0F5;
|
|
color: #000;
|
|
}
|
|
|
|
#header_menu .sub-menu .sub-menu > li.current-menu-item > a,
|
|
#header_menu .sub-menu .sub-menu > li.current-menu-parent > a,
|
|
#header_menu .sub-menu .sub-menu > li.current_page_item > a,
|
|
#header_menu .sub-menu .sub-menu > li.current-post-ancestor > a,
|
|
#header_menu .sub-menu .sub-menu > li.current-menu-item:hover > a,
|
|
#header_menu .sub-menu .sub-menu > li.current-menu-parent:hover > a,
|
|
#header_menu .sub-menu .sub-menu > li.current_page_item:hover > a,
|
|
#header_menu .sub-menu .sub-menu > li.current-post-ancestor:hover > a {
|
|
color: #2D6DCC;
|
|
}
|
|
|
|
#header_menu .sub-menu .sub-menu .sub-menu {
|
|
top: 0;
|
|
right: -100%;
|
|
}
|
|
|
|
#header .control {
|
|
display: block;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 50px;
|
|
height: 38px;
|
|
line-height: 26px;
|
|
padding: 6px 0;
|
|
}
|
|
|
|
#header .control:after {
|
|
content: '';
|
|
display: block;
|
|
height: 0;
|
|
clear: both;
|
|
}
|
|
|
|
#header .control > li {
|
|
display: inline-block;
|
|
margin-right: 8px;
|
|
}
|
|
|
|
#header .control > li:last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
#header .control > li.disabled > a {
|
|
color: #B3B3B3;
|
|
cursor: default;
|
|
}
|
|
|
|
#header .control > li.disabled > a:hover {
|
|
color: #B3B3B3;
|
|
}
|
|
|
|
#header .control > li > a {
|
|
font-size: 20px;
|
|
color: #666;
|
|
}
|
|
|
|
#header .control > li > a:hover {
|
|
color: #2D6DCC;
|
|
}
|
|
|
|
#header .search-form {
|
|
display: block;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 50px;
|
|
height: 38px;
|
|
line-height: 38px;
|
|
padding: 6px 0;
|
|
}
|
|
|
|
#header .search-form:after {
|
|
content: '';
|
|
display: block;
|
|
height: 0;
|
|
clear: both;
|
|
}
|
|
|
|
#header .search-form .search-text {
|
|
float: left;
|
|
border-right: none;
|
|
transition: width .5s;
|
|
-webkit-transition: width .5s;
|
|
-moz-transition: width .5s;
|
|
-o-transition: width .5s;
|
|
}
|
|
|
|
#header .search-form .search-text:focus {
|
|
width: 200px;
|
|
}
|
|
|
|
#header .search-form .search-submit {
|
|
float: left;
|
|
}
|
|
|
|
/*----------------------------------------------------------
|
|
Display
|
|
----------------------------------------------------------*/
|
|
.panel {
|
|
background: #FFF;
|
|
margin-bottom: 20px;
|
|
padding: 10px 15px;
|
|
position: relative;
|
|
}
|
|
|
|
.panel:after {
|
|
content: '';
|
|
display: block;
|
|
height: 0;
|
|
clear: both;
|
|
}
|
|
|
|
.panel.transparent {
|
|
background: transparent;
|
|
}
|
|
|
|
.panel.no-padding {
|
|
padding: 0;
|
|
}
|
|
|
|
.panel.no-padding .panel-header {
|
|
margin: 0;
|
|
}
|
|
|
|
.panel.center {
|
|
text-align: center;
|
|
}
|
|
|
|
.panel .panel-header {
|
|
line-height: 38px;
|
|
background: #FFF;
|
|
background: #FAFAFA;
|
|
margin: -10px -15px 10px;
|
|
}
|
|
|
|
.panel .panel-header:after {
|
|
content: '';
|
|
display: block;
|
|
height: 0;
|
|
clear: both;
|
|
}
|
|
|
|
.panel .panel-header h1,
|
|
.panel .panel-header h2,
|
|
.panel .panel-header h3,
|
|
.panel .panel-header h4 {
|
|
font-weight: normal;
|
|
font-size: 14px;
|
|
line-height: 38px;
|
|
padding: 0 15px;
|
|
}
|
|
|
|
.panel .panel-header h1:before,
|
|
.panel .panel-header h2:before,
|
|
.panel .panel-header h3:before,
|
|
.panel .panel-header h4:before {
|
|
font-family: dashicons;
|
|
vertical-align: top;
|
|
color: #C2C2C2;
|
|
margin-right: 6px;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.panel .panel-header h1 .dashicons,
|
|
.panel .panel-header h2 .dashicons,
|
|
.panel .panel-header h3 .dashicons,
|
|
.panel .panel-header h4 .dashicons {
|
|
color: #C2C2C2;
|
|
margin-right: 6px;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.panel .panel-header .right {
|
|
float: right;
|
|
font-size: 12px;
|
|
color: #999;
|
|
display: inline-block;
|
|
padding-right: 15px;
|
|
margin-top: -38px;
|
|
}
|
|
|
|
.panel .panel-header .right a {
|
|
color: #999;
|
|
}
|
|
|
|
.panel .panel-header .right a:hover {
|
|
color: #888;
|
|
}
|
|
|
|
/*----------------------------------------------------------
|
|
Banner
|
|
----------------------------------------------------------*/
|
|
.banner.banner-type-img img {
|
|
display: block;
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
/*----------------------------------------------------------
|
|
Slider
|
|
----------------------------------------------------------*/
|
|
.slider .thumbnail {
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
.slider .slider-text {
|
|
position: absolute;
|
|
display: block;
|
|
right: 5%;
|
|
bottom: 10%;
|
|
max-width: 80%;
|
|
}
|
|
|
|
.slider .slider-text > .post-title,
|
|
.slider .slider-text > .excerpt {
|
|
background: rgba( 0, 0, 0, .8 );
|
|
display: block;
|
|
float: left;
|
|
padding: 5px;
|
|
}
|
|
|
|
.slider .slider-text > .post-title {
|
|
color: #2D6DCC;
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.slider .slider-text > .excerpt {
|
|
color: #FFF;
|
|
clear: left;
|
|
margin-top: 5px;
|
|
line-height: 16px;
|
|
}
|
|
|
|
.slider .slider-dots {
|
|
display: table;
|
|
table-layout: fixed;
|
|
border-spacing: 0;
|
|
width: 100%;
|
|
height: 10px;
|
|
}
|
|
|
|
.slider .slider-dots > .dot {
|
|
display: table-cell;
|
|
background: #FAFAFA;
|
|
cursor: pointer;
|
|
border-left: 1px solid #C2C2C2;
|
|
transition: background .5s;
|
|
-webkit-transition: background .5s;
|
|
-moz-transition: background .5s;
|
|
-o-transition: background .5s;
|
|
}
|
|
|
|
.slider .slider-dots > .dot:hover {
|
|
opacity: .8;
|
|
}
|
|
|
|
.slider .slider-dots > .dot:first-child {
|
|
border-left: none;
|
|
}
|
|
|
|
.slider .slider-dots > .dot.active {
|
|
background: #2D6DCC;
|
|
border-left: none;
|
|
}
|
|
|
|
.slider .slider-dots > .dot.active + .dot {
|
|
border-left: none;
|
|
}
|
|
|
|
/*----------------------------------------------------------
|
|
Posts list
|
|
----------------------------------------------------------*/
|
|
.posts-list:after {
|
|
content: '';
|
|
display: block;
|
|
height: 0;
|
|
clear: both;
|
|
}
|
|
|
|
.posts-list > li .post-title {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
-ms-text-overflow: ellipsis;
|
|
text-overflow: ellipsis;
|
|
width: 100%;
|
|
}
|
|
|
|
.posts-list.full-text > li .post-title {
|
|
border-left: 5px solid #2D6DCC;
|
|
margin: 0 -5px -1px;
|
|
}
|
|
|
|
.posts-list > li .thumbnail-link {
|
|
display: table-cell;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
.posts-list > li .thumbnail-link .thumbnail {
|
|
border: 1px #FFF solid;
|
|
display: block;
|
|
width: 170px;
|
|
height: auto;
|
|
}
|
|
|
|
.posts-list > li .thumbnail-link .thumbnail:hover {
|
|
border-color: #2D6DCC;
|
|
box-shadow: 0 0 2px #2D6DCC;
|
|
-moz-box-shadow: 0 0 2px #2D6DCC;
|
|
}
|
|
|
|
.posts-list > li .right-box {
|
|
width: 100%;
|
|
display: table-cell;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.posts-list > li .excerpt {
|
|
line-height: 30px;
|
|
}
|
|
|
|
.posts-list > li .post-meta > li
|
|
.posts-list > li .post-meta > li a {
|
|
color: #666;
|
|
}
|
|
|
|
.posts-list > li .post-meta > li {
|
|
display: inline;
|
|
margin-right: 20px;
|
|
border: 1px #C2C2C2 solid;
|
|
border-radius: 2px;
|
|
-moz-border-radius: 2px;
|
|
text-align: center;
|
|
padding: 4px 10px;
|
|
cursor: pointer;
|
|
line-height: 26px;
|
|
}
|
|
|
|
.posts-list > li .post-meta > li:hover {
|
|
color: #FFF;
|
|
background: #2D6DCC;
|
|
border-color: #2D6DCC;
|
|
}
|
|
|
|
.posts-list > li .post-meta > li:last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.posts-list > li .post-meta > li:hover a {
|
|
color: #FFF;
|
|
}
|
|
|
|
.empty-posts-list .search-form:after {
|
|
content: '';
|
|
display: block;
|
|
height: 0;
|
|
clear: both;
|
|
}
|
|
|
|
.empty-posts-list .search-form .search-text {
|
|
float: left;
|
|
border-right: none;
|
|
width: 80%;
|
|
height: 36px;
|
|
font-size: 16px;
|
|
line-height: 36px;
|
|
padding: 0 10px;
|
|
}
|
|
|
|
.empty-posts-list .search-form .search-submit {
|
|
float: left;
|
|
width: 20%;
|
|
height: 36px;
|
|
font-size: 16px;
|
|
line-height: 36px;
|
|
}
|
|
|
|
/*----------------------------------------------------------
|
|
Page navi
|
|
----------------------------------------------------------*/
|
|
.page-navi a,
|
|
.page-navi .pages,
|
|
.page-navi .current {
|
|
display: inline;
|
|
margin: 0 4px;
|
|
border-radius: 2px;
|
|
-moz-border-radius: 2px;
|
|
text-align: center;
|
|
padding: 4px 8px;
|
|
line-height: 26px;
|
|
border: 1px #C2C2C2 solid;
|
|
}
|
|
|
|
.page-navi a:hover,
|
|
.page-navi .current {
|
|
background: #2D6DCC;
|
|
border-color: #2D6DCC;
|
|
color: #FFF;
|
|
}
|
|
|
|
.page-navi > *:first-child {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.page-navi > *:last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
/*----------------------------------------------------------
|
|
Post
|
|
----------------------------------------------------------*/
|
|
#post-box .post-meta-box {
|
|
padding: 0 15px;
|
|
background: #FFF;
|
|
}
|
|
|
|
#post-box .post-meta-box:after {
|
|
content: '';
|
|
display: block;
|
|
height: 0;
|
|
clear: both;
|
|
}
|
|
|
|
#post-box .post-meta-box .post-meta {
|
|
float: right;
|
|
}
|
|
|
|
#post-box .post-meta-box .post-meta > li
|
|
#post-box .post-meta-box .post-meta > li a {
|
|
color: #666;
|
|
}
|
|
|
|
#post-box .post-meta-box .post-meta > li {
|
|
display: inline;
|
|
margin-right: 5px;
|
|
border: 1px #C2C2C2 solid;
|
|
border-radius: 2px;
|
|
-moz-border-radius: 2px;
|
|
text-align: center;
|
|
padding: 4px 10px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#post-box .post-meta-box .post-meta > li:hover {
|
|
color: #FFF;
|
|
background: #2D6DCC;
|
|
border-color: #2D6DCC;
|
|
}
|
|
|
|
#post-box .post-meta-box .post-meta > li:last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
#post-box .post-meta-box .post-meta > li:hover a {
|
|
color: #FFF;
|
|
}
|
|
|
|
#post-box .post-meta-box .post-meta > .tags .tags-list {
|
|
display: none;
|
|
}
|
|
|
|
#post-box .post-title {
|
|
border: 5px solid #2D6DCC;
|
|
border-width: 0 5px 0;
|
|
background: #FAFAFA;
|
|
margin: 0 -5px -1px;
|
|
font-size: 18px;
|
|
}
|
|
|
|
#post-box.type-post .post-title:before {
|
|
content: '\f109';
|
|
}
|
|
|
|
#post-box.type-page .post-title:before {
|
|
content: '\f105';
|
|
}
|
|
|
|
#post-box .post-password-form p {
|
|
text-indent: 0;
|
|
}
|
|
|
|
.related-posts-box .refresh.activate span{
|
|
animation: rotate 1s infinite linear;
|
|
-moz-animation: rotate 1s infinite linear;
|
|
-webkit-animation: rotate 1s infinite linear;
|
|
-o-animation: rotate 1s infinite linear;
|
|
}
|
|
|
|
.related-posts-box .related-posts-box-panel {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.related-posts {
|
|
margin-top: 10px;
|
|
padding: 0 10px;
|
|
}
|
|
|
|
.related-posts > li {
|
|
padding: 0 5px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.related-posts > li .related-posts-panel {
|
|
margin-bottom: 0;
|
|
border: 1px solid transparent;
|
|
}
|
|
|
|
.related-posts > li .related-posts-panel:hover {
|
|
border-color: #2D6DCC;
|
|
box-shadow: 0 0 2px #2D6DCC;
|
|
-moz-box-shadow: 0 0 2px #2D6DCC;
|
|
}
|
|
|
|
.related-posts > li .related-posts-panel:hover .excerpt {
|
|
top: 0;
|
|
}
|
|
|
|
.related-posts > li .thumbnail-link {
|
|
display: block;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.related-posts > li .thumbnail {
|
|
width: 100%;
|
|
height: auto;
|
|
display: block;
|
|
}
|
|
|
|
.related-posts > li .excerpt {
|
|
position: absolute;
|
|
width: 100%;
|
|
top: -100%;
|
|
left: 0;
|
|
background: rgba( 0, 0, 0, .66 );
|
|
height: 100%;
|
|
color: #FFF;
|
|
padding: 8px;
|
|
transition: top .2s;
|
|
-webkit-transition: top .2s;
|
|
-moz-transition: top .2s;
|
|
-o-transition: top .2s;
|
|
}
|
|
|
|
.related-posts > li .bottom-box {
|
|
padding: 5px;
|
|
background: #FFF;
|
|
}
|
|
|
|
.related-posts > li .post-title {
|
|
line-height: 18px;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
-ms-text-overflow: ellipsis;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.related-posts > li .post-meta > li {
|
|
display: inline-block;
|
|
color: #999;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.related-posts > li .post-meta > li:last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.related-posts > li .post-meta > li a {
|
|
color: #999;
|
|
}
|
|
|
|
.related-posts > li .post-meta > li a:hover {
|
|
color: #2D6DCC;
|
|
}
|
|
|
|
/*----------------------------------------------------------
|
|
Context
|
|
----------------------------------------------------------*/
|
|
.context p {
|
|
line-height: 28px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.context a {
|
|
color: #2D6DCC;
|
|
}
|
|
|
|
.context a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.context > div,
|
|
.context > form,
|
|
.context > pre {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.context h1,
|
|
.context h2,
|
|
.context h3,
|
|
.context h4,
|
|
.context h5,
|
|
.context h6 {
|
|
margin-bottom: 10px;
|
|
border-bottom: 1px solid #E6E6EB;
|
|
}
|
|
|
|
.context h1 {
|
|
font-size: 22px;
|
|
line-height: 32px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.context h2 {
|
|
font-size: 20px;
|
|
line-height: 40px;
|
|
margin: 0 -15px 10px;
|
|
padding: 0 15px;
|
|
border-bottom: none;
|
|
background: #FAFAFA;
|
|
}
|
|
|
|
.context h3 {
|
|
font-size: 18px;
|
|
line-height: 38px;
|
|
margin: 0 -15px 10px;
|
|
padding: 0 15px;
|
|
border-bottom: none;
|
|
background: #FAFAFA;
|
|
}
|
|
|
|
.context h4 {
|
|
font-size: 16px;
|
|
line-height: 26px;
|
|
}
|
|
|
|
.context h5 {
|
|
font-size: 14px;
|
|
line-height: 24px;
|
|
}
|
|
|
|
.context h6 {
|
|
font-size: 12px;
|
|
line-height: 22px;
|
|
}
|
|
|
|
.context img {
|
|
max-width: 100%;
|
|
height: auto;
|
|
border: 1px solid #E6E6EB;
|
|
margin-bottom: 10px;
|
|
padding: 2px;
|
|
transition: .5s;
|
|
-webkit-transition: .5s;
|
|
-moz-transition: .5s;
|
|
-o-transition: .5s;
|
|
transition-property: border-color, box-shadow;
|
|
-webkit-transition-property: border-color, box-shadow;
|
|
-moz-transition-property: border-color, box-shadow;
|
|
-o-transition-property: border-color, box-shadow;
|
|
}
|
|
|
|
.context img:hover {
|
|
border-color: #2D6DCC;
|
|
box-shadow: 0 0 2px #2D6DCC;
|
|
-moz-box-shadow: 0 0 2px #2D6DCC;
|
|
}
|
|
|
|
.context strong, .context b {
|
|
background: #F0F0F5;
|
|
-moz-border-radius: 2px;
|
|
border-radius: 2px;
|
|
padding: 2px 8px;
|
|
font-size: .9375em;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.context .wp-caption {
|
|
border: 1px solid #E6E6EB;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.context .wp-caption:hover,
|
|
.context .wp-caption:hover p {
|
|
border-color: #CCC;
|
|
color: #333;
|
|
}
|
|
|
|
.context .wp-caption img {
|
|
width: 100%;
|
|
margin-bottom: 0;
|
|
border: none;
|
|
}
|
|
|
|
.context .wp-caption img:hover {
|
|
background: transparent;
|
|
box-shadow: none;
|
|
-moz-box-shadow: none;
|
|
}
|
|
|
|
.context .wp-caption .wp-caption-text {
|
|
background: #FAFAFA;
|
|
margin-bottom: 0;
|
|
line-height: 24px;
|
|
border-top: 1px solid #E6E6EB;
|
|
text-indent: 0;
|
|
text-align: center;
|
|
font-size: 14px;
|
|
color: #666;
|
|
padding: 5px 2px;
|
|
}
|
|
|
|
.context blockquote {
|
|
margin-bottom: 10px;
|
|
width: 100%;
|
|
border: 1px solid #E6E6EB;
|
|
border-left-width: 8px;
|
|
padding: 10px 10px 0;
|
|
}
|
|
|
|
.context hr {
|
|
border-top: 1px solid #E6E6EB;
|
|
margin: 0 -15px 10px;
|
|
}
|
|
|
|
.context ol,
|
|
.context ul {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.context li {
|
|
list-style: circle inside;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.context li:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.context ol li {
|
|
list-style-type: decimal;
|
|
}
|
|
|
|
.context table {
|
|
width: 100%;
|
|
margin-bottom: 10px;
|
|
border: 1px solid #E6E6EB;
|
|
}
|
|
|
|
.context table tr:nth-child( odd ) {
|
|
background: #FAFAFA;
|
|
}
|
|
|
|
.context table tr:last-child td {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.context table tr td {
|
|
border: solid #E6E6EB;
|
|
border-width: 0 1px 1px 0;
|
|
padding: 4px 8px;
|
|
}
|
|
|
|
.context table tr td:last-child {
|
|
border-right: none;
|
|
}
|
|
|
|
/*.context pre {
|
|
font: inherit;
|
|
font-family: Consolas, Monaco, 'Courier New', Courier, monospace;
|
|
line-height: 18px;
|
|
border: 1px solid #E6E6EB;
|
|
background: #FAFAFA;
|
|
padding: 5px 10px;
|
|
overflow-x: auto;
|
|
overflow-y: hidden;
|
|
}*/
|
|
|
|
.context > *:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
/*----------------------------------------------------------
|
|
Comments list
|
|
----------------------------------------------------------*/
|
|
.comments-list {
|
|
margin: -10px -15px;
|
|
}
|
|
|
|
.comments-list #respond {
|
|
padding: 0 5px;
|
|
}
|
|
|
|
.comments-list > li {
|
|
border: 1px solid #FFF;
|
|
border-bottom-color: #E6E6EB;
|
|
padding: 9px;
|
|
}
|
|
|
|
.comments-list > li:last-child {
|
|
border-bottom-color: #FFF;
|
|
}
|
|
|
|
.comments-list > li:hover {
|
|
border-color: #2D6DCC;
|
|
box-shadow: 0 0 2px #2D6DCC;
|
|
-moz-box-shadow: 0 0 2px #2D6DCC;
|
|
}
|
|
|
|
.comments-list > li:hover + li {
|
|
padding-top: 10px;
|
|
border-top: none;
|
|
}
|
|
|
|
.comments-list li > .comment-box:after {
|
|
content: '';
|
|
display: block;
|
|
height: 0;
|
|
clear: both;
|
|
}
|
|
|
|
.comments-list li > .comment-box .avatar {
|
|
float: left;
|
|
display: block;
|
|
width: 42px;
|
|
height: 42px;
|
|
}
|
|
|
|
.comments-list.show-avatars li > .comment-box > .right-box {
|
|
padding-left: 48px;
|
|
}
|
|
|
|
.comments-list li .right-box > .comment-meta {
|
|
display: block;
|
|
line-height: 18px;
|
|
margin-top: 0;
|
|
}
|
|
|
|
.comments-list li .right-box > .comment-meta .author {
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.comments-list li .right-box > .comment-meta .time {
|
|
color: #999;
|
|
}
|
|
|
|
.comments-list li .right-box > .comment-meta .edit-link a,
|
|
.comments-list li .right-box > .comment-meta .reply a {
|
|
color: #2D6DCC;
|
|
}
|
|
|
|
.comments-list li .right-box > p {
|
|
color: #666;
|
|
line-height: 20px;
|
|
margin-top: 3px;
|
|
}
|
|
|
|
.comments-list li .right-box > .waiting {
|
|
color: #2D6DCC;
|
|
}
|
|
|
|
.comments-list li > .children {
|
|
margin: 15px 0 0 48px;
|
|
}
|
|
|
|
.comments-list li > .children > li {
|
|
margin-bottom: 10px;
|
|
border-left: 8px solid #E6E6EB;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.comments-list-nav {
|
|
margin-top: 20px;
|
|
text-align: center;
|
|
}
|
|
|
|
/*----------------------------------------------------------
|
|
Respond
|
|
----------------------------------------------------------*/
|
|
#respond {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
#respond .comment-reply-title {
|
|
line-height: 38px;
|
|
height: 38px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
#respond .comment-reply-title:before {
|
|
content: '\f125';
|
|
font-family: dashicons;
|
|
vertical-align: top;
|
|
color: #C2C2C2;
|
|
margin-right: 6px;
|
|
font-size: 18px;
|
|
}
|
|
|
|
#respond .comment-reply-title:after {
|
|
content: '';
|
|
display: block;
|
|
height: 0;
|
|
clear: both;
|
|
}
|
|
|
|
#respond .comment-reply-title > a {
|
|
text-decoration: underline;
|
|
padding: 0 2px;
|
|
}
|
|
|
|
#respond .comment-reply-title small {
|
|
float: right;
|
|
}
|
|
|
|
#respond .comment-reply-title small a {
|
|
color: #999;
|
|
}
|
|
|
|
#respond .comment-reply-title small a:hover {
|
|
color: #888;
|
|
}
|
|
|
|
/*----------------------------------------------------------
|
|
Comment from
|
|
----------------------------------------------------------*/
|
|
#commentform:after {
|
|
content: '';
|
|
display: block;
|
|
height: 0;
|
|
clear: both;
|
|
}
|
|
|
|
#commentform .logged-in-as a {
|
|
text-decoration: underline;
|
|
padding: 0 2px;
|
|
}
|
|
|
|
#commentform p:hover label {
|
|
color: #888;
|
|
}
|
|
|
|
#commentform .comment-form-author,
|
|
#commentform .comment-form-email {
|
|
float: left;
|
|
width: 50%;
|
|
margin-bottom: 10px;
|
|
padding: 0 10px 0 0;
|
|
}
|
|
|
|
#commentform .comment-form-email {
|
|
padding: 0 0 0 10px;
|
|
}
|
|
|
|
#commentform .comment-form-url,
|
|
#commentform .comment-form-comment {
|
|
clear: both;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
#commentform .form-submit {
|
|
float: left;
|
|
}
|
|
|
|
#commentform .comment-form-smiley {
|
|
display: block;
|
|
float: right;
|
|
line-height: 26px;
|
|
font-size: 20px;
|
|
background: #929292;
|
|
color: #FFF;
|
|
width: 26px;
|
|
border-radius: 100%;
|
|
-moz-border-radius: 100%;
|
|
text-align: center;
|
|
position: relative;
|
|
}
|
|
|
|
#commentform .comment-form-smiley .button {
|
|
line-height: 26px;
|
|
color: #FFF;
|
|
}
|
|
|
|
#commentform .comment-form-smiley .smiley-box {
|
|
display: none;
|
|
position: absolute;
|
|
right: 0;
|
|
bottom: 30px;
|
|
width: 241px;
|
|
background: #FAFAFA;
|
|
border: solid #E6E6EB;
|
|
border-width: 1px 0 0 1px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
#commentform .comment-form-smiley .smiley-box > a {
|
|
display: block;
|
|
width: 40px;
|
|
float: left;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
border: solid #E6E6EB;
|
|
border-width: 0 1px 1px 0;
|
|
}
|
|
|
|
#commentform .comment-form-smiley .smiley-box > a:hover {
|
|
background: #F0F0F5;
|
|
}
|
|
|
|
#commentform .comment-form-smiley .smiley-box:before {
|
|
content: '';
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 1px;
|
|
background: #E6E6EB;
|
|
bottom: 0;
|
|
left: 0;
|
|
}
|
|
|
|
#commentform .comment-form-smiley .smiley-box:after {
|
|
content: '';
|
|
position: absolute;
|
|
width: 1px;
|
|
height: 100%;
|
|
background: #E6E6EB;
|
|
top: 0;
|
|
right: 0;
|
|
clear: both;
|
|
}
|
|
|
|
#commentform p label {
|
|
display: block;
|
|
color: #999;
|
|
}
|
|
|
|
#commentform #author,
|
|
#commentform #email,
|
|
#commentform #url {
|
|
width: 100%;
|
|
}
|
|
|
|
#commentform #comment {
|
|
height: 126px;
|
|
resize: vertical;
|
|
display: block;
|
|
}
|
|
|
|
#commentform #comment:focus {
|
|
background: #FAFAFA;
|
|
}
|
|
|
|
/*----------------------------------------------------------
|
|
Breadcrumb
|
|
----------------------------------------------------------*/
|
|
.breadcrumb {
|
|
display: inline-block;
|
|
}
|
|
|
|
.breadcrumb li {
|
|
display: inline-block;
|
|
}
|
|
|
|
.breadcrumb li:after,
|
|
.breadcrumb li.home a:before {
|
|
content: '\f345';
|
|
display: inline-block;
|
|
font-family: dashicons;
|
|
text-decoration: inherit;
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
vertical-align: top;
|
|
text-align: center;
|
|
padding: 0 3px;
|
|
}
|
|
|
|
.breadcrumb li:last-child:after {
|
|
display: none;
|
|
}
|
|
|
|
.breadcrumb li.home a:before {
|
|
content: '\f102';
|
|
padding: 0;
|
|
}
|
|
|
|
/*----------------------------------------------------------
|
|
Search
|
|
----------------------------------------------------------*/
|
|
.hot-searches {
|
|
display: none;
|
|
}
|
|
|
|
/*----------------------------------------------------------
|
|
Sidebar
|
|
----------------------------------------------------------*/
|
|
.empty-sidebar .empty-sidebar-title:before {
|
|
content: '\f534';
|
|
font-family: dashicons;
|
|
vertical-align: top;
|
|
color: #C2C2C2;
|
|
margin-right: 6px;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.empty-sidebar .warning {
|
|
font-size: 16px;
|
|
line-height: 32px;
|
|
}
|
|
|
|
.empty-sidebar .set-widget {
|
|
text-align: right;
|
|
}
|
|
|
|
.empty-sidebar .set-widget a {
|
|
color: #2D6DCC;
|
|
}
|
|
|
|
.sidebar-posts-list > li {
|
|
padding: 9px;
|
|
border: 1px solid #FFF;
|
|
border-bottom-color: #E6E6EB;
|
|
}
|
|
|
|
.sidebar-posts-list > li:after {
|
|
content: '';
|
|
display: block;
|
|
height: 0;
|
|
clear: both;
|
|
}
|
|
|
|
.sidebar-posts-list > li:last-child {
|
|
border-bottom-color: #FFF;
|
|
}
|
|
|
|
.sidebar-posts-list > li:hover {
|
|
border-color: #2D6DCC;
|
|
box-shadow: 0 0 2px #2D6DCC;
|
|
-moz-box-shadow: 0 0 2px #2D6DCC;
|
|
}
|
|
|
|
.sidebar-posts-list > li:hover + li {
|
|
border-top: none;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.sidebar-posts-list > li .thumbnail-link {
|
|
display: block;
|
|
float: left;
|
|
}
|
|
|
|
.sidebar-posts-list > li .thumbnail {
|
|
width: 50px;
|
|
height: 50px;
|
|
display: block;
|
|
border: 1px solid #E3E6EB;
|
|
border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
}
|
|
|
|
.sidebar-posts-list > li.thumbnail .right-box {
|
|
padding-left: 60px;
|
|
}
|
|
|
|
.sidebar-posts-list > li .post-title {
|
|
line-height: 20px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.sidebar-posts-list > li .post-meta {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.sidebar-posts-list > li .post-meta > li {
|
|
display: inline;
|
|
margin-right: 14px;
|
|
color: #A2A2A2;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.sidebar-posts-list > li .post-meta > li:last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.sidebar-posts-list > li .post-meta > li:hover,
|
|
.sidebar-posts-list > li .post-meta > li:hover a {
|
|
color: #2D6DCC;
|
|
}
|
|
|
|
.sidebar-posts-list > li .post-meta > li a {
|
|
color: #A2A2A2;
|
|
}
|
|
|
|
.empty-sidebar-posts-list {
|
|
padding: 10px 15px;
|
|
}
|
|
|
|
.empty-sidebar-posts-list .search-text {
|
|
width: 100%;
|
|
}
|
|
|
|
.empty-sidebar-posts-list .search-submit {
|
|
display: none;
|
|
}
|
|
|
|
/*----------------------------------------------------------
|
|
Widget
|
|
----------------------------------------------------------*/
|
|
.widget[class*=easy] .widget-title:before {
|
|
content: '\f328';
|
|
}
|
|
|
|
.widget[class*=super] .widget-title:before,
|
|
.widget[class*=like] .widget-title:before {
|
|
content: '\f155';
|
|
}
|
|
|
|
.widget[class*=meta] .widget-title:before {
|
|
content: '\f120';
|
|
}
|
|
|
|
.widget[class*=archive] .widget-title:before,
|
|
.widget[class*=archives] .widget-title:before {
|
|
content: '\f480';
|
|
}
|
|
|
|
.widget[class*=categor] .widget-title:before {
|
|
content: '\f318';
|
|
}
|
|
|
|
.widget[class*=comment] .widget-title:before,
|
|
.widget[class*=testimonial] .widget-title:before,
|
|
.widget[class*=chat] .widget-title:before {
|
|
content: '\f101';
|
|
}
|
|
|
|
.widget[class*=post] .widget-title:before {
|
|
content: '\f109';
|
|
}
|
|
|
|
.widget[class*=page] .widget-title:before {
|
|
content: '\f105';
|
|
}
|
|
|
|
.widget[class*=text] .widget-title:before {
|
|
content: '\f478';
|
|
}
|
|
|
|
.widget[class*=link] .widget-title:before {
|
|
content: '\f103';
|
|
}
|
|
|
|
.widget[class*=search] .widget-title:before {
|
|
content: '\f179';
|
|
}
|
|
|
|
.widget[class*=menu] .widget-title:before,
|
|
.widget[class*=nav] .widget-title:before {
|
|
content: '\f333';
|
|
}
|
|
|
|
.widget[class*=tag] .widget-title:before {
|
|
content: '\f479';
|
|
}
|
|
|
|
.widget[class*=rss] .widget-title:before {
|
|
content: '\f303';
|
|
}
|
|
|
|
.widget[class*=event] .widget-title:before,
|
|
.widget[class*=calendar] .widget-title:before {
|
|
content: '\f145';
|
|
}
|
|
|
|
.widget[class*=image] .widget-title:before,
|
|
.widget[class*=photo] .widget-title:before,
|
|
.widget[class*=slide] .widget-title:before,
|
|
.widget[class*=instagram] .widget-title:before {
|
|
content: '\f128';
|
|
}
|
|
|
|
.widget[class*=album] .widget-title:before,
|
|
.widget[class*=galler] .widget-title:before {
|
|
content: '\f161';
|
|
}
|
|
|
|
.widget[class*=video] .widget-title:before,
|
|
.widget[class*=tube] .widget-title:before {
|
|
content: '\f126';
|
|
}
|
|
|
|
.widget[class*=music] .widget-title:before,
|
|
.widget[class*=radio] .widget-title:before,
|
|
.widget[class*=audio] .widget-title:before {
|
|
content: '\f127';
|
|
}
|
|
|
|
.widget[class*=login] .widget-title:before,
|
|
.widget[class*=user] .widget-title:before,
|
|
.widget[class*=member] .widget-title:before,
|
|
.widget[class*=avatar] .widget-title:before,
|
|
.widget[class*=subscriber] .widget-title:before,
|
|
.widget[class*=profile] .widget-title:before,
|
|
.widget[class*=grofile] .widget-title:before {
|
|
content: '\f110';
|
|
}
|
|
|
|
.widget[class*=commerce] .widget-title:before,
|
|
.widget[class*=shop] .widget-title:before,
|
|
.widget[class*=cart] .widget-title:before {
|
|
content: '\f174';
|
|
}
|
|
|
|
.widget[class*=secur] .widget-title:before,
|
|
.widget[class*=firewall] .widget-title:before {
|
|
content: '\f332';
|
|
}
|
|
|
|
.widget[class*=analytic] .widget-title:before,
|
|
.widget[class*=stat] .widget-title:before,
|
|
.widget[class*=poll] .widget-title:before {
|
|
content: '\f185';
|
|
}
|
|
|
|
.widget[class*=form] .widget-title:before {
|
|
content: '\f175';
|
|
}
|
|
|
|
.widget[class*=subscribe] .widget-title:before,
|
|
.widget[class*=news] .widget-title:before,
|
|
.widget[class*=contact] .widget-title:before,
|
|
.widget[class*=mail] .widget-title:before {
|
|
content: '\f466';
|
|
}
|
|
|
|
.widget[class*=share] .widget-title:before,
|
|
.widget[class*=socia] .widget-title:before {
|
|
content: '\f237';
|
|
}
|
|
|
|
.widget[class*=lang] .widget-title:before,
|
|
.widget[class*=translat] .widget-title:before {
|
|
content: '\f326';
|
|
}
|
|
|
|
.widget[class*=locat] .widget-title:before,
|
|
.widget[class*=map] .widget-title:before {
|
|
content: '\f231';
|
|
}
|
|
|
|
.widget[class*=download] .widget-title:before {
|
|
content: '\f316';
|
|
}
|
|
|
|
.widget[class*=weather] .widget-title:before {
|
|
content: '\f176'
|
|
}
|
|
|
|
.widget[class*=facebook] .widget-title:before {
|
|
content: '\f304';
|
|
}
|
|
|
|
.widget[class*=tweet] .widget-title:before,
|
|
.widget[class*=twitter] .widget-title:before {
|
|
content: '\f301';
|
|
}
|
|
|
|
.widget_rss li {
|
|
list-style: disc inside;
|
|
}
|
|
|
|
.widget_rss li:after {
|
|
content: '';
|
|
display: block;
|
|
height: 0;
|
|
clear: both;
|
|
}
|
|
|
|
.widget_rss .widget-title a.rsswidget:first-child {
|
|
display: none;
|
|
}
|
|
|
|
.widget_rss .rss-date {
|
|
color: #C2C2C2;
|
|
}
|
|
|
|
.widget_rss .rssSummary {
|
|
padding: 5px;
|
|
background: #F0F0F5;
|
|
}
|
|
|
|
.widget_rss cite {
|
|
float: right;
|
|
color: #2D6DCC;
|
|
font-style: normal;
|
|
}
|
|
|
|
.widget_categories li {
|
|
list-style: disc inside;
|
|
color: #A2A2A2;
|
|
}
|
|
|
|
.widget_categories li a {
|
|
color: #333;
|
|
}
|
|
|
|
.widget_categories li a:hover {
|
|
color: #2D6DCC;
|
|
}
|
|
|
|
.widget_categories li .children {
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.widget_categories .screen-reader-text {
|
|
display: block;
|
|
}
|
|
|
|
.widget_categories select {
|
|
width: 100%;
|
|
}
|
|
|
|
.widget_meta ul:after {
|
|
content: '';
|
|
display: block;
|
|
height: 0;
|
|
clear: both;
|
|
}
|
|
|
|
.widget_meta li {
|
|
list-style: disc inside;
|
|
float: left;
|
|
width: 50%;
|
|
}
|
|
|
|
.widget_archive li {
|
|
list-style: disc inside;
|
|
color: #A2A2A2;
|
|
}
|
|
|
|
.widget_archive li a {
|
|
color: #333;
|
|
}
|
|
|
|
.widget_archive li a:hover {
|
|
color: #2D6DCC;
|
|
}
|
|
|
|
.widget_archive .screen-reader-text {
|
|
display: block;
|
|
}
|
|
|
|
.widget_archive select {
|
|
width: 100%;
|
|
}
|
|
|
|
.widget_calendar table {
|
|
width: 100%;
|
|
position: relative;
|
|
}
|
|
|
|
.widget_calendar caption {
|
|
font-weight: bold;
|
|
font-size: 16px;
|
|
line-height: 26px;
|
|
text-align: left;
|
|
}
|
|
|
|
.widget_calendar thead tr th {
|
|
text-align: center;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.widget_calendar tbody tr {
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
.widget_calendar tbody tr td {
|
|
text-align: center;
|
|
padding: 2px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
margin-right: 2px;
|
|
}
|
|
|
|
.widget_calendar tbody tr td:last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.widget_calendar tbody tr td:hover {
|
|
border: 2px solid #A2A2A2;
|
|
padding: 0;
|
|
}
|
|
|
|
.widget_calendar tbody tr td a {
|
|
display: block;
|
|
font-weight: bold;
|
|
color: #2D6DCC;
|
|
}
|
|
|
|
.widget_calendar tbody .pad {
|
|
visibility: hidden;
|
|
}
|
|
|
|
.widget_calendar tbody #today {
|
|
background: #2D6DCC;
|
|
border-color: #2D6DCC;
|
|
color: #FFF;
|
|
}
|
|
|
|
.widget_calendar tbody #today a {
|
|
color: #FFF;
|
|
}
|
|
|
|
.widget_calendar tfoot {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
display: block;
|
|
height: 26px;
|
|
}
|
|
|
|
.widget_calendar tfoot tr {
|
|
line-height: 26px;
|
|
height: 26px;
|
|
display: block;
|
|
}
|
|
|
|
.widget_calendar tfoot tr td {
|
|
line-height: 26px;
|
|
height: 26px;
|
|
display: block;
|
|
float: left;
|
|
padding: 0 15px;
|
|
}
|
|
|
|
.widget_calendar tfoot tr #prev,
|
|
.widget_calendar tfoot tr #next {
|
|
margin-right: -15px;
|
|
}
|
|
|
|
.widget_calendar tfoot tr td a {
|
|
color: #2D6DCC;
|
|
}
|
|
|
|
.widget_calendar tfoot .pad {
|
|
display: none;
|
|
}
|
|
|
|
.widget_nav_menu li {
|
|
list-style: disc inside;
|
|
}
|
|
|
|
.widget_nav_menu li .sub-menu {
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.widget_pages li {
|
|
list-style: disc inside;
|
|
}
|
|
|
|
.widget_pages li .children {
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.widget_posts_list .panel {
|
|
padding: 0;
|
|
}
|
|
|
|
.widget_posts_list .panel-header {
|
|
margin: 0;
|
|
}
|
|
|
|
.widget_recent_comments .panel {
|
|
padding: 0;
|
|
}
|
|
|
|
.widget_recent_comments .panel-header {
|
|
margin: 0;
|
|
}
|
|
|
|
.widget_recent_comments li {
|
|
border: 1px solid #FFF;
|
|
border-bottom-color: #E6E6EB;
|
|
}
|
|
|
|
.widget_recent_comments li:last-child {
|
|
border-bottom-color: #FFF;
|
|
}
|
|
|
|
.widget_recent_comments li:hover {
|
|
border-color: #2D6DCC;
|
|
box-shadow: 0 0 2px #2D6DCC;
|
|
-moz-box-shadow: 0 0 2px #2D6DCC;
|
|
}
|
|
|
|
.widget_recent_comments li:hover + li {
|
|
border-top: none;
|
|
}
|
|
|
|
.widget_recent_comments li:hover + li a {
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.widget_recent_comments li > a {
|
|
padding: 9px;
|
|
display: block;
|
|
}
|
|
|
|
.widget_recent_comments li > a:after {
|
|
content: '';
|
|
display: block;
|
|
height: 0;
|
|
clear: both;
|
|
}
|
|
|
|
.widget_recent_comments li img.avatar {
|
|
float: left;
|
|
width: 36px;
|
|
height: 36px;
|
|
}
|
|
|
|
.widget_recent_comments .show-avatars li .right-box {
|
|
padding-left: 42px;
|
|
}
|
|
|
|
.widget_recent_comments li .author {
|
|
display: block;
|
|
line-height: 18px;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
-ms-text-overflow: ellipsis;
|
|
text-overflow: ellipsis;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.widget_recent_comments li .comment-text {
|
|
color: #666;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
-ms-text-overflow: ellipsis;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.widget_recent_comments .empty-recent-comments {
|
|
padding: 10px 15px;
|
|
}
|
|
|
|
.widget_tag_cloud .list-box:after {
|
|
content: '';
|
|
display: block;
|
|
height: 0;
|
|
clear: both;
|
|
}
|
|
|
|
.widget_tag_cloud .list-box > a {
|
|
border: 1px #C2C2C2 solid;
|
|
border-radius: 2px;
|
|
-moz-border-radius: 2px;
|
|
text-align: center;
|
|
padding: 0 8px;
|
|
line-height: 24px;
|
|
height: 24px;
|
|
display: block;
|
|
float: left;
|
|
margin: 5px 10px 5px 0;
|
|
}
|
|
|
|
.widget_tag_cloud .list-box > a:hover {
|
|
color: #FFF;
|
|
background: #2D6DCC;
|
|
border-color: #2D6DCC;
|
|
}
|
|
|
|
/*----------------------------------------------------------
|
|
Return top
|
|
----------------------------------------------------------*/
|
|
#return-top {
|
|
display: none;
|
|
position: fixed;
|
|
right: 20px;
|
|
bottom: 20px;
|
|
z-index: 300;
|
|
background: #E6E6EB;
|
|
width: 45px;
|
|
height: 45px;
|
|
border-radius: 10px;
|
|
-moz-border-radius: 10px;
|
|
background: #2D6DCC;
|
|
color: #FFF;
|
|
opacity: .8;
|
|
}
|
|
|
|
#return-top:hover {
|
|
opacity: 1;
|
|
}
|
|
|
|
#return-top .dashicons {
|
|
width: 100%;
|
|
height: 100%;
|
|
display: block;
|
|
line-height: 45px;
|
|
font-size: 24px;
|
|
}
|
|
|
|
/*----------------------------------------------------------
|
|
Footer
|
|
----------------------------------------------------------*/
|
|
#footer {
|
|
background: #2E3137;
|
|
width: 100%;
|
|
height: 90px;
|
|
position: relative;
|
|
z-index: 100;
|
|
border-top: 35px solid #47494C;
|
|
color: #FFF;
|
|
}
|
|
|
|
#footer .footer-menu-box {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 35px;
|
|
left: 0;
|
|
top: -35px;
|
|
}
|
|
|
|
#footer .footer-menu-box .menu-title {
|
|
float: left;
|
|
height: 100%;
|
|
padding: 0 10px;
|
|
background: #2E3137;
|
|
line-height: 35px;
|
|
}
|
|
|
|
#footer .footer-menu-box .menu-title span {
|
|
font-size: 20px;
|
|
}
|
|
|
|
#footer_menu {
|
|
height: 100%;
|
|
}
|
|
|
|
#footer_menu > li {
|
|
float: left;
|
|
height: 100%;
|
|
position: relative;
|
|
}
|
|
|
|
#footer_menu > li:hover > a {
|
|
background: #2E3137;
|
|
}
|
|
|
|
#footer_menu > li:hover .sub-menu {
|
|
display: block;
|
|
}
|
|
|
|
#footer_menu > li.current-menu-item > a,
|
|
#footer_menu > li.current-menu-parent > a,
|
|
#footer_menu > li.current_page_item > a,
|
|
#footer_menu > li.current-post-ancestor > a {
|
|
color: #2D6DCC;
|
|
}
|
|
|
|
#footer_menu > li > a {
|
|
height: 100%;
|
|
line-height: 35px;
|
|
display: block;
|
|
padding: 0 10px;
|
|
}
|
|
|
|
#footer_menu > li > a:after {
|
|
content: '\f142';
|
|
font-family: dashicons;
|
|
margin-left: 2px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
#footer_menu > li > a:only-child:after {
|
|
display: none;
|
|
}
|
|
|
|
#footer_menu > li > .sub-menu {
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 35px;
|
|
width: 160px;
|
|
display: none;
|
|
}
|
|
|
|
#footer_menu > li > .sub-menu > li.current-menu-item > a,
|
|
#footer_menu > li > .sub-menu > li.current-menu-parent > a,
|
|
#footer_menu > li > .sub-menu > li.current_page_item > a,
|
|
#footer_menu > li > .sub-menu > li.current-post-ancestor > a {
|
|
color: #2D6DCC;
|
|
}
|
|
|
|
#footer_menu > li .sub-menu > li > a {
|
|
display: block;
|
|
height: 35px;
|
|
line-height: 35px;
|
|
padding: 0 10px;
|
|
background: #2E3137;
|
|
}
|
|
|
|
#footer_menu > li .sub-menu > li > a:hover {
|
|
background: #47494C;
|
|
}
|
|
|
|
#footer p {
|
|
float: left;
|
|
line-height: 36px;
|
|
}
|
|
|
|
#footer a {
|
|
color: #FFF;
|
|
}
|
|
|
|
#footer a:hover {
|
|
color: #2D6DCC;
|
|
}
|
|
|
|
#footer .footer-right {
|
|
float: right;
|
|
}
|
|
|
|
/*----------------------------------------------------------
|
|
Mobile
|
|
----------------------------------------------------------*/
|
|
#mobile-header {
|
|
display: none;
|
|
background: #FAFAFA;
|
|
height: 50px;
|
|
border-bottom: 1px solid #E6E6EB;
|
|
position: relative;
|
|
}
|
|
|
|
#mobile-header .mobile-return {
|
|
position: absolute;
|
|
left: 0;
|
|
height: 100%;
|
|
line-height: 50px;
|
|
color: #2D6DCC;
|
|
font-size: 16px;
|
|
text-indent: 5px;
|
|
display: none;
|
|
}
|
|
|
|
#mobile-header .mobile-return span {
|
|
font-size: 24px;
|
|
}
|
|
|
|
#mobile-header .mobile-return.show {
|
|
display: block;
|
|
}
|
|
|
|
#mobile-header .mobile-return.show + .mobile-title {
|
|
display: none;
|
|
}
|
|
|
|
#mobile-header .mobile-title {
|
|
text-align: center;
|
|
font-size: 16px;
|
|
line-height: 50px;
|
|
height: 100%;
|
|
}
|
|
|
|
#mobile-header .mobile-title .search-text {
|
|
font-size: 12px;
|
|
text-align: left;
|
|
}
|
|
|
|
#mobile-header .mobile-title .search-form {
|
|
position: relative;
|
|
top: 0;
|
|
height: 100%;
|
|
padding: 12px 10px;
|
|
line-height: 50px;
|
|
}
|
|
|
|
#mobile-header .mobile-title .search-form .search-text {
|
|
border: none;
|
|
background: #E3E4E6;
|
|
border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
text-align: center;
|
|
width: 100%;
|
|
font-size: 12px;
|
|
box-shadow: none;
|
|
-moz-box-shadow: none;
|
|
padding: 0 8px;
|
|
}
|
|
|
|
#mobile-header .mobile-title .search-form .search-text:focus,
|
|
#mobile-header .mobile-title .search-form .search-text:valid {
|
|
text-align: left;
|
|
}
|
|
|
|
#mobile-header .mobile-title .search-form .search-submit {
|
|
display: none;
|
|
}
|
|
|
|
#mobile-menu {
|
|
display: none;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
#mobile-menu:after {
|
|
content: '';
|
|
display: block;
|
|
height: 0;
|
|
clear: both;
|
|
}
|
|
|
|
#mobile-menu > li {
|
|
width: 25%;
|
|
float: left;
|
|
border-top: 1px solid #E6E6EB;
|
|
height: 100%;
|
|
}
|
|
|
|
#mobile-menu > li.current > a {
|
|
color: #2D6DCC;
|
|
}
|
|
|
|
#mobile-menu > li > a {
|
|
text-align: center;
|
|
color: #929292;
|
|
display: block;
|
|
line-height: 10px;
|
|
height: 100%;
|
|
}
|
|
|
|
#mobile-menu > li:not( .current ) > a:hover {
|
|
color: #929292;
|
|
}
|
|
|
|
#mobile-menu > li > a > span {
|
|
font-size: 36px;
|
|
display: block;
|
|
line-height: 36px;
|
|
}
|
|
|
|
#mobile-tab-menu {
|
|
display: none;
|
|
margin-top: 10px;
|
|
padding: 0 10px;
|
|
}
|
|
|
|
#mobile-tab-menu:after {
|
|
content: '';
|
|
display: block;
|
|
height: 0;
|
|
clear: both;
|
|
}
|
|
|
|
#mobile-tab-menu > li {
|
|
float: left;
|
|
width: 33.3333333%;
|
|
text-align: center;
|
|
border: 1px solid #BCBCBC;
|
|
border-right-width: 0;
|
|
cursor: pointer;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
color: #666;
|
|
}
|
|
|
|
#mobile-tab-menu > li.disable {
|
|
opacity: .5;
|
|
cursor: default;
|
|
}
|
|
|
|
#mobile-tab-menu > li:not( .disable ):active {
|
|
background: rgba( 188, 188, 188, .3 );
|
|
}
|
|
|
|
#mobile-tab-menu > li:first-child {
|
|
border-top-left-radius: 3px;
|
|
-moz-border-top-left-radius: 3px;
|
|
border-bottom-left-radius: 3px;
|
|
-moz-border-bottom-left-radius: 3px;
|
|
}
|
|
|
|
#mobile-tab-menu > li:last-child {
|
|
border-right-width: 1px;
|
|
border-top-right-radius: 3px;
|
|
-moz-border-top-right-radius: 3px;
|
|
border-bottom-right-radius: 3px;
|
|
-moz-border-bottom-right-radius: 3px;
|
|
}
|
|
|
|
#mobile-tab-menu > li.current {
|
|
background: #BCBCBC;
|
|
color: #FFF;
|
|
}
|
|
|
|
.posts-list-mobile-page-navi {
|
|
display: none;
|
|
}
|
|
|
|
.posts-list-mobile-page-navi p {
|
|
text-align: center;
|
|
color: #666;
|
|
}
|
|
|
|
.posts-list-mobile-page-navi .loading {
|
|
display: none;
|
|
}
|
|
|
|
.posts-list-mobile-page-navi.loading .loading {
|
|
display: block;
|
|
}
|
|
|
|
.posts-list-mobile-page-navi.loading .help-text {
|
|
display: none;
|
|
}
|
|
|
|
.posts-list-mobile-page-navi .loading span {
|
|
animation: rotate 1s infinite linear;
|
|
-moz-animation: rotate 1s infinite linear;
|
|
-webkit-animation: rotate 1s infinite linear;
|
|
-o-animation: rotate 1s infinite linear;
|
|
}
|
|
|
|
.search-mobile-mask {
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 80;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: #000;
|
|
opacity: .6;
|
|
display: none;
|
|
}
|
|
|
|
.hot-searches {
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.hot-searches .panel-header .hot-searches-title {
|
|
font-size: 20px;
|
|
}
|
|
|
|
.hot-searches-list > li {
|
|
line-height: 28px;
|
|
}
|
|
|
|
.hot-searches-list > li a {
|
|
color: #2D6DCC;
|
|
font-size: 14px;
|
|
}
|
|
|
|
#mobile-categories li a {
|
|
display: block;
|
|
padding: 10px;
|
|
font-size: 14px;
|
|
border-bottom: 1px solid #E6E6EB;
|
|
}
|
|
|
|
#mobile-categories li a:last-child {
|
|
border-bottom: none;
|
|
}
|
|
|
|
#mobile-categories > li:nth-child( even ) {
|
|
background: #FAFAFA;
|
|
}
|
|
|
|
#mobile-categories > li li a {
|
|
padding-left: 0;
|
|
}
|
|
|
|
#mobile-categories ul {
|
|
padding-left: 20px;
|
|
}
|
|
|
|
#mobile-categories .cat-item-none {
|
|
font-size: 14px;
|
|
padding: 10px;
|
|
}
|
|
|
|
/**
|
|
* Links page.
|
|
*
|
|
* @since Beginning 4.1.0
|
|
*/
|
|
.links-list li {
|
|
list-style: none;
|
|
}
|
|
|
|
.links-list .link-box {
|
|
display: block;
|
|
background: #FAFAFA;
|
|
color: #333;
|
|
border-radius: 6px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.links-list .link-box:hover {
|
|
text-decoration: none;
|
|
opacity: .9;
|
|
}
|
|
|
|
.links-list .link-title {
|
|
background: #2D6DCC;
|
|
color: #fff;
|
|
line-height: 30px;
|
|
font-size: 14px;
|
|
padding: 0 8px;
|
|
}
|
|
|
|
.links-list .link-favicon {
|
|
border: none;
|
|
margin-bottom: 0;
|
|
padding: 0;
|
|
display: inline-block;
|
|
margin-right: 5px;
|
|
width: 16px;
|
|
height: 16px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.links-list .link-description {
|
|
display: block;
|
|
padding: 6px 8px;
|
|
}
|