luciano/diff2html
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Clean website css

Browse source
This commit is contained in:
Rodrigo Fernandes 2016-09-10 13:13:30 +01:00
parent 1f2ffdbe42
commit 639a13cf84
3 changed files with 22 additions and 181 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
docs/index.html
View file

@ -221,7 +221,7 @@
</div> </div>
</div> </div>
<div class="row row-eq-height"> <div class="row row-eq-height">
<div class="col-md-3 m-b-lg"> <div class="col-xs-12 col-sm-6 col-md-3 m-b-lg">
<div class="panel panel-default panel-profile m-b-0"> <div class="panel panel-default panel-profile m-b-0">
<div class="panel-body text-center"> <div class="panel-body text-center">
<h5 class="panel-title">diff2html-cli</h5> <h5 class="panel-title">diff2html-cli</h5>
@ -233,7 +233,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-3 m-b-lg"> <div class="col-xs-12 col-sm-6 col-md-3 m-b-lg">
<div class="panel panel-default panel-profile m-b-0"> <div class="panel panel-default panel-profile m-b-0">
<div class="panel-body text-center"> <div class="panel-body text-center">
<h5 class="panel-title">Codacy</h5> <h5 class="panel-title">Codacy</h5>
@ -245,7 +245,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-3 m-b-lg"> <div class="col-xs-12 col-sm-6 col-md-3 m-b-lg">
<div class="panel panel-default panel-profile m-b-0"> <div class="panel panel-default panel-profile m-b-0">
<div class="panel-body text-center"> <div class="panel-body text-center">
<h5 class="panel-title">Ungit</h5> <h5 class="panel-title">Ungit</h5>
@ -257,7 +257,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-3 m-b-lg"> <div class="col-xs-12 col-sm-6 col-md-3 m-b-lg">
<div class="panel panel-default panel-profile m-b-0"> <div class="panel panel-default panel-profile m-b-0">
<div class="panel-body text-center"> <div class="panel-body text-center">
<h5 class="panel-title">Diffy</h5> <h5 class="panel-title">Diffy</h5>
@ -269,9 +269,7 @@
</div> </div>
</div> </div>
</div> </div>
</div> <div class="col-xs-12 col-sm-6 col-md-3 m-b-lg">
<div class="row row-eq-height">
<div class="col-md-3 m-b-lg">
<div class="panel panel-default panel-profile m-b-0"> <div class="panel panel-default panel-profile m-b-0">
<div class="panel-body text-center"> <div class="panel-body text-center">
<h5 class="panel-title">diff-pane</h5> <h5 class="panel-title">diff-pane</h5>
@ -283,7 +281,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-3 m-b-lg"> <div class="col-xs-12 col-sm-6 col-md-3 m-b-lg">
<div class="panel panel-default panel-profile m-b-0"> <div class="panel panel-default panel-profile m-b-0">
<div class="panel-body text-center"> <div class="panel-body text-center">
<h5 class="panel-title">node-giff</h5> <h5 class="panel-title">node-giff</h5>
@ -295,7 +293,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-3 m-b-lg"> <div class="col-xs-12 col-sm-6 col-md-3 m-b-lg">
<div class="panel panel-default panel-profile m-b-0"> <div class="panel panel-default panel-profile m-b-0">
<div class="panel-body text-center"> <div class="panel-body text-center">
<h5 class="panel-title">edgar-monitor</h5> <h5 class="panel-title">edgar-monitor</h5>
@ -308,7 +306,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-3 m-b-lg"> <div class="col-xs-12 col-sm-6 col-md-3 m-b-lg">
<div class="panel panel-default panel-profile m-b-0"> <div class="panel panel-default panel-profile m-b-0">
<div class="panel-body text-center"> <div class="panel-body text-center">
<h5 class="panel-title">node-git</h5> <h5 class="panel-title">node-git</h5>
@ -320,7 +318,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-3 m-b-lg"> <div class="col-xs-12 col-sm-6 col-md-3 m-b-lg">
<div class="panel panel-default panel-profile m-b-0"> <div class="panel panel-default panel-profile m-b-0">
<div class="panel-body text-center"> <div class="panel-body text-center">
<h5 class="panel-title">Jenkins</h5> <h5 class="panel-title">Jenkins</h5>

163
docs/main.css
View file

@ -14,15 +14,10 @@
@media (min-width: 768px) { @media (min-width: 768px) {
p.m-b { p.m-b {
height: 75px; height: 75px;
overflow-y: hidden;
} }
} }
.errors ul {
list-style: none;
margin: 0;
padding: 0
}
.btn { .btn {
display: inline-block; display: inline-block;
color: #fff; color: #fff;
@ -78,7 +73,7 @@
color: #fff; color: #fff;
} }
.footer-list-item, .footer-social-buttons li { .footer-list-item {
display: inline-block display: inline-block
} }
@ -96,26 +91,6 @@
} }
} }
label, legend {
font-size: 12px;
display: block;
margin-bottom: 3px;
font-weight: 400
}
.form-wrapper input:not(.input-as-link) {
width: 100%;
box-sizing: border-box;
margin-bottom: 15px
}
.form-wrapper .btn {
margin-top: 20px
}
@media (min-width: 768px) {
}
@media (min-width: 768px) { @media (min-width: 768px) {
.container { .container {
width: 710px width: 710px
@ -143,11 +118,6 @@ label, legend {
} }
} }
.row-padded {
padding-top: 80px;
padding-bottom: 90px
}
.row-bordered { .row-bordered {
position: relative position: relative
} }
@ -161,15 +131,10 @@ label, legend {
left: 50%; left: 50%;
margin-left: -40%; margin-left: -40%;
height: 1px; height: 1px;
background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.2) 0, rgba(255, 255, 255, 0) 75%); background: -webkit-radial-gradient(ellipse at center, rgba(0, 0, 0, 0.2) 0, rgba(255, 255, 255, 0) 75%);
background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.2) 0, rgba(255, 255, 255, 0) 75%);
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.2) 0, rgba(255, 255, 255, 0) 75%) background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.2) 0, rgba(255, 255, 255, 0) 75%)
} }
.row .screenshot {
margin-bottom: 40px
}
.container-overflow-wrap { .container-overflow-wrap {
overflow: hidden overflow: hidden
} }
@ -181,10 +146,6 @@ label, legend {
border-bottom: 1px solid #dcdfe4 border-bottom: 1px solid #dcdfe4
} }
.hero > .hero-header:first-child {
margin-top: 0
}
.hero-booticon { .hero-booticon {
font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
margin: 0 auto 30px; margin: 0 auto 30px;
@ -208,28 +169,6 @@ label, legend {
margin-top: 20px margin-top: 20px
} }
.jumbo-list-item h3 {
margin-top: 0
}
.jumbo-list-item.row .screenshot {
margin-bottom: 0
}
@media (min-width: 992px) {
.jumbo-list-item.row .screenshot {
margin-bottom: -10px
}
}
hr {
border-width: 0;
border-top: 1px solid #dcdfe4;
margin: 20px 0 30px
}
.swag-line:before { .swag-line:before {
content: ''; content: '';
position: absolute; position: absolute;
@ -244,10 +183,6 @@ hr {
background: linear-gradient(45deg, #28a142, #26A65B) background: linear-gradient(45deg, #28a142, #26A65B)
} }
@media (min-width: 768px) {
}
.navbar { .navbar {
background-color: #fff; background-color: #fff;
border: 0 #fff; border: 0 #fff;
@ -295,37 +230,6 @@ hr {
border-color: #f9f9f9 border-color: #f9f9f9
} }
.navbar-minimal .navbar-header {
text-align: center !important;
float: none !important
}
.navbar-default .navbar-form a.btn {
margin-left: 10px
}
.navbar-fixed-bottom .navbar-nav, .navbar-fixed-bottom .navbar-header {
display: none
}
.navbar-fixed-bottom .navbar-nav > .open > a, .navbar-fixed-bottom .navbar-nav > .open > a:focus, .navbar-fixed-bottom .navbar-nav > .open > a:hover {
color: inherit;
background-color: inherit
}
.navbar-fixed-bottom .dropdown-menu > li > a {
font-weight: 300;
padding: 8px 24px
}
.navbar-fixed-bottom small {
font-size: 70%
}
.navbar-fixed-bottom .navbar-brand {
padding: 16px 25px
}
@media (min-width: 768px) { @media (min-width: 768px) {
.navbar-full .navbar-brand { .navbar-full .navbar-brand {
margin-left: -25px margin-left: -25px
@ -356,10 +260,6 @@ hr {
margin-left: 0 margin-left: 0
} }
.navbar-fixed-bottom .navbar-nav, .navbar-fixed-bottom .navbar-header {
display: block
}
} }
.screenshot { .screenshot {
@ -386,15 +286,10 @@ hr {
z-index: 2 z-index: 2
} }
.screenshots-fan .screenshot, .screenshots-fanWithDevices .screenshot:last-child { .screenshots-fan .screenshot {
z-index: 3 z-index: 3
} }
.screenshot-crop > img {
position: absolute;
top: 0
}
@media (min-width: 768px) { @media (min-width: 768px) {
.screenshots-fan { .screenshots-fan {
position: relative; position: relative;
@ -455,38 +350,6 @@ hr {
} }
} }
.table {
width: 100%
}
.table > tbody > tr > td:last-child {
text-align: right
}
.table > thead > tr > th {
font-size: 12px;
font-weight: 400;
text-align: left
}
.table > thead > tr > th, .table > tbody > tr > td {
padding: 20px;
text-align: left;
border-bottom: 1px solid #dcdfe4
}
.table > thead > tr > th:first-child, .table > tbody > tr > td:first-child {
padding-left: 0
}
.table > thead > tr > th:last-child, .table > tbody > tr > td:last-child {
padding-right: 0
}
.thumbnail-mini p {
line-height: 1.6
}
body { body {
font-size: 16px; font-size: 16px;
font-family: Roboto, sans-serif; font-family: Roboto, sans-serif;
@ -592,10 +455,6 @@ a:hover, a:focus {
color: #697176 color: #697176
} }
.popup-item p:last-child {
margin-bottom: 5px
}
.template-index h3 { .template-index h3 {
font-size: 21px; font-size: 21px;
margin-bottom: 12px margin-bottom: 12px
@ -615,10 +474,6 @@ a:hover, a:focus {
margin-bottom: 8px margin-bottom: 8px
} }
.homepage-grid h3 {
font-size: 22px
}
.homepage-terminal-example, .homepage-code-example { .homepage-terminal-example, .homepage-code-example {
position: relative; position: relative;
font-family: monospace; font-family: monospace;
@ -647,16 +502,6 @@ a:hover, a:focus {
} }
} }
.homepage-xs-grid > div {
padding-left: 30px;
padding-right: 30px;
margin-bottom: 50px
}
.homepage-xs-grid h3 {
font-size: 22px
}
.hero-green { .hero-green {
color: #26A65B; color: #26A65B;
} }

20
website/templates/index.partial.html
View file

@ -132,7 +132,7 @@
</div> </div>
</div> </div>
<div class="row row-eq-height"> <div class="row row-eq-height">
<div class="col-md-3 m-b-lg"> <div class="col-xs-12 col-sm-6 col-md-3 m-b-lg">
<div class="panel panel-default panel-profile m-b-0"> <div class="panel panel-default panel-profile m-b-0">
<div class="panel-body text-center"> <div class="panel-body text-center">
<h5 class="panel-title">diff2html-cli</h5> <h5 class="panel-title">diff2html-cli</h5>
@ -144,7 +144,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-3 m-b-lg"> <div class="col-xs-12 col-sm-6 col-md-3 m-b-lg">
<div class="panel panel-default panel-profile m-b-0"> <div class="panel panel-default panel-profile m-b-0">
<div class="panel-body text-center"> <div class="panel-body text-center">
<h5 class="panel-title">Codacy</h5> <h5 class="panel-title">Codacy</h5>
@ -156,7 +156,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-3 m-b-lg"> <div class="col-xs-12 col-sm-6 col-md-3 m-b-lg">
<div class="panel panel-default panel-profile m-b-0"> <div class="panel panel-default panel-profile m-b-0">
<div class="panel-body text-center"> <div class="panel-body text-center">
<h5 class="panel-title">Ungit</h5> <h5 class="panel-title">Ungit</h5>
@ -168,7 +168,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-3 m-b-lg"> <div class="col-xs-12 col-sm-6 col-md-3 m-b-lg">
<div class="panel panel-default panel-profile m-b-0"> <div class="panel panel-default panel-profile m-b-0">
<div class="panel-body text-center"> <div class="panel-body text-center">
<h5 class="panel-title">Diffy</h5> <h5 class="panel-title">Diffy</h5>
@ -180,9 +180,7 @@
</div> </div>
</div> </div>
</div> </div>
</div> <div class="col-xs-12 col-sm-6 col-md-3 m-b-lg">
<div class="row row-eq-height">
<div class="col-md-3 m-b-lg">
<div class="panel panel-default panel-profile m-b-0"> <div class="panel panel-default panel-profile m-b-0">
<div class="panel-body text-center"> <div class="panel-body text-center">
<h5 class="panel-title">diff-pane</h5> <h5 class="panel-title">diff-pane</h5>
@ -194,7 +192,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-3 m-b-lg"> <div class="col-xs-12 col-sm-6 col-md-3 m-b-lg">
<div class="panel panel-default panel-profile m-b-0"> <div class="panel panel-default panel-profile m-b-0">
<div class="panel-body text-center"> <div class="panel-body text-center">
<h5 class="panel-title">node-giff</h5> <h5 class="panel-title">node-giff</h5>
@ -206,7 +204,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-3 m-b-lg"> <div class="col-xs-12 col-sm-6 col-md-3 m-b-lg">
<div class="panel panel-default panel-profile m-b-0"> <div class="panel panel-default panel-profile m-b-0">
<div class="panel-body text-center"> <div class="panel-body text-center">
<h5 class="panel-title">edgar-monitor</h5> <h5 class="panel-title">edgar-monitor</h5>
@ -219,7 +217,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-3 m-b-lg"> <div class="col-xs-12 col-sm-6 col-md-3 m-b-lg">
<div class="panel panel-default panel-profile m-b-0"> <div class="panel panel-default panel-profile m-b-0">
<div class="panel-body text-center"> <div class="panel-body text-center">
<h5 class="panel-title">node-git</h5> <h5 class="panel-title">node-git</h5>
@ -231,7 +229,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-3 m-b-lg"> <div class="col-xs-12 col-sm-6 col-md-3 m-b-lg">
<div class="panel panel-default panel-profile m-b-0"> <div class="panel panel-default panel-profile m-b-0">
<div class="panel-body text-center"> <div class="panel-body text-center">
<h5 class="panel-title">Jenkins</h5> <h5 class="panel-title">Jenkins</h5>