Created
June 21, 2014 16:53
-
-
Save artlung/e462883c3c0200ea5eda to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// ---- | |
// Sass (v3.3.8) | |
// Compass (v1.0.0.alpha.19) | |
// Foundation (v5.2.3) | |
// ---- | |
/* | |
Theme Name: Random Content | |
Theme URI: http://themes.required.ch/ | |
Author: Random Content | |
Author URI: http://required.ch/ | |
Description: Starter child theme for the required+ Foundation parent theme. | |
License: GNU General Public License v2 or later | |
License URI: http://www.gnu.org/licenses/gpl-2.0.html | |
Version: 1.0.4 | |
Template: required-foundation | |
Text Domain: requiredstarter | |
*/ | |
// http://sassmeister.com/gist/e462883c3c0200ea5eda | |
@import "compass/css3/transition"; | |
@import "compass"; | |
@import url(../required-foundation/style.css); | |
@font-face { | |
font-family: "gotham"; | |
src: url(fonts/gotham.ttf); | |
} | |
$font: 'proxima-nova', 'gotham', 'Open Sans', sans-serif; | |
h1, h2, h3, h4, h5, h6 { | |
font-family: $font; | |
font-weight: 300; | |
} | |
html, body, p { | |
font-family: $font; | |
font-size: 16px; | |
} | |
#site-title { | |
font-weight: 600; | |
} | |
.required-header .inline-list { | |
margin-top: 14px; | |
} | |
#main-header { | |
position: fixed; | |
top: 0px; | |
bottom: 0px; | |
left: 0px; | |
z-index: 9999; | |
} | |
#menu-title { | |
position: fixed; | |
top: 0px; | |
bottom: 0px; | |
left: 0px; | |
width: 66px; | |
padding: 20px 20px; | |
background: #222; | |
border-right: 1px #111 solid; | |
z-index: 30; | |
} | |
#menu-icon { | |
margin-bottom: 50px; | |
} | |
#close-menu-icon { | |
margin-bottom: 50px; | |
display: none; | |
} | |
#header-logo { | |
img { | |
width: 21px; | |
} | |
margin-bottom: 50px; | |
} | |
#header-lang a { | |
color: #fff; | |
} | |
#header-menu { | |
background: #222; | |
position: fixed; | |
top: 0px; | |
bottom: 0px; | |
box-shadow: 1px 0px 0px #333 inset; | |
width: 150px; | |
z-index: 20; | |
@include transition(all 0.3s ease); | |
} | |
#header-logo-2 img { | |
width: auto; | |
margin-top: 10px; | |
padding: 0px; | |
} | |
#the-menu a { | |
color: #fff; | |
font-size: 19px; | |
padding: 10px 25px; | |
display: block; | |
width: 150px; | |
text-shadow: 0px 1px 0px #111; | |
@include transition(all 0.3s ease); | |
&:hover { | |
background: #191919; | |
box-shadow: 0px 1px 1px #111 inset, 0px 1px 0px #333; | |
} | |
} | |
#header-logo-2 a:hover { | |
background: transparent; | |
box-shadow: none; | |
} | |
.header-menu-show { | |
left: 66px; | |
} | |
.header-menu-hide { | |
left: -184px; | |
} | |
.content-resize { | |
left: 310px; | |
} | |
.content-revert { | |
left: 66px; | |
} | |
#content { | |
position: absolute; | |
top: 0px; | |
bottom: 0px; | |
right: 0px; | |
left: 0px; | |
z-index: 10; | |
} | |
#content-wrapper { | |
position: absolute; | |
right: 0px; | |
@include transition(all 0.3s ease); | |
} | |
.post-items { | |
cursor: pointer; | |
z-index: 2; | |
img { | |
width: 100%; | |
} | |
} | |
.row-1 { | |
display: block; | |
} | |
.grey-bar { | |
position: absolute; | |
bottom: 0px; | |
left: 0px; | |
right: 0px; | |
background: rgba(0, 0, 0, 0.6); | |
display: none; | |
@include transition(all 0.3s ease); | |
} | |
.grey-bar-title { | |
color: #fff; | |
padding: 10px; | |
font-size: 40px; | |
} | |
.grey-bar p, .grey-bar-content p { | |
color: #fff; | |
padding: 10px; | |
} | |
.grey-bar-wrapper { | |
position: absolute; | |
top: 0px; | |
left: 0px; | |
right: 0px; | |
bottom: 0px; | |
@include transition(all 0.3s ease); | |
@include background-image(linear-gradient(transparent, rgba(0, 0, 0, 0.8))); | |
} | |
.grey-bar-content { | |
min-height: 20px; | |
border-bottom: 1px #fff dotted; | |
} | |
.grey-bar-wrapper:hover { | |
.button-wrapper, .play-button, .grey-bar { | |
display: block; | |
} | |
} | |
.button-wrapper { | |
float: right; | |
margin-top: 5px; | |
display: none; | |
} | |
.rc-buttons img, .button-stats { | |
width: 36px; | |
display: block; | |
} | |
.rc-buttons { | |
background: #333; | |
display: block; | |
float: left; | |
margin: 5px; | |
border-radius: 3px; | |
&:hover { | |
background: #222; | |
} | |
} | |
.button-stats { | |
float: left; | |
display: inline-block; | |
padding: 10px; | |
padding-left: 30px; | |
margin-right: 20px; | |
color: #fff; | |
opacity: 0.7; | |
} | |
.button-stats-heart { | |
background: url(images/heart.png) left center no-repeat; | |
} | |
.button-stats-circles { | |
background: url(images/circles.png) left center no-repeat; | |
} | |
.button-stats-comment { | |
background: url(images/comment.png) left center no-repeat; | |
} | |
.button-stats-arrow { | |
background: url(images/arrow.png) left center no-repeat; | |
} | |
.button-stats:hover { | |
opacity: 1; | |
color: #fff; | |
} | |
.post-items-2 { | |
margin-top: -38px !important; | |
z-index: 1; | |
} | |
.post-items-single { | |
padding: 15px; | |
} | |
.single .post-items-single { | |
position: absolute; | |
width: 100%; | |
} | |
.post-items-single-wrapper { | |
position: relative; | |
overflow-y: auto; | |
width: 700px; | |
background: #fff; | |
} | |
.entry-content .wp-post-image, .entry-header img { | |
width: 100% !important; | |
} | |
div.entry-meta h6 { | |
display: none; | |
} | |
.grey-bar-title a { | |
color: #fff; | |
} | |
.featured-img { | |
position: relative; | |
&:hover .grey-bar-wrapper { | |
display: block; | |
} | |
} | |
#main-header-mobile, #content-mobile, .post-items-single-wrapper-mobile, .post-items-single-mobile { | |
display: none; | |
} | |
.post-items-mobile img { | |
width: 100%; | |
} | |
.page #content { | |
width: 100% !important; | |
padding: 0px 15px; | |
} | |
.top-bar { | |
.name img { | |
width: 80%; | |
} | |
ul > li.toggle-topbar a { | |
background: none; | |
border: none; | |
width: 25px; | |
height: 23px; | |
top: 25%; | |
} | |
} | |
#content-videos { | |
display: none; | |
} | |
.play-button { | |
position: absolute; | |
left: 45%; | |
top: 45%; | |
width: 50px; | |
height: 50px; | |
opacity: 0.7; | |
&:hover { | |
opacity: 1; | |
} | |
} | |
.next-slide-button { | |
position: fixed; | |
width: 54px; | |
height: 54px; | |
top: 45%; | |
opacity: 0.7; | |
} | |
.previous-slide-button { | |
position: fixed; | |
width: 54px; | |
height: 54px; | |
top: 45%; | |
opacity: 0.7; | |
left: 81px; | |
padding: 5px; | |
border-radius: 5px; | |
@include transition(all 0.3s ease); | |
} | |
.next-slide-button { | |
right: 15px; | |
padding: 5px; | |
&:hover { | |
opacity: 1; | |
} | |
} | |
.previous-slide-button:hover { | |
opacity: 1; | |
} | |
.rc-post-items { | |
float: left; | |
overflow: hidden; | |
position: relative; | |
} | |
.rc-post-videos { | |
position: relative; | |
overflow: hidden; | |
} | |
.rc-post-items img { | |
width: 100%; | |
} | |
.rc-greybar { | |
position: absolute; | |
top: 0px; | |
bottom: 0px; | |
left: 0px; | |
right: 0px; | |
box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.8) inset; | |
display: none; | |
} | |
.rc-greybar-container { | |
position: absolute; | |
bottom: 0px; | |
left: 0px; | |
right: 0px; | |
background: rgba(0, 0, 0, 0.8); | |
} | |
.rc-greybar-title { | |
color: #fff; | |
padding: 10px 15px 0px 15px; | |
font-size: 40px; | |
font-weight: bold; | |
a { | |
color: #fff; | |
} | |
} | |
.rc-greybar-content { | |
padding: 0px 15px 10px 15px; | |
p { | |
color: #fff; | |
font-size: 16px; | |
} | |
} | |
.grey-bar-stats { | |
border-top: 1px #fff dotted; | |
padding: 7px 10px; | |
} | |
.rc-post-items-alt:hover .rc-greybar, .rc-post-videos:hover .rc-greybar { | |
display: block; | |
} | |
#featured-posts { | |
padding: 0px 15px; | |
overflow: auto; | |
background: #f1f1f1; | |
ul { | |
list-style: none; | |
} | |
p { | |
font-size: 14px; | |
} | |
h5 { | |
font-weight: bold; | |
color: #000; | |
margin-bottom: 5px; | |
} | |
} | |
.rc-post-single { | |
overflow: auto; | |
} | |
.rc-post-items-mobile { | |
position: relative; | |
} | |
#rc-content-mobile, #rc-content-index-mobile, #content-mobile-page, #content-mobile, .rc-content-index-mobile { | |
display: none; | |
} | |
.page-id-11 { | |
background: #333; | |
} | |
#featured-posts a { | |
color: #000; | |
} | |
#rc-content-videos { | |
display: none !important; | |
} | |
.page-id-7 #content, .page-id-5 #content { | |
max-width: 960px; | |
} | |
.page-id-7 .next-slide-button, .page-id-5 .next-slide-button { | |
display: none; | |
} | |
@media only screen and (orientation: portrait) and (max-width: 767px) { | |
#main-header-mobile, #content-mobile, .post-items-single-wrapper-mobile, .post-items-single-mobile, #rc-content-mobile, #content-mobile-page { | |
display: block; | |
} | |
#main-header, #content, .post-items-single-wrapper, .post-items-single, #featured-posts, #rc-content, #rc-content-videos { | |
display: none !important; | |
} | |
.single .post-items-single, #content, .post-items, #content-wrapper, .post-items-single-wrapper, .post-items-single { | |
position: relative !important; | |
height: auto !important; | |
overflow: visible; | |
} | |
.content-revert { | |
left: 0px; | |
} | |
header.entry-header h1, div.entry-content { | |
padding: 0px 15px; | |
} | |
.grey-bar-wrapper { | |
display: block; | |
opacity: 0.9; | |
} | |
.button-wrapper { | |
display: block; | |
opacity: 0.9; | |
display: none; | |
} | |
.page #content { | |
padding: 0px 15px; | |
} | |
.rc-post-items { | |
float: none; | |
} | |
.rc-post-items-mobile img { | |
width: 100%; | |
} | |
.single { | |
background: #fff; | |
} | |
.top-bar ul > li.toggle-topbar a { | |
width: 14px; | |
height: auto; | |
top: 4px; | |
} | |
} | |
@media only screen and (orientation: landscape) and (max-width: 767px) { | |
.grey-bar-content p, #featured-posts, .rc-greybar-content, #rc-content-mobile, div.entry-content { | |
display: none; | |
} | |
.rc-content-index-mobile, .content-mobile-page { | |
display: block !important; | |
} | |
#content-mobile-page { | |
#content-mobile-page h1.entry-title, div.entry-content { | |
display: block !important; | |
} | |
} | |
.grey-bar-content { | |
border-bottom: none; | |
} | |
#menu-title { | |
padding: 10px 27px; | |
} | |
#menu-icon, #close-menu-icon { | |
margin-bottom: 15px; | |
} | |
#header-lang, #content, #content-mobile { | |
display: none; | |
} | |
#content-videos { | |
display: block; | |
position: absolute; | |
} | |
.single #content-videos { | |
top: 0px; | |
} | |
#header-logo-2 img { | |
width: 30px; | |
margin-top: 10px; | |
padding: 0px 0px; | |
} | |
#header-menu ul { | |
margin-bottom: 0px; | |
} | |
#the-menu a { | |
font-size: 15px; | |
padding: 5px 25px; | |
} | |
.post-items-single-wrapper { | |
width: 100%; | |
} | |
.grey-bar-title { | |
font-size: 20px; | |
} | |
.rc-post-items-mobile img { | |
width: 100%; | |
} | |
#content-mobile-page { | |
margin-left: 15px; | |
} | |
} | |
/* end */ | |
/* new additions june 2014 */ | |
body.page-id-7 { | |
background-color: #222; | |
color: #fff; | |
#featured-posts { | |
h5, a { | |
color: #fff | |
} | |
} | |
h1, h2, h3, h4, h5, h6 { | |
color: #fff; | |
} | |
} | |
/* | |
Theme Name: Random Content | |
Theme URI: http://themes.required.ch/ | |
Author: Random Content | |
Author URI: http://required.ch/ | |
Description: Starter child theme for the required+ Foundation parent theme. | |
License: GNU General Public License v2 or later | |
License URI: http://www.gnu.org/licenses/gpl-2.0.html | |
Version: 1.0.4 | |
Template: required-foundation | |
Text Domain: requiredstarter | |
*/ | |
/* | |
Make the template work | |
*/ | |
@import url(../required-foundation/style.css); | |
@import "compass/css3/transition"; | |
@import "compass"; | |
/* | |
@font-face { | |
font-family: "gotham"; | |
src: url(fonts/gotham.ttf); | |
} | |
*/ | |
$font: 'proxima-nova', 'Open Sans', sans-serif; | |
h1, h2, h3, h4, h5, h6 { | |
font-family: $font; | |
font-weight: 300; | |
} | |
html, body, p { | |
font-family: $font; | |
font-size: 16px; | |
} | |
#site-title { | |
font-weight: 600; | |
} | |
.required-header .inline-list { | |
margin-top: 14px; | |
} | |
#main-header { | |
position: fixed; | |
top: 0px; | |
bottom: 0px; | |
left: 0px; | |
z-index: 9999; | |
} | |
#menu-title { | |
position: fixed; | |
top: 0px; | |
bottom: 0px; | |
left: 0px; | |
width: 66px; | |
padding: 20px 20px; | |
background: #222; | |
border-right: 1px #111 solid; | |
z-index: 30; | |
} | |
#menu-icon { | |
margin-bottom: 50px; | |
} | |
#close-menu-icon { | |
margin-bottom: 50px; | |
display: none; | |
} | |
#header-logo { | |
img { | |
width: 21px; | |
} | |
margin-bottom: 50px; | |
} | |
#header-lang a { | |
color: #fff; | |
} | |
#header-menu { | |
background: #222; | |
position: fixed; | |
top: 0px; | |
bottom: 0px; | |
box-shadow: 1px 0px 0px #333 inset; | |
width: 150px; | |
z-index: 20; | |
@include transition(all 0.3s ease); | |
} | |
#header-logo-2 img { | |
width: auto; | |
margin-top: 10px; | |
padding: 0px; | |
} | |
#the-menu a { | |
color: #fff; | |
font-size: 19px; | |
padding: 10px 25px; | |
display: block; | |
width: 150px; | |
text-shadow: 0px 1px 0px #111; | |
@include transition(all 0.3s ease); | |
&:hover { | |
background: #191919; | |
box-shadow: 0px 1px 1px #111 inset, 0px 1px 0px #333; | |
} | |
} | |
#header-logo-2 a:hover { | |
background: transparent; | |
box-shadow: none; | |
} | |
.header-menu-show { | |
left: 66px; | |
} | |
.header-menu-hide { | |
left: -184px; | |
} | |
.content-resize { | |
left: 310px; | |
} | |
.content-revert { | |
left: 66px; | |
} | |
#content { | |
position: absolute; | |
top: 0px; | |
bottom: 0px; | |
right: 0px; | |
left: 0px; | |
z-index: 10; | |
} | |
#content-wrapper { | |
position: absolute; | |
right: 0px; | |
@include transition(all 0.3s ease); | |
} | |
.post-items { | |
cursor: pointer; | |
z-index: 2; | |
img { | |
width: 100%; | |
} | |
} | |
.row-1 { | |
display: block; | |
} | |
.grey-bar { | |
position: absolute; | |
bottom: 0px; | |
left: 0px; | |
right: 0px; | |
background: rgba(0, 0, 0, 0.6); | |
display: none; | |
@include transition(all 0.3s ease); | |
} | |
.grey-bar-title { | |
color: #fff; | |
padding: 10px; | |
font-size: 40px; | |
} | |
.grey-bar p, .grey-bar-content p { | |
color: #fff; | |
padding: 10px; | |
} | |
.grey-bar-wrapper { | |
position: absolute; | |
top: 0px; | |
left: 0px; | |
right: 0px; | |
bottom: 0px; | |
@include transition(all 0.3s ease); | |
@include background-image(linear-gradient(transparent, rgba(0, 0, 0, 0.8))); | |
} | |
.grey-bar-content { | |
min-height: 20px; | |
border-bottom: 1px #fff dotted; | |
} | |
.grey-bar-wrapper:hover { | |
.button-wrapper, .play-button, .grey-bar { | |
display: block; | |
} | |
} | |
.button-wrapper { | |
float: right; | |
margin-top: 5px; | |
display: none; | |
} | |
.rc-buttons img, .button-stats { | |
width: 36px; | |
display: block; | |
} | |
.rc-buttons { | |
background: #333; | |
display: block; | |
float: left; | |
margin: 5px; | |
border-radius: 3px; | |
&:hover { | |
background: #222; | |
} | |
} | |
.button-stats { | |
float: left; | |
display: inline-block; | |
padding: 10px; | |
padding-left: 30px; | |
margin-right: 20px; | |
color: #fff; | |
opacity: 0.7; | |
} | |
.button-stats-heart { | |
background: url(images/heart.png) left center no-repeat; | |
} | |
.button-stats-circles { | |
background: url(images/circles.png) left center no-repeat; | |
} | |
.button-stats-comment { | |
background: url(images/comment.png) left center no-repeat; | |
} | |
.button-stats-arrow { | |
background: url(images/arrow.png) left center no-repeat; | |
} | |
.button-stats:hover { | |
opacity: 1; | |
color: #fff; | |
} | |
.post-items-2 { | |
margin-top: -38px !important; | |
z-index: 1; | |
} | |
.post-items-single { | |
padding: 15px; | |
} | |
.single .post-items-single { | |
position: absolute; | |
width: 100%; | |
} | |
.post-items-single-wrapper { | |
position: relative; | |
overflow-y: auto; | |
width: 700px; | |
background: #fff; | |
} | |
.entry-content .wp-post-image, .entry-header img { | |
width: 100% !important; | |
} | |
div.entry-meta h6 { | |
display: none; | |
} | |
.grey-bar-title a { | |
color: #fff; | |
} | |
.featured-img { | |
position: relative; | |
&:hover .grey-bar-wrapper { | |
display: block; | |
} | |
} | |
#main-header-mobile, #content-mobile, .post-items-single-wrapper-mobile, .post-items-single-mobile { | |
display: none; | |
} | |
.post-items-mobile img { | |
width: 100%; | |
} | |
.page #content { | |
width: 100% !important; | |
padding: 0px 15px; | |
} | |
.top-bar { | |
.name img { | |
width: 80%; | |
} | |
ul > li.toggle-topbar a { | |
background: none; | |
border: none; | |
width: 25px; | |
height: 23px; | |
top: 25%; | |
} | |
} | |
#content-videos { | |
display: none; | |
} | |
.play-button { | |
position: absolute; | |
left: 45%; | |
top: 45%; | |
width: 50px; | |
height: 50px; | |
opacity: 0.7; | |
&:hover { | |
opacity: 1; | |
} | |
} | |
.next-slide-button { | |
position: fixed; | |
width: 54px; | |
height: 54px; | |
top: 45%; | |
opacity: 0.7; | |
} | |
.previous-slide-button { | |
position: fixed; | |
width: 54px; | |
height: 54px; | |
top: 45%; | |
opacity: 0.7; | |
left: 81px; | |
padding: 5px; | |
border-radius: 5px; | |
@include transition(all 0.3s ease); | |
} | |
.next-slide-button { | |
right: 15px; | |
padding: 5px; | |
&:hover { | |
opacity: 1; | |
} | |
} | |
.previous-slide-button:hover { | |
opacity: 1; | |
} | |
.rc-post-items { | |
float: left; | |
overflow: hidden; | |
position: relative; | |
} | |
.rc-post-videos { | |
position: relative; | |
overflow: hidden; | |
} | |
.rc-post-items img { | |
width: 100%; | |
} | |
.rc-greybar { | |
position: absolute; | |
top: 0px; | |
bottom: 0px; | |
left: 0px; | |
right: 0px; | |
box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.8) inset; | |
display: none; | |
} | |
.rc-greybar-container { | |
position: absolute; | |
bottom: 0px; | |
left: 0px; | |
right: 0px; | |
background: rgba(0, 0, 0, 0.8); | |
} | |
.rc-greybar-title { | |
color: #fff; | |
padding: 10px 15px 0px 15px; | |
font-size: 40px; | |
font-weight: bold; | |
a { | |
color: #fff; | |
} | |
} | |
.rc-greybar-content { | |
padding: 0px 15px 10px 15px; | |
p { | |
color: #fff; | |
font-size: 16px; | |
} | |
} | |
.grey-bar-stats { | |
border-top: 1px #fff dotted; | |
padding: 7px 10px; | |
} | |
.rc-post-items-alt:hover .rc-greybar, .rc-post-videos:hover .rc-greybar { | |
display: block; | |
} | |
#featured-posts { | |
padding: 0px 15px; | |
overflow: auto; | |
background: #f1f1f1; | |
ul { | |
list-style: none; | |
} | |
p { | |
font-size: 14px; | |
} | |
h5 { | |
font-weight: bold; | |
color: #000; | |
margin-bottom: 5px; | |
} | |
} | |
.rc-post-single { | |
overflow: auto; | |
} | |
.rc-post-items-mobile { | |
position: relative; | |
} | |
#rc-content-mobile, #rc-content-index-mobile, #content-mobile-page, #content-mobile, .rc-content-index-mobile { | |
display: none; | |
} | |
.page-id-11 { | |
background: #333; | |
} | |
#featured-posts a { | |
color: #000; | |
} | |
#rc-content-videos { | |
display: none !important; | |
} | |
.page-id-7 #content, .page-id-5 #content { | |
max-width: 960px; | |
} | |
.page-id-7 .next-slide-button, .page-id-5 .next-slide-button { | |
display: none; | |
} | |
@media only screen and (orientation: portrait) and (max-width: 767px) { | |
#main-header-mobile, #content-mobile, .post-items-single-wrapper-mobile, .post-items-single-mobile, #rc-content-mobile, #content-mobile-page { | |
display: block; | |
} | |
#main-header, #content, .post-items-single-wrapper, .post-items-single, #featured-posts, #rc-content, #rc-content-videos { | |
display: none !important; | |
} | |
.single .post-items-single, #content, .post-items, #content-wrapper, .post-items-single-wrapper, .post-items-single { | |
position: relative !important; | |
height: auto !important; | |
overflow: visible; | |
} | |
.content-revert { | |
left: 0px; | |
} | |
header.entry-header h1, div.entry-content { | |
padding: 0px 15px; | |
} | |
.grey-bar-wrapper { | |
display: block; | |
opacity: 0.9; | |
} | |
.button-wrapper { | |
display: block; | |
opacity: 0.9; | |
display: none; | |
} | |
.page #content { | |
padding: 0px 15px; | |
} | |
.rc-post-items { | |
float: none; | |
} | |
.rc-post-items-mobile img { | |
width: 100%; | |
} | |
.single { | |
background: #fff; | |
} | |
.top-bar ul > li.toggle-topbar a { | |
width: 14px; | |
height: auto; | |
top: 4px; | |
} | |
} | |
@media only screen and (orientation: landscape) and (max-width: 767px) { | |
.grey-bar-content p, #featured-posts, .rc-greybar-content, #rc-content-mobile, div.entry-content { | |
display: none; | |
} | |
.rc-content-index-mobile, .content-mobile-page { | |
display: block !important; | |
} | |
#content-mobile-page { | |
#content-mobile-page h1.entry-title, div.entry-content { | |
display: block !important; | |
} | |
} | |
.grey-bar-content { | |
border-bottom: none; | |
} | |
#menu-title { | |
padding: 10px 27px; | |
} | |
#menu-icon, #close-menu-icon { | |
margin-bottom: 15px; | |
} | |
#header-lang, #content, #content-mobile { | |
display: none; | |
} | |
#content-videos { | |
display: block; | |
position: absolute; | |
} | |
.single #content-videos { | |
top: 0px; | |
} | |
#header-logo-2 img { | |
width: 30px; | |
margin-top: 10px; | |
padding: 0px 0px; | |
} | |
#header-menu ul { | |
margin-bottom: 0px; | |
} | |
#the-menu a { | |
font-size: 15px; | |
padding: 5px 25px; | |
} | |
.post-items-single-wrapper { | |
width: 100%; | |
} | |
.grey-bar-title { | |
font-size: 20px; | |
} | |
.rc-post-items-mobile img { | |
width: 100%; | |
} | |
#content-mobile-page { | |
margin-left: 15px; | |
} | |
} | |
/* end */ | |
/* new additions june 2014 */ | |
body.page-id-7 { | |
background-color: #222; | |
color: #fff; | |
#featured-posts { | |
h5, a { | |
color: #fff | |
} | |
} | |
h1, h2, h3, h4, h5, h6 { | |
color: #fff; | |
} | |
input, textarea, select, option { | |
background-color: #ccc; | |
} | |
} | |
input[type="submit"] { | |
background-color: #fff; | |
font-family: inherit; | |
border: 1px solid #ccc; | |
@include border-radius(2px); | |
@include box-shadow(inset 0 1px 2px rgba(0,0,0,0.1)); | |
color: rgba(0,0,0,0.75); | |
display: block; | |
font-size: 14px; | |
margin: 0 0 12px 0; | |
padding: 6px; | |
height: 32px; | |
width: 100%; | |
@include transition(all 0.15s linear); | |
} | |
#featured-posts { | |
display: none; | |
} | |
// Mixin scrollbar | |
@mixin scrollbar($size, $primary, $secondary: lighten($primary, 25%)) { | |
::-webkit-scrollbar { | |
width: $size; | |
height: $size; | |
} | |
::-webkit-scrollbar-thumb { | |
background: $primary; | |
} | |
::-webkit-scrollbar-track { | |
background: $secondary; | |
} | |
// For Internet Explorer | |
body { | |
scrollbar-face-color: $primary; | |
scrollbar-track-color: $secondary; | |
} | |
} | |
@include scrollbar(22px, #222); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
Theme Name: Random Content | |
Theme URI: http://themes.required.ch/ | |
Author: Random Content | |
Author URI: http://required.ch/ | |
Description: Starter child theme for the required+ Foundation parent theme. | |
License: GNU General Public License v2 or later | |
License URI: http://www.gnu.org/licenses/gpl-2.0.html | |
Version: 1.0.4 | |
Template: required-foundation | |
Text Domain: requiredstarter | |
*/ | |
@import url(../required-foundation/style.css); | |
@import url(../required-foundation/style.css); | |
@font-face { | |
font-family: "gotham"; | |
src: url(fonts/gotham.ttf); | |
} | |
h1, h2, h3, h4, h5, h6 { | |
font-family: "proxima-nova", "gotham", "Open Sans", sans-serif; | |
font-weight: 300; | |
} | |
html, body, p { | |
font-family: "proxima-nova", "gotham", "Open Sans", sans-serif; | |
font-size: 16px; | |
} | |
#site-title { | |
font-weight: 600; | |
} | |
.required-header .inline-list { | |
margin-top: 14px; | |
} | |
#main-header { | |
position: fixed; | |
top: 0px; | |
bottom: 0px; | |
left: 0px; | |
z-index: 9999; | |
} | |
#menu-title { | |
position: fixed; | |
top: 0px; | |
bottom: 0px; | |
left: 0px; | |
width: 66px; | |
padding: 20px 20px; | |
background: #222; | |
border-right: 1px #111 solid; | |
z-index: 30; | |
} | |
#menu-icon { | |
margin-bottom: 50px; | |
} | |
#close-menu-icon { | |
margin-bottom: 50px; | |
display: none; | |
} | |
#header-logo { | |
margin-bottom: 50px; | |
} | |
#header-logo img { | |
width: 21px; | |
} | |
#header-lang a { | |
color: #fff; | |
} | |
#header-menu { | |
background: #222; | |
position: fixed; | |
top: 0px; | |
bottom: 0px; | |
box-shadow: 1px 0px 0px #333 inset; | |
width: 150px; | |
z-index: 20; | |
-moz-transition: all 0.3s ease; | |
-o-transition: all 0.3s ease; | |
-webkit-transition: all 0.3s ease; | |
transition: all 0.3s ease; | |
} | |
#header-logo-2 img { | |
width: auto; | |
margin-top: 10px; | |
padding: 0px; | |
} | |
#the-menu a { | |
color: #fff; | |
font-size: 19px; | |
padding: 10px 25px; | |
display: block; | |
width: 150px; | |
text-shadow: 0px 1px 0px #111; | |
-moz-transition: all 0.3s ease; | |
-o-transition: all 0.3s ease; | |
-webkit-transition: all 0.3s ease; | |
transition: all 0.3s ease; | |
} | |
#the-menu a:hover { | |
background: #191919; | |
box-shadow: 0px 1px 1px #111 inset, 0px 1px 0px #333; | |
} | |
#header-logo-2 a:hover { | |
background: transparent; | |
box-shadow: none; | |
} | |
.header-menu-show { | |
left: 66px; | |
} | |
.header-menu-hide { | |
left: -184px; | |
} | |
.content-resize { | |
left: 310px; | |
} | |
.content-revert { | |
left: 66px; | |
} | |
#content { | |
position: absolute; | |
top: 0px; | |
bottom: 0px; | |
right: 0px; | |
left: 0px; | |
z-index: 10; | |
} | |
#content-wrapper { | |
position: absolute; | |
right: 0px; | |
-moz-transition: all 0.3s ease; | |
-o-transition: all 0.3s ease; | |
-webkit-transition: all 0.3s ease; | |
transition: all 0.3s ease; | |
} | |
.post-items { | |
cursor: pointer; | |
z-index: 2; | |
} | |
.post-items img { | |
width: 100%; | |
} | |
.row-1 { | |
display: block; | |
} | |
.grey-bar { | |
position: absolute; | |
bottom: 0px; | |
left: 0px; | |
right: 0px; | |
background: rgba(0, 0, 0, 0.6); | |
display: none; | |
-moz-transition: all 0.3s ease; | |
-o-transition: all 0.3s ease; | |
-webkit-transition: all 0.3s ease; | |
transition: all 0.3s ease; | |
} | |
.grey-bar-title { | |
color: #fff; | |
padding: 10px; | |
font-size: 40px; | |
} | |
.grey-bar p, .grey-bar-content p { | |
color: #fff; | |
padding: 10px; | |
} | |
.grey-bar-wrapper { | |
position: absolute; | |
top: 0px; | |
left: 0px; | |
right: 0px; | |
bottom: 0px; | |
-moz-transition: all 0.3s ease; | |
-o-transition: all 0.3s ease; | |
-webkit-transition: all 0.3s ease; | |
transition: all 0.3s ease; | |
background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); | |
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); | |
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); | |
} | |
.grey-bar-content { | |
min-height: 20px; | |
border-bottom: 1px #fff dotted; | |
} | |
.grey-bar-wrapper:hover .button-wrapper, .grey-bar-wrapper:hover .play-button, .grey-bar-wrapper:hover .grey-bar { | |
display: block; | |
} | |
.button-wrapper { | |
float: right; | |
margin-top: 5px; | |
display: none; | |
} | |
.rc-buttons img, .button-stats { | |
width: 36px; | |
display: block; | |
} | |
.rc-buttons { | |
background: #333; | |
display: block; | |
float: left; | |
margin: 5px; | |
border-radius: 3px; | |
} | |
.rc-buttons:hover { | |
background: #222; | |
} | |
.button-stats { | |
float: left; | |
display: inline-block; | |
padding: 10px; | |
padding-left: 30px; | |
margin-right: 20px; | |
color: #fff; | |
opacity: 0.7; | |
} | |
.button-stats-heart { | |
background: url(images/heart.png) left center no-repeat; | |
} | |
.button-stats-circles { | |
background: url(images/circles.png) left center no-repeat; | |
} | |
.button-stats-comment { | |
background: url(images/comment.png) left center no-repeat; | |
} | |
.button-stats-arrow { | |
background: url(images/arrow.png) left center no-repeat; | |
} | |
.button-stats:hover { | |
opacity: 1; | |
color: #fff; | |
} | |
.post-items-2 { | |
margin-top: -38px !important; | |
z-index: 1; | |
} | |
.post-items-single { | |
padding: 15px; | |
} | |
.single .post-items-single { | |
position: absolute; | |
width: 100%; | |
} | |
.post-items-single-wrapper { | |
position: relative; | |
overflow-y: auto; | |
width: 700px; | |
background: #fff; | |
} | |
.entry-content .wp-post-image, .entry-header img { | |
width: 100% !important; | |
} | |
div.entry-meta h6 { | |
display: none; | |
} | |
.grey-bar-title a { | |
color: #fff; | |
} | |
.featured-img { | |
position: relative; | |
} | |
.featured-img:hover .grey-bar-wrapper { | |
display: block; | |
} | |
#main-header-mobile, #content-mobile, .post-items-single-wrapper-mobile, .post-items-single-mobile { | |
display: none; | |
} | |
.post-items-mobile img { | |
width: 100%; | |
} | |
.page #content { | |
width: 100% !important; | |
padding: 0px 15px; | |
} | |
.top-bar .name img { | |
width: 80%; | |
} | |
.top-bar ul > li.toggle-topbar a { | |
background: none; | |
border: none; | |
width: 25px; | |
height: 23px; | |
top: 25%; | |
} | |
#content-videos { | |
display: none; | |
} | |
.play-button { | |
position: absolute; | |
left: 45%; | |
top: 45%; | |
width: 50px; | |
height: 50px; | |
opacity: 0.7; | |
} | |
.play-button:hover { | |
opacity: 1; | |
} | |
.next-slide-button { | |
position: fixed; | |
width: 54px; | |
height: 54px; | |
top: 45%; | |
opacity: 0.7; | |
} | |
.previous-slide-button { | |
position: fixed; | |
width: 54px; | |
height: 54px; | |
top: 45%; | |
opacity: 0.7; | |
left: 81px; | |
padding: 5px; | |
border-radius: 5px; | |
-moz-transition: all 0.3s ease; | |
-o-transition: all 0.3s ease; | |
-webkit-transition: all 0.3s ease; | |
transition: all 0.3s ease; | |
} | |
.next-slide-button { | |
right: 15px; | |
padding: 5px; | |
} | |
.next-slide-button:hover { | |
opacity: 1; | |
} | |
.previous-slide-button:hover { | |
opacity: 1; | |
} | |
.rc-post-items { | |
float: left; | |
overflow: hidden; | |
position: relative; | |
} | |
.rc-post-videos { | |
position: relative; | |
overflow: hidden; | |
} | |
.rc-post-items img { | |
width: 100%; | |
} | |
.rc-greybar { | |
position: absolute; | |
top: 0px; | |
bottom: 0px; | |
left: 0px; | |
right: 0px; | |
box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.8) inset; | |
display: none; | |
} | |
.rc-greybar-container { | |
position: absolute; | |
bottom: 0px; | |
left: 0px; | |
right: 0px; | |
background: rgba(0, 0, 0, 0.8); | |
} | |
.rc-greybar-title { | |
color: #fff; | |
padding: 10px 15px 0px 15px; | |
font-size: 40px; | |
font-weight: bold; | |
} | |
.rc-greybar-title a { | |
color: #fff; | |
} | |
.rc-greybar-content { | |
padding: 0px 15px 10px 15px; | |
} | |
.rc-greybar-content p { | |
color: #fff; | |
font-size: 16px; | |
} | |
.grey-bar-stats { | |
border-top: 1px #fff dotted; | |
padding: 7px 10px; | |
} | |
.rc-post-items-alt:hover .rc-greybar, .rc-post-videos:hover .rc-greybar { | |
display: block; | |
} | |
#featured-posts { | |
padding: 0px 15px; | |
overflow: auto; | |
background: #f1f1f1; | |
} | |
#featured-posts ul { | |
list-style: none; | |
} | |
#featured-posts p { | |
font-size: 14px; | |
} | |
#featured-posts h5 { | |
font-weight: bold; | |
color: #000; | |
margin-bottom: 5px; | |
} | |
.rc-post-single { | |
overflow: auto; | |
} | |
.rc-post-items-mobile { | |
position: relative; | |
} | |
#rc-content-mobile, #rc-content-index-mobile, #content-mobile-page, #content-mobile, .rc-content-index-mobile { | |
display: none; | |
} | |
.page-id-11 { | |
background: #333; | |
} | |
#featured-posts a { | |
color: #000; | |
} | |
#rc-content-videos { | |
display: none !important; | |
} | |
.page-id-7 #content, .page-id-5 #content { | |
max-width: 960px; | |
} | |
.page-id-7 .next-slide-button, .page-id-5 .next-slide-button { | |
display: none; | |
} | |
@media only screen and (orientation: portrait) and (max-width: 767px) { | |
#main-header-mobile, #content-mobile, .post-items-single-wrapper-mobile, .post-items-single-mobile, #rc-content-mobile, #content-mobile-page { | |
display: block; | |
} | |
#main-header, #content, .post-items-single-wrapper, .post-items-single, #featured-posts, #rc-content, #rc-content-videos { | |
display: none !important; | |
} | |
.single .post-items-single, #content, .post-items, #content-wrapper, .post-items-single-wrapper, .post-items-single { | |
position: relative !important; | |
height: auto !important; | |
overflow: visible; | |
} | |
.content-revert { | |
left: 0px; | |
} | |
header.entry-header h1, div.entry-content { | |
padding: 0px 15px; | |
} | |
.grey-bar-wrapper { | |
display: block; | |
opacity: 0.9; | |
} | |
.button-wrapper { | |
display: block; | |
opacity: 0.9; | |
display: none; | |
} | |
.page #content { | |
padding: 0px 15px; | |
} | |
.rc-post-items { | |
float: none; | |
} | |
.rc-post-items-mobile img { | |
width: 100%; | |
} | |
.single { | |
background: #fff; | |
} | |
.top-bar ul > li.toggle-topbar a { | |
width: 14px; | |
height: auto; | |
top: 4px; | |
} | |
} | |
@media only screen and (orientation: landscape) and (max-width: 767px) { | |
.grey-bar-content p, #featured-posts, .rc-greybar-content, #rc-content-mobile, div.entry-content { | |
display: none; | |
} | |
.rc-content-index-mobile, .content-mobile-page { | |
display: block !important; | |
} | |
#content-mobile-page #content-mobile-page h1.entry-title, #content-mobile-page div.entry-content { | |
display: block !important; | |
} | |
.grey-bar-content { | |
border-bottom: none; | |
} | |
#menu-title { | |
padding: 10px 27px; | |
} | |
#menu-icon, #close-menu-icon { | |
margin-bottom: 15px; | |
} | |
#header-lang, #content, #content-mobile { | |
display: none; | |
} | |
#content-videos { | |
display: block; | |
position: absolute; | |
} | |
.single #content-videos { | |
top: 0px; | |
} | |
#header-logo-2 img { | |
width: 30px; | |
margin-top: 10px; | |
padding: 0px 0px; | |
} | |
#header-menu ul { | |
margin-bottom: 0px; | |
} | |
#the-menu a { | |
font-size: 15px; | |
padding: 5px 25px; | |
} | |
.post-items-single-wrapper { | |
width: 100%; | |
} | |
.grey-bar-title { | |
font-size: 20px; | |
} | |
.rc-post-items-mobile img { | |
width: 100%; | |
} | |
#content-mobile-page { | |
margin-left: 15px; | |
} | |
} | |
/* end */ | |
/* new additions june 2014 */ | |
body.page-id-7 { | |
background-color: #222; | |
color: #fff; | |
} | |
body.page-id-7 #featured-posts h5, body.page-id-7 #featured-posts a { | |
color: white; | |
} | |
body.page-id-7 h1, body.page-id-7 h2, body.page-id-7 h3, body.page-id-7 h4, body.page-id-7 h5, body.page-id-7 h6 { | |
color: #fff; | |
} | |
/* | |
Theme Name: Random Content | |
Theme URI: http://themes.required.ch/ | |
Author: Random Content | |
Author URI: http://required.ch/ | |
Description: Starter child theme for the required+ Foundation parent theme. | |
License: GNU General Public License v2 or later | |
License URI: http://www.gnu.org/licenses/gpl-2.0.html | |
Version: 1.0.4 | |
Template: required-foundation | |
Text Domain: requiredstarter | |
*/ | |
/* | |
Make the template work | |
*/ | |
/* | |
@font-face { | |
font-family: "gotham"; | |
src: url(fonts/gotham.ttf); | |
} | |
*/ | |
h1, h2, h3, h4, h5, h6 { | |
font-family: "proxima-nova", "Open Sans", sans-serif; | |
font-weight: 300; | |
} | |
html, body, p { | |
font-family: "proxima-nova", "Open Sans", sans-serif; | |
font-size: 16px; | |
} | |
#site-title { | |
font-weight: 600; | |
} | |
.required-header .inline-list { | |
margin-top: 14px; | |
} | |
#main-header { | |
position: fixed; | |
top: 0px; | |
bottom: 0px; | |
left: 0px; | |
z-index: 9999; | |
} | |
#menu-title { | |
position: fixed; | |
top: 0px; | |
bottom: 0px; | |
left: 0px; | |
width: 66px; | |
padding: 20px 20px; | |
background: #222; | |
border-right: 1px #111 solid; | |
z-index: 30; | |
} | |
#menu-icon { | |
margin-bottom: 50px; | |
} | |
#close-menu-icon { | |
margin-bottom: 50px; | |
display: none; | |
} | |
#header-logo { | |
margin-bottom: 50px; | |
} | |
#header-logo img { | |
width: 21px; | |
} | |
#header-lang a { | |
color: #fff; | |
} | |
#header-menu { | |
background: #222; | |
position: fixed; | |
top: 0px; | |
bottom: 0px; | |
box-shadow: 1px 0px 0px #333 inset; | |
width: 150px; | |
z-index: 20; | |
-moz-transition: all 0.3s ease; | |
-o-transition: all 0.3s ease; | |
-webkit-transition: all 0.3s ease; | |
transition: all 0.3s ease; | |
} | |
#header-logo-2 img { | |
width: auto; | |
margin-top: 10px; | |
padding: 0px; | |
} | |
#the-menu a { | |
color: #fff; | |
font-size: 19px; | |
padding: 10px 25px; | |
display: block; | |
width: 150px; | |
text-shadow: 0px 1px 0px #111; | |
-moz-transition: all 0.3s ease; | |
-o-transition: all 0.3s ease; | |
-webkit-transition: all 0.3s ease; | |
transition: all 0.3s ease; | |
} | |
#the-menu a:hover { | |
background: #191919; | |
box-shadow: 0px 1px 1px #111 inset, 0px 1px 0px #333; | |
} | |
#header-logo-2 a:hover { | |
background: transparent; | |
box-shadow: none; | |
} | |
.header-menu-show { | |
left: 66px; | |
} | |
.header-menu-hide { | |
left: -184px; | |
} | |
.content-resize { | |
left: 310px; | |
} | |
.content-revert { | |
left: 66px; | |
} | |
#content { | |
position: absolute; | |
top: 0px; | |
bottom: 0px; | |
right: 0px; | |
left: 0px; | |
z-index: 10; | |
} | |
#content-wrapper { | |
position: absolute; | |
right: 0px; | |
-moz-transition: all 0.3s ease; | |
-o-transition: all 0.3s ease; | |
-webkit-transition: all 0.3s ease; | |
transition: all 0.3s ease; | |
} | |
.post-items { | |
cursor: pointer; | |
z-index: 2; | |
} | |
.post-items img { | |
width: 100%; | |
} | |
.row-1 { | |
display: block; | |
} | |
.grey-bar { | |
position: absolute; | |
bottom: 0px; | |
left: 0px; | |
right: 0px; | |
background: rgba(0, 0, 0, 0.6); | |
display: none; | |
-moz-transition: all 0.3s ease; | |
-o-transition: all 0.3s ease; | |
-webkit-transition: all 0.3s ease; | |
transition: all 0.3s ease; | |
} | |
.grey-bar-title { | |
color: #fff; | |
padding: 10px; | |
font-size: 40px; | |
} | |
.grey-bar p, .grey-bar-content p { | |
color: #fff; | |
padding: 10px; | |
} | |
.grey-bar-wrapper { | |
position: absolute; | |
top: 0px; | |
left: 0px; | |
right: 0px; | |
bottom: 0px; | |
-moz-transition: all 0.3s ease; | |
-o-transition: all 0.3s ease; | |
-webkit-transition: all 0.3s ease; | |
transition: all 0.3s ease; | |
background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); | |
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); | |
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); | |
} | |
.grey-bar-content { | |
min-height: 20px; | |
border-bottom: 1px #fff dotted; | |
} | |
.grey-bar-wrapper:hover .button-wrapper, .grey-bar-wrapper:hover .play-button, .grey-bar-wrapper:hover .grey-bar { | |
display: block; | |
} | |
.button-wrapper { | |
float: right; | |
margin-top: 5px; | |
display: none; | |
} | |
.rc-buttons img, .button-stats { | |
width: 36px; | |
display: block; | |
} | |
.rc-buttons { | |
background: #333; | |
display: block; | |
float: left; | |
margin: 5px; | |
border-radius: 3px; | |
} | |
.rc-buttons:hover { | |
background: #222; | |
} | |
.button-stats { | |
float: left; | |
display: inline-block; | |
padding: 10px; | |
padding-left: 30px; | |
margin-right: 20px; | |
color: #fff; | |
opacity: 0.7; | |
} | |
.button-stats-heart { | |
background: url(images/heart.png) left center no-repeat; | |
} | |
.button-stats-circles { | |
background: url(images/circles.png) left center no-repeat; | |
} | |
.button-stats-comment { | |
background: url(images/comment.png) left center no-repeat; | |
} | |
.button-stats-arrow { | |
background: url(images/arrow.png) left center no-repeat; | |
} | |
.button-stats:hover { | |
opacity: 1; | |
color: #fff; | |
} | |
.post-items-2 { | |
margin-top: -38px !important; | |
z-index: 1; | |
} | |
.post-items-single { | |
padding: 15px; | |
} | |
.single .post-items-single { | |
position: absolute; | |
width: 100%; | |
} | |
.post-items-single-wrapper { | |
position: relative; | |
overflow-y: auto; | |
width: 700px; | |
background: #fff; | |
} | |
.entry-content .wp-post-image, .entry-header img { | |
width: 100% !important; | |
} | |
div.entry-meta h6 { | |
display: none; | |
} | |
.grey-bar-title a { | |
color: #fff; | |
} | |
.featured-img { | |
position: relative; | |
} | |
.featured-img:hover .grey-bar-wrapper { | |
display: block; | |
} | |
#main-header-mobile, #content-mobile, .post-items-single-wrapper-mobile, .post-items-single-mobile { | |
display: none; | |
} | |
.post-items-mobile img { | |
width: 100%; | |
} | |
.page #content { | |
width: 100% !important; | |
padding: 0px 15px; | |
} | |
.top-bar .name img { | |
width: 80%; | |
} | |
.top-bar ul > li.toggle-topbar a { | |
background: none; | |
border: none; | |
width: 25px; | |
height: 23px; | |
top: 25%; | |
} | |
#content-videos { | |
display: none; | |
} | |
.play-button { | |
position: absolute; | |
left: 45%; | |
top: 45%; | |
width: 50px; | |
height: 50px; | |
opacity: 0.7; | |
} | |
.play-button:hover { | |
opacity: 1; | |
} | |
.next-slide-button { | |
position: fixed; | |
width: 54px; | |
height: 54px; | |
top: 45%; | |
opacity: 0.7; | |
} | |
.previous-slide-button { | |
position: fixed; | |
width: 54px; | |
height: 54px; | |
top: 45%; | |
opacity: 0.7; | |
left: 81px; | |
padding: 5px; | |
border-radius: 5px; | |
-moz-transition: all 0.3s ease; | |
-o-transition: all 0.3s ease; | |
-webkit-transition: all 0.3s ease; | |
transition: all 0.3s ease; | |
} | |
.next-slide-button { | |
right: 15px; | |
padding: 5px; | |
} | |
.next-slide-button:hover { | |
opacity: 1; | |
} | |
.previous-slide-button:hover { | |
opacity: 1; | |
} | |
.rc-post-items { | |
float: left; | |
overflow: hidden; | |
position: relative; | |
} | |
.rc-post-videos { | |
position: relative; | |
overflow: hidden; | |
} | |
.rc-post-items img { | |
width: 100%; | |
} | |
.rc-greybar { | |
position: absolute; | |
top: 0px; | |
bottom: 0px; | |
left: 0px; | |
right: 0px; | |
box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.8) inset; | |
display: none; | |
} | |
.rc-greybar-container { | |
position: absolute; | |
bottom: 0px; | |
left: 0px; | |
right: 0px; | |
background: rgba(0, 0, 0, 0.8); | |
} | |
.rc-greybar-title { | |
color: #fff; | |
padding: 10px 15px 0px 15px; | |
font-size: 40px; | |
font-weight: bold; | |
} | |
.rc-greybar-title a { | |
color: #fff; | |
} | |
.rc-greybar-content { | |
padding: 0px 15px 10px 15px; | |
} | |
.rc-greybar-content p { | |
color: #fff; | |
font-size: 16px; | |
} | |
.grey-bar-stats { | |
border-top: 1px #fff dotted; | |
padding: 7px 10px; | |
} | |
.rc-post-items-alt:hover .rc-greybar, .rc-post-videos:hover .rc-greybar { | |
display: block; | |
} | |
#featured-posts { | |
padding: 0px 15px; | |
overflow: auto; | |
background: #f1f1f1; | |
} | |
#featured-posts ul { | |
list-style: none; | |
} | |
#featured-posts p { | |
font-size: 14px; | |
} | |
#featured-posts h5 { | |
font-weight: bold; | |
color: #000; | |
margin-bottom: 5px; | |
} | |
.rc-post-single { | |
overflow: auto; | |
} | |
.rc-post-items-mobile { | |
position: relative; | |
} | |
#rc-content-mobile, #rc-content-index-mobile, #content-mobile-page, #content-mobile, .rc-content-index-mobile { | |
display: none; | |
} | |
.page-id-11 { | |
background: #333; | |
} | |
#featured-posts a { | |
color: #000; | |
} | |
#rc-content-videos { | |
display: none !important; | |
} | |
.page-id-7 #content, .page-id-5 #content { | |
max-width: 960px; | |
} | |
.page-id-7 .next-slide-button, .page-id-5 .next-slide-button { | |
display: none; | |
} | |
@media only screen and (orientation: portrait) and (max-width: 767px) { | |
#main-header-mobile, #content-mobile, .post-items-single-wrapper-mobile, .post-items-single-mobile, #rc-content-mobile, #content-mobile-page { | |
display: block; | |
} | |
#main-header, #content, .post-items-single-wrapper, .post-items-single, #featured-posts, #rc-content, #rc-content-videos { | |
display: none !important; | |
} | |
.single .post-items-single, #content, .post-items, #content-wrapper, .post-items-single-wrapper, .post-items-single { | |
position: relative !important; | |
height: auto !important; | |
overflow: visible; | |
} | |
.content-revert { | |
left: 0px; | |
} | |
header.entry-header h1, div.entry-content { | |
padding: 0px 15px; | |
} | |
.grey-bar-wrapper { | |
display: block; | |
opacity: 0.9; | |
} | |
.button-wrapper { | |
display: block; | |
opacity: 0.9; | |
display: none; | |
} | |
.page #content { | |
padding: 0px 15px; | |
} | |
.rc-post-items { | |
float: none; | |
} | |
.rc-post-items-mobile img { | |
width: 100%; | |
} | |
.single { | |
background: #fff; | |
} | |
.top-bar ul > li.toggle-topbar a { | |
width: 14px; | |
height: auto; | |
top: 4px; | |
} | |
} | |
@media only screen and (orientation: landscape) and (max-width: 767px) { | |
.grey-bar-content p, #featured-posts, .rc-greybar-content, #rc-content-mobile, div.entry-content { | |
display: none; | |
} | |
.rc-content-index-mobile, .content-mobile-page { | |
display: block !important; | |
} | |
#content-mobile-page #content-mobile-page h1.entry-title, #content-mobile-page div.entry-content { | |
display: block !important; | |
} | |
.grey-bar-content { | |
border-bottom: none; | |
} | |
#menu-title { | |
padding: 10px 27px; | |
} | |
#menu-icon, #close-menu-icon { | |
margin-bottom: 15px; | |
} | |
#header-lang, #content, #content-mobile { | |
display: none; | |
} | |
#content-videos { | |
display: block; | |
position: absolute; | |
} | |
.single #content-videos { | |
top: 0px; | |
} | |
#header-logo-2 img { | |
width: 30px; | |
margin-top: 10px; | |
padding: 0px 0px; | |
} | |
#header-menu ul { | |
margin-bottom: 0px; | |
} | |
#the-menu a { | |
font-size: 15px; | |
padding: 5px 25px; | |
} | |
.post-items-single-wrapper { | |
width: 100%; | |
} | |
.grey-bar-title { | |
font-size: 20px; | |
} | |
.rc-post-items-mobile img { | |
width: 100%; | |
} | |
#content-mobile-page { | |
margin-left: 15px; | |
} | |
} | |
/* end */ | |
/* new additions june 2014 */ | |
body.page-id-7 { | |
background-color: #222; | |
color: #fff; | |
} | |
body.page-id-7 #featured-posts h5, body.page-id-7 #featured-posts a { | |
color: white; | |
} | |
body.page-id-7 h1, body.page-id-7 h2, body.page-id-7 h3, body.page-id-7 h4, body.page-id-7 h5, body.page-id-7 h6 { | |
color: #fff; | |
} | |
body.page-id-7 input, body.page-id-7 textarea, body.page-id-7 select, body.page-id-7 option { | |
background-color: #ccc; | |
} | |
input[type="submit"] { | |
background-color: #fff; | |
font-family: inherit; | |
border: 1px solid #ccc; | |
-moz-border-radius: 2px; | |
-webkit-border-radius: 2px; | |
border-radius: 2px; | |
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); | |
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); | |
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); | |
color: rgba(0, 0, 0, 0.75); | |
display: block; | |
font-size: 14px; | |
margin: 0 0 12px 0; | |
padding: 6px; | |
height: 32px; | |
width: 100%; | |
-moz-transition: all 0.15s linear; | |
-o-transition: all 0.15s linear; | |
-webkit-transition: all 0.15s linear; | |
transition: all 0.15s linear; | |
} | |
#featured-posts { | |
display: none; | |
} | |
::-webkit-scrollbar { | |
width: 22px; | |
height: 22px; | |
} | |
::-webkit-scrollbar-thumb { | |
background: #222222; | |
} | |
::-webkit-scrollbar-track { | |
background: #626262; | |
} | |
body { | |
scrollbar-face-color: #222222; | |
scrollbar-track-color: #626262; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment