diff --git a/css/minecraft.css b/css/minecraft.css index 54a6842..3c68770 100644 --- a/css/minecraft.css +++ b/css/minecraft.css @@ -154,8 +154,10 @@ margin-top: -35px; .about-body { display: table-cell; vertical-align: middle; -padding-left: 65px; -padding-right: 65px; +padding-left: 40px; +padding-right: 40px; +padding-top: 40px; +padding-bottom: 40px; } @media(min-width:767px) { diff --git a/css/minecraft.css~ b/css/minecraft.css~ index 8af7288..54a6842 100644 --- a/css/minecraft.css~ +++ b/css/minecraft.css~ @@ -21,13 +21,16 @@ body { width: 100%; height: 100%; font-family: 'Open Sans', sans-serif; + font-size: 21px; color: #fff; background-color: #595959; +margin: 0; } html { width: 100%; height: 100%; +margin:0; } h1, @@ -41,19 +44,19 @@ h6 { font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 700; letter-spacing: 1px; +text-align: center; } p { - margin: 0 0 25px; - font-size: 14px; - line-height: 1.5; + margin: 0 0 35px; + line-height: 1.6; +text-align: center; } @media(min-width:767px) { p { - margin: 0 0 35px; - font-size: 20px; - line-height: 1.6; + margin: 0 0 25px; + line-height: 1.5; } } @@ -74,76 +77,10 @@ a:focus { font-weight: 400; } -.navbar { - margin-bottom: 0; - border-bottom: 1px solid rgba(255,255,255,.3); - text-transform: uppercase; - font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; - background-color: #000; -} - -.navbar-brand { - font-weight: 700; -} - -.navbar-brand:focus { - outline: 0; -} - -.navbar-custom a { - color: #fff; -} - -.navbar-custom .nav li a { - -webkit-transition: background .3s ease-in-out; - -moz-transition: background .3s ease-in-out; - transition: background .3s ease-in-out; -} - -.navbar-custom .nav li a:hover, -.navbar-custom .nav li a:focus, -.navbar-custom .nav li.active { - outline: 0; - background-color: rgba(255,255,255,.2); -} - -.navbar-toggle { - padding: 4px 6px; - font-size: 16px; - color: #fff; -} - -.navbar-toggle:focus, -.navbar-toggle:active { - outline: 0; -} - -@media(min-width:767px) { - .navbar { - padding: 20px 0; - border-bottom: 0; - letter-spacing: 1px; - background: 0 0; - -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out; - -moz-transition: background .5s ease-in-out,padding .5s ease-in-out; - transition: background .5s ease-in-out,padding .5s ease-in-out; - } - - .top-nav-collapse { - padding: 0; - background-color: #000; - } - - .navbar-custom.top-nav-collapse { - border-bottom: 1px solid rgba(255,255,255,.3); - } -} - .intro { display: table; width: 100%; - height: auto; - padding: 100px 0; + height: 100%; color: #fff; background: url(/img/intro-bg.jpg) no-repeat bottom center scroll; background-color: #000; @@ -161,20 +98,16 @@ a:focus { .brand-heading { font-size: 40px; - margin: 0 0 5px; } .intro-text { font-size: 18px; text-transform: uppercase; font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; +margin-top: -35px; } @media(min-width:767px) { - .intro { - height: 100%; - padding: 50px 0; - } .brand-heading { font-size: 100px; @@ -188,8 +121,7 @@ a:focus { .btn-circle { width: 70px; height: 70px; - margin-top: 15px; - padding: 7px 16px; + padding: 7px 21px; border: 2px solid #fff; border-radius: 35px; font-size: 40px; @@ -211,16 +143,9 @@ a:focus { height: auto; } -.ip-section { - width: 100%; - padding: 50px 0; - color: #fff; - background: #1F1F1F; -} - .about-section { width: 100%; - height: auto; + height: 100%; color: #fff; display: table; background: #000; @@ -229,7 +154,8 @@ a:focus { .about-body { display: table-cell; vertical-align: middle; - padding: 100px 0; +padding-left: 65px; +padding-right: 65px; } @media(min-width:767px) { @@ -242,11 +168,8 @@ a:focus { } .about-body { - padding: 50px 0; - } - - .ip-section { - padding: 100px 0; +padding-left: 30px; +padding-right: 30px; } } @@ -272,4 +195,44 @@ img::-moz-selection { body { webkit-tap-highlight-color: rgba(255,255,255,.2); +} +input[type="text"] { + border: 1px solid #488c1d; + color: #488c1d; + background-color: transparent; +padding: 7px; + font-family: 'Open Sans', sans-serif; +font-size: 21px; + margin-top: 25px; +-webkit-border-top-right-radius: 3px; +-webkit-border-bottom-right-radius: 3px; +-moz-border-radius-topright: 3px; +-moz-border-radius-bottomright: 3px; +border-top-right-radius: 3px; +border-bottom-right-radius: 3px; +} + +input[type="text"]:hover, +input[type="text"]:focus { + border: 1px solid #488c1d; + outline: 0; + color: #000; + background-color: #488c1d; +} +#ipbox { + border: 1px solid #488c1d; + color: #000; + background-color: #488c1d; +padding: 7px; +display:inline-block; + margin-top: 25px; +-webkit-border-top-left-radius: 3px; +-webkit-border-bottom-left-radius: 3px; +-moz-border-radius-topleft: 3px; +-moz-border-radius-bottomleft: 3px; +border-top-left-radius: 3px; +border-bottom-left-radius: 3px; +} +#ip { +text-align: center; } \ No newline at end of file