Skip to content

Instantly share code, notes, and snippets.

@mihadaiko
Created Jul 22, 2016
Embed
What would you like to do?
/*
Theme Name: Get Versed Magazine 2.0
Description: Black Media Magazine
Author: Terrell Anderson
Author URI: http://terrellanderson.net/
Tags: black, white, blue, magazine, media
Version: 2.0.
*/
/***** General ********************/
body, html {
background:#222;
width:100%;
height:100%;
}
/***** Top Navigation ********************/
.top-nav {
background:#fff;
max-width:1280px;
border-bottom:1px solid #e8e8e8;
padding:10px;
margin:0 auto;
}
.logo {
margin-left:15px;
max-width:235px;
}
/***** Featured Slider ********************/
.main-slider{
background:#fff;
max-width:1280px;
margin:0 auto;
padding:0;
position:relative;
}
.advertisement{
max-width:1280px;
margin:0 auto;
padding:10px 0px 0px 0px;
background:#fff;
}
/***** Featured Slider Two ********************/
.slider-title {
width:100%;
max-width:1280px;
max-height:280px;
background: url('http://getversed.us/wp-content/themes/get-versed-media/images/slideshowshadow.png');
margin-top:-280px;
height:100%;
position:absolute;
bottom:0;
display:inline-block;
padding:3% 0 0 3%;
}
.slider-title-text {
font-family:Front Page Neue;
font-size:4vw;
color:#fff;
max-width:60%;
text-transform:uppercase;
line-height:1em;
bottom:10%;
position:absolute;
}
.slider-title-text a:link,
.slider-title-text a:visited{
color:#fff;
}
.slider-category {
display:inline;
background:#000;
padding:6px;
font-family:Front Page Neue;
font-size:36px;
color:#fff;
text-transform:uppercase;
top:0;
position:absolute;
}
/***** Container ********************/
.container{
background:#fff;
max-width:1280px;
margin:0 auto;
position:relative;
}
/***** First Post ********************/
.first-post{
max-width:720px;
padding:0px;
margin:20px 0px 25px 20px !important;
max-height:555px;
position:relative;
float:left !important;
overflow: hidden;
}
.first-post img{
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.first-post img:hover {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.first-post-title-div {
width:100%;
max-width:720px;
height:188px;
background: url('img/v/first-title.png');
padding:0px 20% 0px 5%;
position:absolute;
bottom:0;
}
.first-post-title {
background:#fff;
font-family:Front Page Neue;
font-size:42px;
color:#000;
padding:5px;
bottom:0;
display:inline;
color:#000;
}
.first-post-title a:link,
.first-post-title a:visited {
color:#000;
}
.first-post-category{
position:absolute;
top:6%;
left:1%;
}
.category-first{
display:inline;
background:#0076c1;
font-family:Front Page Neue;
font-size:40x;
color:#fff;
padding:6px;
letter-spacing:normal;
}
/***** Second Set Post ********************/
.second-set-post {
max-width:495px;
position:relative;
padding:0px;
margin:20px 0px 5px 20px;
overflow:hidden;
}
.second-set-post img{
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.second-set-post img:hover {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.second-post-title-div {
width:100%;
height:145px;
background: url('img/v/second-title.png');
position:absolute;
bottom:0;
display:inline-block;
}
.second-post-title {
font-family:Front Page Neue;
font-size:30px;
color:#fff;
padding:5px;
bottom:0;
line-height:30px;
position:absolute;
}
.second-post-title a:link,
.second-post-title a:visited {
color:#fff;
}
.second-post-category{
position:absolute;
top:6%;
left:1%;
}
.category-second{
display:inline;
background:#0076c1;
font-family:Front Page Neue;
font-size:36x;
color:#fff;
padding:6px;
letter-spacing:normal;
}
/***** Music Headlines ********************/
.music-headlines {
width:100%;
max-width:400px;
height:350px;
margin:0px 15px 0px 20px;
float:left !important;
}
.music-headline-title {
font-family:Poppins;
font-size:18px;
font-weight:700;
border-bottom:5px solid #000;
}
/***** Third Post Set ********************/
.third-set-post {
max-width:400px;
padding:0px;
margin:0px 3px 25px 10px;
overflow:hidden;
position:relative;
display:table;
}
.third-set-post img{
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.third-set-post img:hover {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.third-set-post-two {
max-width:400px;
padding:0px;
margin:0px 3px 25px 17px;
position:relative;
overflow:hidden;
}
.third-set-post-two img{
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.third-set-post-two img:hover {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.third-set-post:nth-child(2) { /* Target only the first element of each row, i.e. 1st, 5th, 9th etc elements of our grid */
clear: left !important;
}
.third-post-title-div {
width:100%;
height:155px;
background: url('img/v/third-title.png');
position:absolute;
bottom:0;
padding:11% 0 0 0;
display:inline-block;
color:#fff;
}
.third-post-title-div a:link,
.third-post-title-div a:visited {
color:#fff;
}
.third-post-title {
font-family:Front Page Neue;
font-size:30px;
color:#fff;
padding:5px;
bottom:0;
line-height:1em;
}
.third-post-category{
position:absolute;
top:6%;
left:1%;
}
.category-third{
display:inline;
background:#0076c1;
font-family:Front Page Neue;
font-size:36x;
color:#fff;
padding:6px;
letter-spacing:normal;
}
/***** Div break ********************/
.div-break-first {
max-width:100%;
height:500px;
background:#000;
margin:0px;
}
/***** Fourth Post ********************/
.fourth-post-wrap {
max-width:385px;
background:#fff;
padding:0px;
margin:0px 10px 20px 20px;
float:left;
overflow:hidden;
border-top:2px solid #c7363b;
}
.fourth-post-wrap img {
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
padding:0;
}
.fourth-post-wrap img:hover {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.fourth-post-img {
width:100%;
max-width:385px;
padding:0px;
margin:0px 20px 0px 0px;
}
.fourth-post-title {
font-family: 'Roboto', sans-serif;
font-size:21px;
color:#000;
line-height:28px;
margin-top:0px;
font-weight:900;
}
.category-fourth{
display:inline;
background:#0076c1;
font-family:Front Page Neue;
font-size:30px;
color:#fff;
padding:6px;
letter-spacing:normal;
margin-bottom:15px;
}
.category-fourth a:link,
.category-fourth a:visited {
color:#fff;
}
.fourth-post-inner {
margin:10px 0 0 0;
}
.fourth-post-inner p {
color:#7A7A7A;
font-size:14px;
padding-right:10px;
}
.fourth-post-inner a:link,
.fourth-post-inner a:visited {
color:#000;
}
/***** Fifth Post ********************/
.middle-fifth {
max-width:1030px;
margin:0 auto;
}
.fifth-post{
max-width:790px;
margin:0px 10px 30px 0px;
padding:0 !important;
}
.fifth-post img {
margin-bottom:10px;
}
.fifth-post-title {
font-family: 'Roboto', sans-serif;
font-size:30px;
color:#000;
line-height:28px;
font-weight:900;
}
.fifth-post-title a:link, .fifth-post-title a:visited {
color:#000;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment