1
0
mirror of https://github.com/github/choosealicense.com synced 2024-06-26 05:33:02 +02:00

Update application.css.

* clean up unused class and inherited properties
* move `.button` along with the rest of the selectors from that page
* remove `-moz-inline-stack` which was needed for old FF
This commit is contained in:
XhmikosR 2013-12-14 10:04:09 +02:00
parent 37f4a215df
commit c5920533f5
2 changed files with 43 additions and 46 deletions

View File

@ -1,5 +1,5 @@
{% unless page.hide_breadcrumbs == true %}
<ol class="breadcrumbs">
<ol>
<li>
{% if page.layout == "license" %}
<a href="/">Home</a> / <a href="/licenses/">Licenses</a>

View File

@ -6,7 +6,7 @@ layout: nil
{% include css/jquery.qtip.min.css %}
body {
background: #f5f1ec url(../img/bg.jpg);
background-image: url(../img/bg.jpg);
color: #5c5855;
font: 14px/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@ -21,44 +21,6 @@ a:hover {
text-decoration: underline;
}
.button {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-color: #ceccc9 #b6b4b1 #a6a4a2 #b6b4b1;
border-style: solid;
border-width: 1px;
color: #443b34;
-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px, rgba(255, 255, 255, 0.8) 0 1px 0 0 inset;
-moz-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px, rgba(255, 255, 255, 0.8) 0 1px 0 0 inset;
box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px, rgba(255, 255, 255, 0.8) 0 1px 0 0 inset;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e7e5e0), color-stop(100%, #d5d3cf));
background-image: -webkit-linear-gradient(#e7e5e0, #d5d3cf);
background-image: -moz-linear-gradient(#e7e5e0, #d5d3cf);
background-image: -o-linear-gradient(#e7e5e0, #d5d3cf);
background-image: linear-gradient(#e7e5e0, #d5d3cf);
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
font-size: 12px;
font-weight: normal;
padding: 5px 10px;
text-align: center;
}
.button:hover {
text-decoration: none;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e7e5e0), color-stop(100%, #d0ceca));
background-image: -webkit-linear-gradient(#e7e5e0, #d0ceca);
background-image: -moz-linear-gradient(#e7e5e0, #d0ceca);
background-image: -o-linear-gradient(#e7e5e0, #d0ceca);
background-image: linear-gradient(#e7e5e0, #d0ceca);
}
h1, h2, h3, h5 {
font-family: Chivo, "Helvetica Neue", Helvetica, Arial, serif;
font-weight: 900;
@ -110,7 +72,6 @@ strong {
}
.home {
padding-top: 20px;
text-align: center;
}
@ -146,7 +107,6 @@ strong {
width: 280px;
float: left;
margin-left: 27px;
text-align: center;
}
.triptych li:first-child {
@ -187,7 +147,6 @@ strong {
.circular { background-position: 0 -129px; width: 72px; height: 69px; }
.license-family {
clear: both;
margin-bottom: 50px;
@ -355,6 +314,44 @@ strong {
font: 0.7em "Courier new", courier;
}
.button {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-color: #ceccc9 #b6b4b1 #a6a4a2 #b6b4b1;
border-style: solid;
border-width: 1px;
color: #443b34;
-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px, rgba(255, 255, 255, 0.8) 0 1px 0 0 inset;
-moz-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px, rgba(255, 255, 255, 0.8) 0 1px 0 0 inset;
box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px, rgba(255, 255, 255, 0.8) 0 1px 0 0 inset;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e7e5e0), color-stop(100%, #d5d3cf));
background-image: -webkit-linear-gradient(#e7e5e0, #d5d3cf);
background-image: -moz-linear-gradient(#e7e5e0, #d5d3cf);
background-image: -o-linear-gradient(#e7e5e0, #d5d3cf);
background-image: linear-gradient(#e7e5e0, #d5d3cf);
display: inline-block;
font-size: 12px;
font-weight: normal;
padding: 5px 10px;
text-align: center;
vertical-align: middle;
}
.button:hover {
text-decoration: none;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e7e5e0), color-stop(100%, #d0ceca));
background-image: -webkit-linear-gradient(#e7e5e0, #d0ceca);
background-image: -moz-linear-gradient(#e7e5e0, #d0ceca);
background-image: -o-linear-gradient(#e7e5e0, #d0ceca);
background-image: linear-gradient(#e7e5e0, #d0ceca);
}
.projects-with-license li {
padding-bottom: 3px;
}
@ -389,11 +386,10 @@ strong {
}
.bullets {
margin-bottom: 1em;
list-style-type: disc;
}
.bullets li {
list-style-type: disc;
.bullets > li {
margin-left: 2em;
}
@ -425,6 +421,7 @@ strong {
font-size: 90%;
}
/* Qtip styles */
.qtip-required,