diff --git a/css/minecraft.css b/css/minecraft.css deleted file mode 100644 index 2b7bf20..0000000 --- a/css/minecraft.css +++ /dev/null @@ -1,260 +0,0 @@ -@font-face { - font-family: 'Montserrat'; - font-style: normal; - font-weight: 400; - src: local('Montserrat-Regular'), url(https://themes.googleusercontent.com/static/fonts/montserrat/v4/zhcz-_WihjSQC0oHJ9TCYBsxEYwM7FgeyaSgU71cLG0.woff) format('woff'); -} -@font-face { - font-family: 'Montserrat'; - font-style: normal; - font-weight: 700; - src: local('Montserrat-Bold'), url(https://themes.googleusercontent.com/static/fonts/montserrat/v4/IQHow_FEYlDC4Gzy_m8fcgFhaRv2pGgT5Kf0An0s4MM.woff) format('woff'); -} -@font-face { - font-family: 'Merriweather Sans'; - font-style: normal; - font-weight: 300; - src: local('Merriweather Sans Light'), local('MerriweatherSans-Light'), url(https://fonts.gstatic.com/s/merriweathersans/v5/6LmGj5dOJopQKEkt88Gowby3qP8l_EZEfCX16eKT4TP3rGVtsTkPsbDajuO5ueQw.woff) format('woff'); -} - -html, body { - width: 100%; - height: 100%; - margin: 0; - padding: 0; -} - -body { - font-family: 'Merriweather Sans', sans-serif; - color: #fff; - background: #000; - webkit-tap-highlight-color: rgba(255,255,255,.2); - -webkit-animation: fadein 1.5s; - -moz-animation: fadein 1.5s rotate(0.01deg); - -ms-animation: fadein 1.5s; - -o-animation: fadein 1.5s; - animation: fadein 1.5s; - -webkit-transform: translateZ(0); - -webkit-backface-visibility: hidden; - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -h2 { - margin: 0 0 15px; - text-transform: uppercase; - font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; - font-weight: 700; - letter-spacing: 1px; - text-align: center; - font-size: 21px; -} - -p { - margin: 0 0 15px; - line-height: 1.5; - text-align: center; -} - -a { - text-decoration: none; - color: #4a6f28; - -webkit-transition: all .2s ease-in-out; - -moz-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; -} - -a:hover, -a:focus { - color: #5b8731; -} - -#intro { - display: table; - width: 100%; - height: 100%; - color: #fff; - background-color: #5b8731; - background-image: linear-gradient(90deg, rgba(74,111,40,.3) 50%, transparent 50%), -linear-gradient(rgba(62,92,32,.2) 50%, transparent 50%); - background-size: 20px 20px; -} - -#intro-body { - display: table-cell; - vertical-align: middle; - text-align: center; -} - -#logo { - font-size: 35px; - text-transform: uppercase; - font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; - font-weight: 700; - letter-spacing: 1px; - text-align: center; - margin: 0; -} - -h1 { - font-size: 13px; - text-transform: uppercase; - font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; - font-weight: 400; - margin-top: 0; - margin-bottom: 16px; - line-height: 6px; -} - -#circle { - display: inline-block; - width: 30px; - height: 30px; - line-height: 30px; - border: 1px solid #fff; - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - font-size: 15px; - color: #fff; - background: none; - -webkit-transition: background .3s ease-in-out; - -moz-transition: background .3s ease-in-out; - transition: background .3s ease-in-out; - text-decoration: none; -} - -#circle:hover, -#circle:focus { - outline: 0; - color: #fff; - background: rgba(255,255,255,.1); -} - -#about { - width: 100%; - height: 100%; - color: #fff; - display: table; - background: #000; -} - -#about-body { - display: table-cell; - vertical-align: middle; - padding-left: 10px; - padding-right: 10px; - padding-top: 30px; - padding-bottom: 30px; - font-size: 13px; - text-align: center; -} - -::-moz-selection { - background: #fcfcfc; - background: rgba(255,255,255,.2); -} - -::selection { - background: #fcfcfc; - background: rgba(255,255,255,.2); -} - -input { - border: 1px solid #4a6f28; - color: #4a6f28; - background: none; - padding: 7px; - width: 80px; - font-family: 'Merriweather Sans', sans-serif; - font-size: 13px; - margin: 15px 0 0 0; - -moz-border-radius: 0px 3px 3px 0px; - -webkit-border-radius: 0px 3px 3px 0px; - border-radius: 0px 3px 3px 0px; - -webkit-transition: background .3s ease-in-out; - -moz-transition: background .3s ease-in-out; - transition: background .3s ease-in-out; -} - -input:hover, -input:focus { - border: 1px solid #4a6f28; - outline: 0; - color: #000; - background: #4a6f28; -} -#ip { - border: 1px solid #4a6f28; - color: #000; - background: #4a6f28; - padding: 7px; - margin: 15px 0 0 0; - font-size: 13px; - -moz-border-radius: 3px 0px 0px 3px; - -webkit-border-radius: 3px 0px 0px 3px; - border-radius: 3px 0px 0px 3px; -} -@media(min-width:767px){ -h2{ -margin:0 0 25px; -font-size:33px; -} -p{ -margin:0 0 20px; -line-height:1.5; -} -#intro{ -background-size:30px 30px; -} -#about-body{ -padding-left:90px; -padding-right:90px; -padding-top:40px; -padding-bottom:40px; -font-size:18px; -} -input{ -font-size:18px; -margin:25px 0 0 0; -width:113px; -} -#ip{ -font-size:18px; -margin:25px 0 0 0; -} -#circle{ -font-size:29px; -width:60px; -height:60px; -line-height:60px; -border:1px solid #fff; -} -#logo{ -font-size:100px; -} -h1{ -font-size:25px; -margin-bottom:45px; -} -} -@keyframes fadein{ -from{opacity:0;} -to{opacity:1;} -} -@-moz-keyframes fadein{ -from{opacity:0;} -to{opacity:1;} -} -@-webkit-keyframes fadein{ -from{opacity:0;} -to{opacity:1;} -} -@-ms-keyframes fadein{ -from{opacity:0;} -to{opacity:1;} -} diff --git a/css/minecraft.css~ b/css/minecraft.css~ deleted file mode 100644 index 985d2ba..0000000 --- a/css/minecraft.css~ +++ /dev/null @@ -1,241 +0,0 @@ -@font-face { - font-family: 'Montserrat'; - font-style: normal; - font-weight: 400; - src: local('Montserrat-Regular'), url(https://themes.googleusercontent.com/static/fonts/montserrat/v4/zhcz-_WihjSQC0oHJ9TCYBsxEYwM7FgeyaSgU71cLG0.woff) format('woff'); -} -@font-face { - font-family: 'Montserrat'; - font-style: normal; - font-weight: 700; - src: local('Montserrat-Bold'), url(https://themes.googleusercontent.com/static/fonts/montserrat/v4/IQHow_FEYlDC4Gzy_m8fcgFhaRv2pGgT5Kf0An0s4MM.woff) format('woff'); -} -@font-face { - font-family: 'Open Sans'; - font-style: normal; - font-weight: 300; - src: local('Open Sans Light'), local('OpenSans-Light'), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff'); -} - -body { - width: 100%; - height: 100%; - font-family: 'Open Sans', sans-serif; - color: #fff; - background: #000; -margin: 0; -} - -html { - width: 100%; - height: 100%; -margin:0; -} - -h2, -h3, -h4, -h5, -h6 { - margin: 0 0 25px; - text-transform: uppercase; - font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; - font-weight: 700; - letter-spacing: 1px; -text-align: center; -} - -p { - margin: 0 0 15px; - line-height: 1.4; -text-align: center; -} - -a { - color: #28c3ab; - -webkit-transition: all .2s ease-in-out; - -moz-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; -} - -a:hover, -a:focus { - text-decoration: none; - color: #176e61; -} - -.light { - font-weight: 400; -} - -.intro { - display: table; - width: 100%; - height: 100%; - color: #fff; - background: url(/img/intro-bg.jpg) no-repeat bottom center scroll; - background-color: #000; - -webkit-background-size: cover; - -moz-background-size: cover; - background-size: cover; - -o-background-size: cover; -} - -.intro-body { - display: table-cell; - vertical-align: middle; - text-align: center; -} - -.brand-heading { - font-size: 35px; - text-transform: uppercase; - font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; - font-weight: 700; - letter-spacing: 1px; -text-align: center; -margin: 0; -} - -.intro-text { - font-size: 16px; - text-transform: uppercase; - font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; -margin-top: 0px; -margin-bottom: 30px; -} - -.btn-circle { - padding: 9px 14px 9px 14px; - border: 1px solid #fff; - border-radius: 35px; - -webkit-border-radius: 35px; - -moz-border-radius: 35px; - font-size: 20px; - color: #fff; - background: 0 0; - -webkit-transition: background .3s ease-in-out; - -moz-transition: background .3s ease-in-out; - transition: background .3s ease-in-out; -text-decoration: none; -} - -.btn-circle:hover, -.btn-circle:focus { - outline: 0; - color: #fff; - background: rgba(255,255,255,.1); -} - -.about-section { - width: 100%; - height: 100%; - color: #fff; - display: table; - background: #000; -} - -.about-body { - display: table-cell; - vertical-align: middle; -padding-left: 20px; -padding-right: 20px; -padding-top: 40px; -padding-bottom: 40px; - font-size: 16px; -} - -::-moz-selection { - text-shadow: none; - background: #fcfcfc; - background: rgba(255,255,255,.2); -} - -::selection { - text-shadow: none; - background: #fcfcfc; - background: rgba(255,255,255,.2); -} - -img::selection { - background: 0 0; -} - -img::-moz-selection { - background: 0 0; -} - -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: 16px; - margin: 25px 0 0 0; --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; -font-size: 16px; - margin: 25px 0 0 0; --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; -} -@media(min-width:767px) { -p { -margin: 0 0 20px; -line-height: 1.5; -} -h2,h3,h4,h5,h6 { -margin: 0 0 30px; -} -.about-body { -padding-left: 90px; -padding-right: 90px; -font-size: 21px; -} -input[type="text"] { -font-size: 21px; -} -#ipbox { -font-size: 21px; -} -.btn-circle { -padding: 9px 15px 9px 15px; -font-size: 30px; -} -.brand-heading { -font-size: 100px; -} -.intro-text { -font-size: 25px; -} -} \ No newline at end of file