Hacked By AnonymousFox
/*
7. Post
Source: css/post.css
Description: styles all elements for WP blog
*/
/* Single post
---------------------------------------------------------------*/
.sticky .btSubTitle:after {
background: $(alternateColor);
font-family: FontAwesome;
content: "\f08d";
color: $(darkFontColor);
display: inline-block;
width: 25px;
height: 25px;
border-radius: 50%;
line-height: 25px;
text-align: center;
box-shadow: 0 0 0 0 transparent;
transition: all 300ms ease;
float: left;
margin: 6px 8px 0 0;
}
.btAboutAuthor {
display: table;
width: 100%;
margin: 0 0 30px;
}
:lightSkinSelector .btAboutAuthor {
border: 1px solid $(lightBorderColor);
}
:darkSkinSelector .btAboutAuthor {
border: 1px solid $(darkBorderColor);
}
.aaAvatar img, .commentAvatar img, .asgItem.avatar img{
display: block;
width: 100%;
height: auto;
border-radius: 50%;
}
.aaTxt {
display: table-cell;
vertical-align: top;
padding: 20px;
}
/* Comments
---------------------------------------------------------------*/
.commentsBox .form-submit {
display: none;
}
.aaAvatar, .commentAvatar {
display: table-cell;
vertical-align: top;
width: 150px;
padding: $(innerVerticalPadding)px $(innerVerticalPadding)px $(innerVerticalPadding)px math($(innerVerticalPadding)/2)px;
}
.commentAvatar {
width: 95px;
}
.commentsBox h4, h3.comment-reply-title {
position: relative;
color: $(alternateColor);
}
.commentsBox {
margin: 0 0 30px;
}
.commentsBox ul.comments, .commentsBox ul.comments li.comment {
list-style: none;
display: block;
padding-left: 0;
margin-left: 0;
}
.commentsBox ul.comments>li, .commentsBox ul.comments>li.comment>ul.children>li.comment {
display: block;
margin: 0;
}
:lightSkinSelector :any(.commentsBox ul.comments>li, .commentsBox ul.comments>li.comment>ul.children>li.comment) {
border-top: 1px solid $(lightBorderColor);
}
:darkSkinSelector :any(.commentsBox ul.comments>li, .commentsBox ul.comments>li.comment>ul.children>li.comment) {
border-top: 1px solid $(darkBorderColor);
}
.commentsBox ul.comments>li article {
margin: 0;
position: relative;
width: 100%;
display: table;
}
.commentsBox ul.comments ul article {
padding: 0 0 0 56px;
}
.commentsBox ul.children {
margin: 0 0 0 20px;
}
.commentsBox ul.comments li article .commentTxt {
padding: $(innerVerticalPadding)px;
padding-left: 0;
display: table-cell;
}
.vcard {
}
.vcard h5 {
/* float: left;*/
margin-bottom: 0;
font-size: 18px;
}
.vcard .posted {
/* float: right;*/
color: $(lightInactiveColor);
font-size: 12px;
text-transform: uppercase;
}
.vcard .posted:before {
content: '\f017';
font: normal 14px/1 FontAwesome;
margin: 0 5px 0 0;
}
.comment {
clear: both;
.commentTxt :any(p.edit-link, p.reply) {
float: left;
margin: 0 20px 0 0;
a {
color: $(lightInactiveColor);
transition: all 300ms ease;
}
a:hover {
color: $(lightInactiveColor);
transition: all 300ms ease;
}
a:before {
font: normal 15px/1 FontAwesome;
margin: 0 5px 0 0;
background-color: transparent;
color: #lightInactiveColor;
padding: 5px;
border-radius: 50%;
transition: all 300ms ease;
box-shadow: 0 0 0 0 $(lightInactiveColor);
}
a:hover:before {
transition: all 300ms ease;
color: $(lightInactiveColor);
box-shadow: 0 0 0 1px $(lightInactiveColor);
}
}
p.edit-link a:before {
content: '\f044';
}
p.reply a:before {
content: '\f112';
}
.commentTxt p.reply {
clear: left;
}
}
.comment-navigation {
text-align: right;
clear: right;
}
.comment-navigation span {
display: inline-block;
}
.comment-navigation a {
display: inline-block;
}
.light .comment-navigation a {
display: inline-block;
}
.comment-navigation a:before, .comment-navigation a:after {
font: normal 17px/0.5 FontAwesome;
color: #f37800;
vertical-align: middle;
}
.comment-navigation a:first-child:before {
content: '\f112';
}
.comment-navigation a:last-child:after {
content: '\f112';
}
.commentsBox ul.comments li article .commentTxt .comment {
text-align: justify;
}
.gallery-caption {
}
.bypostauthor {
}
/* btBox defaults
---------------------------------------------------------------*/
.btBox {
padding-bottom: math($(innerVerticalPadding) * 2)px;
}
.btSidebar .btBox {
margin-bottom: math($(innerVerticalPadding) * 1.5)px;
border-bottom: 1px solid $(lightBgSubColor);
}
.btBox h4 {
margin: 0 0 10px;
padding: 0 0 5px;
text-transform: uppercase;
color: $(accentColor);
font-weight: 700;
font-size: 18px;
}
.btBox h5 {
font-size: 14px;
margin-bottom: 5px;
letter-spacing: 0;
color: $(alternateColor);
font-weight: 700;
text-transform: none;
}
.btBox p {
margin-bottom: 15px;
}
.btBox p.posted {
font-size: 12px;
}
.btBox ul {
list-style: none;
margin: 0;
padding: 0;
}
.btBox ul li {
margin: 0;
padding: 4px 0;
}
.btBox ul li .ppImage {
float: left;
max-width: 80px;
padding-right: 10px;
display: table-cell;
}
.btBox ul li .ppImage img{
margin: 0 0 math($(innerVerticalPadding)/2, px) 0;
max-width: 100%;
width: 100%;
height: auto;
border-radius: 2px;
}
.btBox ul li .ppTxt {
display: table-cell;
}
.btBox .popularPosts ul li:after {
clear: both;
content: " ";
display: block;
}
:lightSkinSelector {
.btSidebar .btBox {
margin-bottom: math($(innerVerticalPadding) * 1.5)px;
border-bottom: 1px solid $(lightBgSubColor);
a {
color: $(lightTitleColor);
}
a:hover {
color: $(accentColor);
}
}
}
:darkSkinSelector {
.btSidebar .btBox {
margin-bottom: math($(innerVerticalPadding) * 1.5)px;
border-bottom: 1px solid $(lightBgSubColor);
a {
color: $(darkFontColor);
}
a:hover {
color: $(alternateColor);
}
}
}
/* Calendar
---------------------------------------------------------------*/
.btBox.widget_calendar table {
width: 100%;
border-collapse: collapse;
caption{
background: $(accentColor);
color: #FFF;
font-family: $(headingFont);
font-weight: 700;
padding: 5px;
}
thead th {
background: $(lightBackgroundColorLight-20);
text-align: center;
padding: 3px;
}
tfoot {
td {
padding: 3px;
}
td#next {
text-align: right;
}
}
tbody {
tr:nth-child(odd) td {
background: transparent;
}
tr:nth-child(even) td {
background: $(lightBackgroundColorLight20);
}
td {
text-align: center;
padding: 2px 3px;
}
}
}
/* Archives
---------------------------------------------------------------*/
:any(.btBox.widget_archive,.btBox.widget_categories ) {
label {
display: block;
}
select {
display: block;
margin: 8px 0 0;
width: 100%;
}
ul li {
margin-bottom: 1px;
position: relative;
padding: 0;
}
ul li a {
display: block;
padding: 10px 50px 10px 10px;
font-family: $(headingFont);
transition: all 300ms ease;
}
ul li a:hover {
transition: all 300ms ease;
}
ul li:first-child a {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
ul li:last-child a {
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
}
ul li:first-child ul li, ul li:last-child ul li {
border-radius: 0;
}
ul li strong {
position: absolute;
top: 0;
right: 0;
padding: 10px;
min-width: 38px;
text-align: center;
}
ul li ul li{
margin-top: 1px;
}
}
:lightSkinSelector {
:any(.btBox.widget_archive,.btBox.widget_categories ) {
ul li a {
color: $(lightFontColor);
background: $(lighterBgSubColor);
}
ul li a:hover {
color: $(lightBgColor);
background: $(accentColor);
}
}
}
:darkSkinSelector {
:any(.btBox.widget_archive,.btBox.widget_categories ) {
ul li a {
color: $(darkFontColor);
background: $(darkerBgSubColor);
}
ul li a:hover {
color: $(lightBgColor);
background: $(accentColor);
}
}
}
/* Pages
---------------------------------------------------------------*/
.btBox.widget_pages ul li {
padding-top: 0;
ul {
margin-left: 15px;
}
}
/* Meta
---------------------------------------------------------------*/
.btBox.widget_meta li {
padding-top: 0;
}
/* Recent comments
---------------------------------------------------------------*/
.btBox.widget_recent_comments {
a {
color: $(lightInactiveColor);
}
.comment-author-link {
text-transform: uppercase;
font-weight: 700;
a {
color: $(accentColor);
}
a:hover {
color: $(alternateColor);
}
}
}
/* RSS
---------------------------------------------------------------*/
.btBox.widget_rss li {
margin-bottom: 15px;
a.rsswidget {
font-family: $(headingFont);
font-weight: 700;
}
.rss-date {
display: block;
color: $(bodyFontColorLight40);
margin: 0 0 5px;
}
cite {
font-weight: 700;
font-style: normal;
color: $(bodyFontColorLight30);
}
cite:before {
font-family: FontAwesome;
content: "\f040";
display: inline-block;
color: $(accentColor);
margin: 0 5px 0 0;
}
}
.btBox.widget_rss li:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
/* Search
---------------------------------------------------------------*/
.btBox .btSearch {
padding-right: 48px;
input[type="text"]{
padding: 10px;
background: $(lightBgColor);
height: 38px;
width: 100%;
display: block;
border-radius: 2px;
}
button {
width: 38px;
height: 38px;
background: $(alternateColor);
color: $(darkFontColor);
border: 1px solid $(alternateColorLight-9);
box-shadow: 0 0 0 2px transparent inset, 0 1px 0 $(alternateColorLight-9) inset;
border: 0;
float: right;
margin: -38px -48px 0 0;
cursor: pointer;
border-radius: 2px;
transition: all 300ms ease;
}
button:before{
font-family: Icon7Stroke;
content: "\e618";
display: inline-block;
font-size: 24px;
line-height: 38px;
font-weight: 600;
}
button:hover {
background-color: transparent;
border: 1px solid $(alternateColor);
box-shadow: 0 0 0 2px $(alternateColor) inset, 0 1px 0 transparent inset;
color: $(alternateColor);
transition: all 300ms ease;
}
.btIco {
display: none;
}
}
/* Caption
---------------------------------------------------------------*/
.btBox .wp-caption {
margin-bottom: 10px;
}
/* Select
---------------------------------------------------------------*/
.btBox select {
padding: 10px;
}
/* Navigation
---------------------------------------------------------------*/
.btBox.widget_nav_menu ul li {
padding-top: 0;
ul {
margin-left: 15px;
}
}
/* Tag
---------------------------------------------------------------*/
.btBox.widget_tag_cloud .tagcloud a {
display: inline-block;
text-transform: uppercase;
padding: 8px 10px;
margin: 0 1px 4px 0;
font-size: 0.875em !important;
background: $(accentColor);
color: $(darkFontColor);
transition: all 300ms ease;
border-radius: 2px;
}
.btBox.widget_tag_cloud .tagcloud a:hover {
background: $(alternateColor);
transition: all 300ms ease;
}
.btTags ul {
list-style: none;
margin: 0;
padding: 0;
li {
display: inline-block;
margin: 0 3px 3px 0;
padding: 0;
a {
display: block;
text-transform: uppercase;
padding: 10px 10px;
font-size: 0.875em !important;
background: $(accentColor);
color: #FFF;
border-radius: 2px;
color: $(darkFontColor);
transition: all 300ms ease;
}
}
}
.btTags ul li a:hover {
background: $(alternateColor);
color: $(darkFontColor);
transition: all 300ms ease;
}
:lightSkinSelector {
.btTags ul li :any(a, a:hover), .btBox.widget_tag_cloud .tagcloud a:hover {
color: $(darkFontColor);
transition: all 300ms ease;
}
}
:darkSkinSelector {
.btTags ul li :any(a, a:hover), .btBox.widget_tag_cloud .tagcloud a:hover {
color: $(darkFontColor);
transition: all 300ms ease;
}
}
/* Instagram feed
---------------------------------------------------------------*/
.instaGrid {
margin: 0 0 0 -1px;
span {
display: block;
width: 25%;
padding: 0 0 3px 3px;
float: left;
}
span:nth-child(4n+1) {
clear: left;
}
img {
display: block;
width: 100%;
opacity: 1;
transition: all 200ms ease;
}
span:hover img {
opacity: 0.6;
transition: all 200ms ease;
}
}
.instaGrid:after {
clear: both;
content: "";
display: block;
}
/* Post categories
---------------------------------------------------------------*/
.header .btSubTitle, .header .btSuperTitle {
span, p, a {
display: inline-block;
}
:any(date, .btArticleDate, .btArticleAuthor, .btArticleComments, .btArticleCategories) {
padding-right: 10px;
display: inline;
}
:any(.btArticleDate, .btArticleAuthor, .btArticleComments) {
}
.btArticleAuthor {
font-weight: 700;
}
a:hover {
}
.btArticleCategories {
a:before {
display: none;
}
a:after {
display: inline-block;
content: ", ";
margin: 0 4px 0 0;
}
a:last-child:after {
display: none;
}
}
}
.btGhost .header .btSubTitle, .header .btSuperTitle {
:any(date, .btArticleDate, .btArticleAuthor, .btArticleComments, .btArticleCategories) {
font-size: 15px;
line-height: 18px
}
}
.btArticleComments {
transition: all 300ms ease;
position: relative;
}
.btArticleComments:before, .btArticleCategories:before {
background: transparent;
font-family: FontAwesome;
content: "\f0e5";
color: $(lightInactiveColor);
display: inline;
padding-right: 5px;
box-shadow: 0 0 0 0 transparent;
transition: all 300ms ease;
}
.btHasGhost .fullScreenHeight.btGhost {
.btArticleComments:before, .btArticleCategories:before {
color: $(darkFontColor);
}
.btArticleComments:hover:before {
color: $(accentColor) !important;
}
}
.btArticleComments:hover, .btArticleComments:hover:before {
transition: all 300ms ease;
color: $(accentColor) !important;
}
.btArticleCategories {
text-transform: uppercase;
position: relative;
}
.btArticleCategories:before {
content: "\f02c";
}
.btArticleCategories a:hover {
color: $(accentColor) !important;
}
.btArticleDate {
}
:lightSkinSelector :any(.btArticleDate, .btArticleAuthor, .btArticleComments, .btArticleCategories) {
border-color: $(lightBorderColor);
}
:darkSkinSelector :any(.btArticleDate, .btArticleAuthor, .btArticleComments, .btArticleCategories) {
border-color: $(darkBorderColor) !important;
}
.btArticle .header h3 {
font-size: 40px;
}
.btSubTitle, .bgiTxt .boldArticleMeta {
font-size: 15px;
}
/* BT Text
---------------------------------------------------------------*/
.btBox .btImage {
margin-bottom: math($(innerVerticalPadding), px);
}
/* Blockquotes
---------------------------------------------------------------*/
.btContent blockquote {
display: block;
padding: 0 0 0 60px;
margin: 0 0 30px;
font-size: 1.2em;
font-weight: 400;
line-height: 1.7;
:after {
content: " ";
display: table;
width: 100%;
clear: both;
}
}
.btContent blockquote:before {
content: '\f10d';
font-family: FontAwesome;
display: block;
float: left;
margin: -15px 0 0 -60px;
font-size: 50px;
opacity: 0.2;
}
:lightSkinSelector {
blockquote:before {
color: $(lightFontColor);
}
}
:darkSkinSelector {
blockquote:before {
color: $(darkFontColor);
}
}
/* Tables
---------------------------------------------------------------*/
.btContent table {
width: 100%;
margin: 0 0 $(innerVerticalPadding)px;
border-collapse: collapse;
text-align: left;
td, th {
padding: math($(innerVerticalPadding)/2, px);
}
tr th, thead tr th {
background: $(accentColor);
color: #FFF;
}
tr th a, thead tr th a {
color: #FFF;
}
tbody tr:nth-child(even) th {
background: $(accentColorLight-9);
}
tbody tr:nth-child(odd) th {
background: $(accentColor);
}
tbody tr:nth-child(even) td {
background: $(lighterBgSubColor);
}
tbody tr:nth-child(odd) td {
background: transparent;
}
}
/* Definition lists
---------------------------------------------------------------*/
/* PRE
---------------------------------------------------------------*/
.btContent pre {
margin: 0 0 30px;
white-space: pre-wrap;
padding: 20px;
border: 1px solid;
border-radius: 2px;
}
:lightSkinSelector pre {
border-color: $(lightBorderColor);
}
:darkSkinSelector pre {
border-color: $(darkBorderColor);
}
/* Image alignment
---------------------------------------------------------------*/
.btContent .alignleft {
float: left;
margin: 0 $(innerHorizontalPadding)px 0 0;
}
.btContent .alignright {
float: right;
margin: 0 0 0 $(innerHorizontalPadding)px;
}
.btContent .aligncenter, .btContent .alignnone {
text-align: center;
margin: 0 auto;
}
.btContent figure.aligncenter, .btContent figure.alignnone {
margin: 0 auto $(innerVerticalPadding)px;
}
.btContent .alignnone {
width: auto!important;
}
/* Password protection
---------------------------------------------------------------*/
.post-password-form input[type="password"] {
padding: 10px;
height: 38px;
width: 100%;
display: block;
margin: 0 0 $(innerVerticalPadding)px;
}
.post-password-form input[type="submit"] {
display: block;
margin: 0 auto;
color: #FFF;
width: auto;
height: 38px;
background: $(accentColor);
border: 0;
cursor: pointer;
padding: 0 $(innerHorizontalPadding)px;
font-family: $(headingFont);
text-transform: uppercase;
}
/* Pagination
---------------------------------------------------------------*/
.btPagination {
:after {
display: table;
content: " ";
width: 100%;
clear: both;
}
.paging.onLeft {
float: left;
}
.paging.onRight {
float: right;
}
.paging a {
display: block;
line-height: 100px;
font-size: 14px;
text-transform: uppercase;
font-weight: 900;
color: $(alternateColor);
}
.paging a:after {
width: 100px;
height: 100px;
display: block;
text-align: center;
color: $(bodyFontColor);
font: 100 56px/56px Cargo;
border-radius: 50%;
padding: 22px 0;
box-shadow: 0 0 0 0 $(accentColor) inset;
transform-style: preserve-3d;
transition: all 200ms ease;
}
.paging a:hover:after {
background: $(accentColor);
color: #FFF;
transform-style: preserve-3d;
transition: all 200ms ease;
box-shadow: 0 0 0 50px $(accentColor) inset;
}
.paging .pagePrev a:after {
content: "\e664";
float: left;
margin: 0 10px 0 0;
transform: translate3d(1px,0,2px) rotate(.001deg);
}
.paging .pagePrev a:hover:after {
transform: translate3d(-10px,0,2px) rotate(.001deg);
}
.paging .pageNext a:after {
content: "\e665";
float: right;
margin: 0 0 0 10px;
transform: translate3d(-1px,0,2px) rotate(.001deg);
}
.paging .pageNext a:hover:after {
transform: translate3d(10px,0,2px) rotate(.001deg);
}
}
:lightSkinSelector {
.paging a:after {
color: $(lightFontColor);
}
}
:darkSkinSelector {
.paging a:after {
color: $(darkFontColor);
}
}
.btLinkPages {
line-height: 25px;
a {
display: inline-block;
background: $(lightInactiveColor);
padding: 0 7px;
margin: 0 4px;
border-radius: 2px;
color: $(darkFontColor);
transition: all 300ms ease;
}
a:hover {
background: $(accentColor);
color: $(darkFontColor);
transition: all 300ms ease;
}
}
/* Author avatar in list
---------------------------------------------------------------*/
.articleSideGutter {
z-index: 3;
position: absolute;
top: 0;
left: -5px;
background: $(alternateColor);
color: $(darkFontColor);
padding: 5px 10px;
font-size: 12px;
line-height: 16px;
line-height: 30px;
display: table;
border-radius: 2px;
border-bottom-left-radius: 0;
.asgItem {
display: table-cell;
vertical-align: middle;
}
.asgItem.date {
text-transform: uppercase;
}
.asgItem.avatar {
padding: 5px;
a {
display: block;
margin: -20px 10px;
position: relative;
width: 55px;
height: 55px;
}
img {
max-height: 55px;
width: auto;
float: left;
}
a:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 50%;
display: block;
content: "";
box-shadow: 0 0 2px $(lightInactiveColor) inset;
transition: all 300ms ease;
}
a:hover:before {
box-shadow: 0 0 0 3px $(accentColor) inset;
transition: all 300ms ease;
}
}
.asgItem.title {
font-weight: 700;
}
.asgItem.title a {
color: $(darkFontColor);
}
}
.articleSideGutter:before {
width: 0;
height: 0;
border-style: solid;
border-width: 0 5px 5px 0;
border-color: transparent;
display: block;
content: "";
position: absolute;
left: 0;
bottom: -5px;
}
:lightSkinSelector {
.articleSideGutter:before {
border-right-color: $(alternateColorLight20);
}
}
:darkSkinSelector {
.articleSideGutter:before {
border-right-color: $(alternateColorLight-9);
}
}
.single-post .btArticle.post {
padding-top: 0;
}
/* Comment respond
---------------------------------------------------------------*/
.comment-respond form {
}
.comment-respond {
.btnOutline.btnNormalColor {
background: $(alternateColor);
}
}
.comment-respond {
.btnOutline.btnNormalColor button[type="submit"] {
font-family: $(headingFont);
padding: 12px 21px;
background: transparent;
color: $(alternateColor) !important;
border: 0;
cursor: pointer;
font-weight: 700;
text-transform: uppercase;
}
.btnOutline.btnNormalColor:hover {
background: transparent;
box-shadow: 0 0 0 2px $(alternateColor) inset, 0 1px 0 transparent inset;
}
.btnOutline.btnNormalColor:hover button[type="submit"] {
background: transparent;
color: $(lightBgColor) !important;
}
}
/* Photo slide
---------------------------------------------------------------*/
.boldPhotoSlide {
position: relative;
}
.gridItem .boldPhotoSlide {
.slick-arrow {
display: block !important;
background: transparent;
box-shadow: 0 0 0 0 transparent inset;
width: 50px;
height: 50px;
top: 50%;
margin-top: -25px;
border: 0;
position: absolute;
z-index: 1;
border-radius: 50%;
color: $(darkFontColor);
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
transition: all 200ms ease;
}
.slick-arrow:hover {
box-shadow: 0 0 0 25px $(accentColor) inset;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
transition: all 200ms ease;
cursor: pointer;
}
.slick-arrow:after {
font: 30px/50px Cargo;
text-shadow: 0 1px 0 #000;
}
.slick-arrow.slick-prev {
left: 10px;
}
.slick-arrow.slick-prev:after {
content: "\e664";
}
.slick-arrow.slick-next {
right: 10px;
}
.slick-arrow.slick-next:after {
content: "\e665";
}
.slick-arrow.slick-disabled {
display: none !important;
}
}
/* Galleries
---------------------------------------------------------------*/
.gallery {
margin-bottom: 1.6em;
}
.gallery-item {
display: inline-block;
padding: 0px 4px;
text-align: center;
vertical-align: top;
width: 100%;
margin: 0;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-icon img {
margin: 0 auto;
}
.gallery-caption {
display: block;
padding: 5px 0;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
@media (max-width: 1200px) {
.gallery-item {
width: 100% !important;
max-width: 100% !important;
}
}
/* Image captions
---------------------------------------------------------------*/
figcaption a {
font-weight: 700;
}
:lightSkinSelector figcaption {
color: $(lightInactiveColor);
}
:darkSkinSelector figcaption {
color: $(darkInactiveColor);
}
/* Latest posts
---------------------------------------------------------------*/
.btSingleLatestPost {
position: relative;
.btLatestPostsDate {
background: $(accentColor);
left: 20px;
top: -5px;
width: 50px;
position: absolute;
z-index: 2;
padding: 5px 10px;
box-sizing: border-box;
color: $(darkFontColor);
text-align: center;
border-radius: 2px;
border-top-right-radius: 0;
.btLatestPostsDay {
font-size: 25px;
font-weight: 400;
line-height: 25px;
}
.btLatestPostsDay:after {
width: 30px;
height: 0;
border-top: 1px solid $(darkFontColor);
content: "";
display: block;
line-height: 0;
margin: 8px 0 2px;
}
.btLatestPostsMonth {
font-size: 12px;
text-transform: uppercase;
font-weight: 400;
}
}
.btLatestPostsDate:before {
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 0 5px;
border-color: transparent transparent transparent $(alternateColorLight20);
content: "";
display: block;
position: absolute;
right: -5px;
top: 0;
}
.btSingleLatestPostImage .bpgPhoto {
border-radius: 0;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
box-shadow: none;
}
.btSuperTitle {
.btArticleAuthor {
text-transform: uppercase;
font-size: 12px;
}
}
.header .dash {
}
.header.btDash.bottomDash .dash:after {
width: 50px;
}
.btSubTitle {
text-transform: uppercase;
}
.btArticleCategories {
padding-left: 0;
}
.btArticleCategories:before {
display: none;
}
}
.btSingleLatestPostWrapper {
margin: 0 10px;
overflow: hidden;
padding-bottom: $(innerVerticalPadding)px;
}
:lightSkinSelector {
.btSingleLatestPostWrapper {
background-color: $(lightBgColor);
}
.btLatestPostsDate:before {
border-left-color: $(alternateColorLight20);
}
}
:darkSkinSelector {
.btSingleLatestPostWrapper {
background-color: $(darkBgSubColor);
}
.btLatestPostsDate:before {
border-left-color: $(alternateColorLight-9);
}
}
.btLatestPostsContainer.verticalPosts {
.btSingleLatestPostWrapper {
border-radius: 0;
box-shadow: none;
background: none;
overflow: visible;
}
.btSingleLatestPost {
margin-bottom: $(innerVerticalPadding)px;
.btSingleLatestPostImage .bpgPhoto {
border-radius: 2px;
box-shadow: 0 2px 5px $(highlightBoxShadow);
}
}
.btSuperTitle, header .dash, .btSubTitle, .btLatestPostContent, .btBtn.btReadMore {
padding: 0;
}
}
/* Dropdown archiver
---------------------------------------------------------------*/
.fancy-select {
position: relative;
.trigger {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
vertical-align: middle;
position: relative;
cursor: pointer;
background: $(lighterBgSubColor);
border-radius: 2px;
padding: 10px;
transition: all 300ms ease;
width: 100%;
}
.trigger:after {
color: #666;
content: '\f078';
font: normal 14px/1 FontAwesome;
display: block;
position: absolute;
right: 15px;
top: 15px;
transition: all 300ms ease;
}
.trigger.open {
color: $(darkFontColor);
background: $(accentColor);
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
transition: all 300ms ease;
}
.trigger.open:after {
transform: rotate(180deg);
font: normal 14px/1 FontAwesome;
color: $(darkFontColor);
transition: all 300ms ease;
}
.options {
display: block;
opacity: 0;
pointer-events: none;
position: absolute;
top: 45px;
left: 0;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
background-color: $(lightBgColor);
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
transition: ease 250ms all;
transform: translateY(-20px);
}
.options.open {
z-index: 20;
pointer-events: all;
opacity: 1;
transition: ease 250ms all;
transform: translateY(0);
}
.options li {
cursor: pointer;
display: block;
padding: 10px !important;
margin: 0 0 1px;
background-color: $(lightBgSubColor);
transition: all 200ms ease;
}
.options li.selected {
background: $(alternateColor);
color: $(darkFontColor);
}
.options li:hover, .options li.selected:hover {
background-color: $(alternateColor) !important;
color: $(darkFontColor);
transition: all 200ms ease;
}
.options li:before {
content: '';
}
}
:lightSkinSelector {
.fancy-select {
.options {
background-color: $(lightBgColor);
}
.options li {
background-color: $(lightBgSubColor);
}
.options li.selected {
background: $(alternateColor);
color: $(darkFontColor);
}
.options li:hover, .options li.selected:hover {
background-color: $(alternateColor) !important;
color: $(darkFontColor);
}
}
}
:darkSkinSelector {
.fancy-select {
.options {
background-color: $(darkBgColor);
}
.options li {
background-color: $(darkBgSubColor);
}
.options li.selected {
background: $(alternateColor);
color: $(darkFontColor);
}
.options li:hover, .options li.selected:hover {
background-color: $(alternateColor) !important;
color: $(darkFontColor);
}
.trigger:after {
color: $(darkFontColor);
}
}
}
/* Dropdown */
.btDropdown .fancy-select {
.trigger {
border: 1px solid #FFF;
padding: 5px 10px;
}
.trigger.open {
border-color: $(accentColor);
}
.trigger:after {
top: 9px;
}
.options.open {
top: 44px;
}
}
/* Sliders */
.slidedItem.firstItem .port:after, .slidedItem .variableImg:after, .btGhost>.port:after {
content: ' ';
display: block;
background-color: rgba(0,0,0,0);
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
}
.slidedItem.firstItem .port:after, .btGhost>.port:after {
background-color: rgba(0,0,0,.5);
}
.slidedItem .port .btSlideGutter, .btGhost>.port .rowItem {
position: relative;
z-index: 2;
}
.fullScreenHeight .boldCell {
z-index: 2;
position: relative;
}
.recentTweets small:before {
content: '\f099';
font: 19px/1 FontAwesome;
position: relative;
top: 3px;
margin-right: 3px;
color: $(accentColor);
}
Hacked By AnonymousFox1.0, Coded By AnonymousFox