Skip to content
Snippets Groups Projects
Commit 3cc1fc3c authored by Sabba Petri's avatar Sabba Petri
Browse files

Added margins, padding, and fixed images

parent 607eb726
No related branches found
No related tags found
1 merge request!591Press page
Hide whitespace changes
Inline Side-by-side
source/press/index.html
+ 20
− 20
View file @ 3cc1fc3c
@@ -10,38 +10,38 @@ extra_css:
<div class="press-container">
<div class="press-content">
<h2>PRESS</h2>
<p>contact us: press@gitlab.com</p>
<span>contact us: press@gitlab.com</span>
</div>
</div>
 
<div class="sub-wrapper">
<div class="container">
<div class="row">
<div class="col-xs-10 col-md-12 images-column">
<div class="col-xs-12 col-md-12 images-column">
<h1>IMAGES</h1>
<div class="image-container">
<div class="images-container founders"></div>
<div class="image founders"></div>
<div class="text">
<span>Founders & Team</span>
<span>Founders & Team</span>
</div>
</div>
<div class="image-container">
<div class="images-container fox"></div>
<div class="image fox"></div>
<div class="text">
<span>Logos</span>
</div>
</div>
</div>
</div>
<div class="image-container">
<div class="images-container diff"></div>
<div class="image diff"></div>
<div class="text">
<span>Press Releases</span>
</div>
</div>
<div class="image-container">
<div class="images-container file"></div>
<div class="text">
<span>Screenshots</span>
</div>
<div class="image file"></div>
<div class="text">
<span>Screenshots</span>
</div>
</div>
</div>
</div>
@@ -169,34 +169,34 @@ extra_css:
<div class="row recent-podcasts">
<div class="col-xs-1 col-md-1"></div>
<div class="col-xs-10 col-md-10">
<h1>RECENT PODCASTS</h1>
<h1>PREVIOUS PODCASTS</h1>
<div class="podcast-item">
<div class="press-image">
<img src="/images/organizations/user_50.png" width="100px">
OCTOBER 2014
</div>
<div class="press-text">
<a href="http://blog.bitnami.com/2014/10/bitnami-open-source-leaders-interview.html">
<div class="article-title">
Bitnami Open Source Leaders Interview Series (Oct 2014)
Bitnami Open Source Leaders Interview Series
</div>
</a>
</div>
</div>
<div class="podcast-item">
<div class="press-image">
<img src="/images/organizations/user_51.png" width="100px">
AUGUST 2014
</div>
<div class="press-text">
<a href="http://www.binpress.com/blog/2014/08/05/binpress-podcast-episode-5-sytse-sijbrandij-gitlab/">
<div class="article-title">
Binpress podcast (Aug 2014)
Binpress podcast
</div>
</a>
</div>
</div>
<div class="podcast-item">
<div class="press-image">
<img src="/images/organizations/user_52.png" width="100px">
NOVEMBER 2013
</div>
<div class="press-text">
<a href="http://episodes.gitminutes.com/2013/11/gitminutes-25-sytse-sijbrandij-from.html">
@@ -208,12 +208,12 @@ extra_css:
</div>
<div class="podcast-item">
<div class="press-image">
<img src="/images/organizations/user_53.png" width="100px">
SEPTEMBER 2013
</div>
<div class="press-text">
<a href="http://thechangelog.com/103/">
<div class="article-title">
The Changelog (Sep 2013)
The Changelog
</div>
</a>
</div>
source/stylesheets/press.css
+ 42
− 29
View file @ 3cc1fc3c
@@ -6,10 +6,19 @@ h1 {
margin-bottom: 40px;
}
 
.press-content span {
font-size: 17px;
font-family: "Korolev-Light";
}
.row {
padding: 48px 0;
}
.press-container {
position: relative;
width: 100%;
height: 250px;
height: 230px;
overflow: hidden;
background: #548;
}
@@ -27,6 +36,11 @@ h1 {
font-size: 45px;
}
 
.press-content span {
font-size: 17px;
font-family: "Korolev-Light";
}
.press-company {
text-decoration: none;
color: gray;
@@ -42,62 +56,60 @@ h1 {
}
 
.image-container {
width: 25%;
float: left;
transition: 0.5 ease;
transition: 0.5s ease;
}
.images-column {
margin-bottom: 50px;
}
 
.images-column div:hover {
opacity: 0.5;
cursor: pointer;
}
 
.founders {
background-image: url(/images/press/founders.jpg);
padding: 70px;
overflow: hidden;
background-repeat: no-repeat;
background-size: 100%;
background-position-y: -18px;
}
 
.fox {
background-image: url(/images/press/logo/fox.png);
padding: 70px;
overflow: hidden;
background-repeat: no-repeat;
background-size: 100%;
background-position-y: -17px;
}
 
.diff {
background-image: url(/images/press/screenshots/diff.png);
padding: 70px;
overflow: hidden;
background-repeat: no-repeat;
background-size: 100%;
background-position-y: 6px;
}
 
.file {
background-image: url(/images/press/screenshots/file_view.png);
padding: 70px;
overflow: hidden;
background-repeat: no-repeat;
background-size: 100%;
background-position-y: 6px;
}
 
.images-container {
width: 246px;
.image {
padding: 70px 70px 90px 70px;
margin: 8px 0 0 30px;
overflow: hidden;
background-repeat: no-repeat;
background-size: 100%;
width: 243px;
float: left;
margin-left: 43px;
border: 2px solid #548;
border-radius: 4px;
}
 
.image-container .text {
bottom: 0;
left: 115px;
margin: 186px 0 0 30px;
}
 
.image-container .text p {
font-size: 17px;
height: 9px;
}
.image-container .text span {
font-size: 17px;
font-weight: 600;
}
 
.recent-blog a {
background: #548;
@@ -107,7 +119,7 @@ h1 {
 
.recent-blog a:hover {
background: #549;
color: white
color: white;
}
 
.press-image {
@@ -148,6 +160,7 @@ h1 {
 
.article-title {
color: black;
font-family: "Korolev-Light";
font-size: 18px;
}
 
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment