kaboomserver/website
1
0
Fork 0
mirror of https://github.com/kaboomserver/website.git synced 2024-12-01 19:46:56 -05:00
Code Issues Projects Releases Packages Wiki Activity

Cleaning up CSS

Browse source
This commit is contained in:
mathias 2015-02-16 00:55:04 +02:00
parent 45a9b91e20
commit ae0ef7e450
1 changed files with 110 additions and 119 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

69
css/minecraft.css
View file

@ -23,13 +23,14 @@ body {
font-family: 'Open Sans', sans-serif; font-family: 'Open Sans', sans-serif;
color: #fff; color: #fff;
background: #000; background: #000;
margin: 0; margin: 0;
webkit-tap-highlight-color: rgba(255,255,255,.2);
} }
html { html {
width: 100%; width: 100%;
height: 100%; height: 100%;
margin:0; margin: 0;
} }
h2, h2,
@ -42,13 +43,13 @@ h6 {
font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 700; font-weight: 700;
letter-spacing: 1px; letter-spacing: 1px;
text-align: center; text-align: center;
} }
p { p {
margin: 0 0 15px; margin: 0 0 15px;
line-height: 1.4; line-height: 1.4;
text-align: center; text-align: center;
} }
a { a {
@ -77,8 +78,8 @@ a:focus {
background: #000; background: #000;
-webkit-background-size: cover; -webkit-background-size: cover;
-moz-background-size: cover; -moz-background-size: cover;
background-size: cover;
-o-background-size: cover; -o-background-size: cover;
background-size: cover;
} }
.intro-body { .intro-body {
@ -93,37 +94,36 @@ a:focus {
font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 700; font-weight: 700;
letter-spacing: 1px; letter-spacing: 1px;
text-align: center; text-align: center;
margin: 0; margin: 0;
} }
.intro-text { .intro-text {
font-size: 16px; font-size: 16px;
text-transform: uppercase; text-transform: uppercase;
font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
margin-top: 0px; margin-top: 0;
margin-bottom: 30px; margin-bottom: 30px;
} }
.btn-circle { .btn-circle {
padding: 9px 14px 9px 14px; padding: 9px 14px 9px 14px;
border: 1px solid #fff; border: 2px solid #fff;
border-radius: 35px; border-radius: 35px;
-webkit-border-radius: 35px; -webkit-border-radius: 35px;
-moz-border-radius: 35px; -moz-border-radius: 35px;
font-size: 20px; font-size: 20px;
color: #fff; color: #fff;
background: 0 0; background: none;
-webkit-transition: background .3s ease-in-out; -webkit-transition: background .3s ease-in-out;
-moz-transition: background .3s ease-in-out; -moz-transition: background .3s ease-in-out;
transition: background .3s ease-in-out; transition: background .3s ease-in-out;
text-decoration: none; text-decoration: none;
} }
.btn-circle:hover, .btn-circle:hover,
.btn-circle:focus { .btn-circle:focus {
outline: 0; outline: 0;
color: #fff;
background: rgba(255,255,255,.1); background: rgba(255,255,255,.1);
} }
@ -138,10 +138,10 @@ text-decoration: none;
.about-body { .about-body {
display: table-cell; display: table-cell;
vertical-align: middle; vertical-align: middle;
padding-left: 20px; padding-left: 20px;
padding-right: 20px; padding-right: 20px;
padding-top: 40px; padding-top: 40px;
padding-bottom: 40px; padding-bottom: 40px;
font-size: 16px; font-size: 16px;
} }
@ -165,23 +165,17 @@ img::-moz-selection {
background: 0 0; background: 0 0;
} }
body {
webkit-tap-highlight-color: rgba(255,255,255,.2);
}
input[type="text"] { input[type="text"] {
border: 1px solid #488c1d; border: 1px solid #488c1d;
color: #488c1d; color: #488c1d;
background-color: transparent; background: none;
padding: 7px; padding: 7px;
font-family: 'Open Sans', sans-serif; font-family: 'Open Sans', sans-serif;
font-size: 16px; font-size: 16px;
margin: 25px 0 0 0; margin: 25px 0 0 0;
-webkit-border-top-right-radius: 3px; -moz-border-radius: 0px 3px 3px 0px;
-webkit-border-bottom-right-radius: 3px; -webkit-border-radius: 0px 3px 3px 0px;
-moz-border-radius-topright: 3px; border-radius: 0px 3px 3px 0px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
} }
input[type="text"]:hover, input[type="text"]:hover,
@ -195,19 +189,16 @@ input[type="text"]:focus {
border: 1px solid #488c1d; border: 1px solid #488c1d;
color: #000; color: #000;
background: #488c1d; background: #488c1d;
padding: 7px; padding: 7px;
display:inline-block; display: inline-block;
font-size: 16px; font-size: 16px;
margin: 25px 0 0 0; margin: 25px 0 0 0;
-webkit-border-top-left-radius: 3px; -moz-border-radius: 3px 0px 0px 3px;
-webkit-border-bottom-left-radius: 3px; -webkit-border-radius: 3px 0px 0px 3px;
-moz-border-radius-topleft: 3px; border-radius: 3px 0px 0px 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
} }
#ip { #ip {
text-align: center; text-align: center;
} }
@media(min-width:767px) { @media(min-width:767px) {
p { p {