Created
July 22, 2016 05:59
-
-
Save mihadaiko/4da7e1a4b8b9488a676ec175713a43f0 to your computer and use it in GitHub Desktop.
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: 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