landing page change
This commit is contained in:
sujan
parent
ab37422fc6
commit
4fe7fac7d1
933
css/media.css
933
css/media.css
@ -6,538 +6,429 @@
|
|||||||
* http://www.opensource.org/licenses/mit-license.php
|
* http://www.opensource.org/licenses/mit-license.php
|
||||||
* 6/20/2012
|
* 6/20/2012
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
|
||||||
/* Media Queries */
|
/* Media Queries */
|
||||||
|
|
||||||
|
|
||||||
/* Smaller than standard 960 (devices and browsers) */
|
/* Smaller than standard 960 (devices and browsers) */
|
||||||
@media only screen and (max-width: 959px) {
|
@media only screen and (max-width: 959px) {}
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* Tablet Portrait size to standard 960 (devices and browsers) */
|
/* Tablet Portrait size to standard 960 (devices and browsers) */
|
||||||
@media only screen and (min-width: 768px) and (max-width: 959px) {
|
@media only screen and (min-width: 768px) and (max-width: 959px) {
|
||||||
|
/* layout */
|
||||||
/* layout */
|
h1 {
|
||||||
h1 {
|
font-size: 100px;
|
||||||
font-size: 100px;
|
line-height: 100px;
|
||||||
line-height: 100px;
|
}
|
||||||
}
|
h2 {
|
||||||
|
font-size: 30px;
|
||||||
h2 {
|
line-height: 30px;
|
||||||
font-size: 30px;
|
}
|
||||||
line-height: 30px;
|
h3 {
|
||||||
}
|
font-size: 30px;
|
||||||
|
line-height: 30px;
|
||||||
h3 {
|
}
|
||||||
font-size: 30px;
|
h4 {
|
||||||
line-height: 30px;
|
font-size: 70px;
|
||||||
}
|
line-height: 70px;
|
||||||
|
}
|
||||||
h4 {
|
h5 {
|
||||||
font-size: 70px;
|
font-size: 30px;
|
||||||
line-height: 70px;
|
line-height: 30px;
|
||||||
}
|
}
|
||||||
|
.contact-intro-bottom-title {
|
||||||
h5 {
|
font-size: 30px;
|
||||||
font-size: 30px;
|
line-height: 30px;
|
||||||
line-height: 30px;
|
}
|
||||||
}
|
/* borders */
|
||||||
|
.borders {
|
||||||
.contact-intro-bottom-title {
|
display: none;
|
||||||
font-size: 30px;
|
visibility: hidden;
|
||||||
line-height: 30px;
|
}
|
||||||
}
|
/* countdown */
|
||||||
|
ul#countdown li {
|
||||||
/* borders */
|
width: 75px;
|
||||||
.borders {
|
}
|
||||||
display: none;
|
ul#countdown li span {
|
||||||
visibility: hidden;
|
font-size: 40px;
|
||||||
}
|
line-height: 40px;
|
||||||
|
}
|
||||||
/* countdown */
|
ul#countdown li span.seconds {
|
||||||
ul#countdown li {
|
font-size: 40px;
|
||||||
width: 75px;
|
line-height: 40px;
|
||||||
}
|
}
|
||||||
|
ul#countdown li p.timeRefDays, ul#countdown li p.timeRefHours, ul#countdown li p.timeRefMinutes, ul#countdown li p.timeRefSeconds {
|
||||||
ul#countdown li span {
|
font-size: 20px;
|
||||||
font-size: 40px;
|
}
|
||||||
line-height: 40px;
|
/* menu */
|
||||||
}
|
.menu {
|
||||||
|
display: none;
|
||||||
ul#countdown li span.seconds {
|
visibility: hidden;
|
||||||
font-size: 40px;
|
}
|
||||||
line-height: 40px;
|
/* menu mobile */
|
||||||
}
|
.menu-mobile {
|
||||||
|
position: relative;
|
||||||
ul#countdown li p.timeRefDays,
|
font-family: 'BebasNeueRegular';
|
||||||
ul#countdown li p.timeRefHours,
|
font-size: 20px;
|
||||||
ul#countdown li p.timeRefMinutes,
|
font-style: normal;
|
||||||
ul#countdown li p.timeRefSeconds {
|
font-weight: normal;
|
||||||
font-size: 20px;
|
text-shadow: 1px 1px 2px #000;
|
||||||
}
|
-webkit-font-smoothing: antialiased;
|
||||||
|
width: auto;
|
||||||
/* menu */
|
top: 10px;
|
||||||
.menu {
|
right: 0;
|
||||||
display: none;
|
margin: 0;
|
||||||
visibility: hidden;
|
padding: 0 15px 0 0;
|
||||||
}
|
display: inherit;
|
||||||
|
visibility: visible;
|
||||||
/* menu mobile */
|
z-index: 1000;
|
||||||
.menu-mobile {
|
}
|
||||||
position: relative;
|
/* dividers */
|
||||||
font-family: 'BebasNeueRegular';
|
.divider-left-top {
|
||||||
font-size: 20px;
|
display: none;
|
||||||
font-style: normal;
|
visibility: hidden;
|
||||||
font-weight: normal;
|
}
|
||||||
text-shadow: 1px 1px 2px #000;
|
.divider-right-top {
|
||||||
-webkit-font-smoothing: antialiased;
|
display: none;
|
||||||
width: auto;
|
visibility: hidden;
|
||||||
top: 10px;
|
}
|
||||||
right: 0;
|
.divider-left-bottom {
|
||||||
margin: 0;
|
display: none;
|
||||||
padding: 0 15px 0 0;
|
visibility: hidden;
|
||||||
display: inherit;
|
}
|
||||||
visibility: visible;
|
.divider-right-bottom {
|
||||||
z-index: 1000;
|
display: none;
|
||||||
}
|
visibility: hidden;
|
||||||
|
}
|
||||||
/* dividers */
|
/* box effect */
|
||||||
.divider-left-top {
|
.box {
|
||||||
display: none;
|
width: 220px;
|
||||||
visibility: hidden;
|
height: 360px;
|
||||||
}
|
position: relative;
|
||||||
|
background: rgba(255, 255, 255, 1);
|
||||||
.divider-right-top {
|
display: inline-block;
|
||||||
display: none;
|
margin: 0 10px;
|
||||||
visibility: hidden;
|
/*
|
||||||
}
|
|
||||||
|
|
||||||
.divider-left-bottom {
|
|
||||||
display: none;
|
|
||||||
visibility: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.divider-right-bottom {
|
|
||||||
display: none;
|
|
||||||
visibility: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* box effect */
|
|
||||||
.box {
|
|
||||||
width: 220px;
|
|
||||||
height: 360px;
|
|
||||||
position: relative;
|
|
||||||
background: rgba(255,255,255,1);
|
|
||||||
display: inline-block;
|
|
||||||
margin: 0 10px;
|
|
||||||
/*
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
box-shadow: inset 0 0 0 3px #fff;
|
box-shadow: inset 0 0 0 3px #fff;
|
||||||
*/
|
*/
|
||||||
-webkit-transition: background 0.4s 0.5s;
|
-webkit-transition: background 0.4s 0.5s;
|
||||||
transition: background 0.4s 0.5s;
|
transition: background 0.4s 0.5s;
|
||||||
margin: 20px 0 0 0;
|
margin: 20px 0 0 0;
|
||||||
}
|
|
||||||
|
|
||||||
.top, .left, .bottom, .right {
|
|
||||||
display: none;
|
|
||||||
visibility: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
.top, .left, .bottom, .right {
|
||||||
|
display: none;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
}
|
||||||
/* All Mobile Sizes (devices and browser) */
|
/* All Mobile Sizes (devices and browser) */
|
||||||
@media only screen and (max-width: 767px) {
|
@media only screen and (max-width: 767px) {}
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
|
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
|
||||||
@media only screen and (min-width: 480px) and (max-width: 767px) {
|
@media only screen and (min-width: 480px) and (max-width: 767px) {
|
||||||
|
/* layout */
|
||||||
/* layout */
|
#intro-wrapper {
|
||||||
#intro-wrapper {
|
position: relative;
|
||||||
position: relative;
|
top: 58px;
|
||||||
top: 58px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.lower-content {
|
|
||||||
padding: 10px 0 0 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
font-size: 80px;
|
|
||||||
line-height: 80px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h2 {
|
|
||||||
font-size: 25px;
|
|
||||||
line-height: 25px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h3 {
|
|
||||||
font-size: 25px;
|
|
||||||
line-height: 25px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h4 {
|
|
||||||
font-size: 45px;
|
|
||||||
line-height: 45px;
|
|
||||||
padding: 58px 0 0 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
h5 {
|
|
||||||
font-size: 25px;
|
|
||||||
line-height: 25px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h6 {
|
|
||||||
font-size: 18px;
|
|
||||||
line-height: 18px;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
.contact-intro-bottom-title {
|
|
||||||
font-size: 25px;
|
|
||||||
line-height: 25px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* borders */
|
|
||||||
.borders {
|
|
||||||
display: none;
|
|
||||||
visibility: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* countdown */
|
|
||||||
#countdown-wrapper {
|
|
||||||
position: relative;
|
|
||||||
width: 260px;
|
|
||||||
margin: 132px 0 0 10px;
|
|
||||||
padding: 0;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul#countdown li {
|
|
||||||
width: 60px;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul#countdown li span {
|
|
||||||
font-size: 30px;
|
|
||||||
line-height: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul#countdown li span.seconds {
|
|
||||||
font-size: 30px;
|
|
||||||
line-height: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul#countdown li p.timeRefDays,
|
|
||||||
ul#countdown li p.timeRefHours,
|
|
||||||
ul#countdown li p.timeRefMinutes,
|
|
||||||
ul#countdown li p.timeRefSeconds {
|
|
||||||
font-size: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* menu */
|
|
||||||
.menu {
|
|
||||||
display: none;
|
|
||||||
visibility: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* menu mobile */
|
|
||||||
.menu-mobile {
|
|
||||||
position: relative;
|
|
||||||
font-family: 'BebasNeueRegular';
|
|
||||||
font-size: 20px;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: normal;
|
|
||||||
text-shadow: 1px 1px 2px #000;
|
|
||||||
-webkit-font-smoothing: antialiased;
|
|
||||||
width: auto;
|
|
||||||
top: 10px;
|
|
||||||
right: 0;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0 15px 0 0;
|
|
||||||
display: inherit;
|
|
||||||
visibility: visible;
|
|
||||||
z-index: 1000;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* contact form */
|
|
||||||
#form-wrapper {
|
|
||||||
width: 340px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#form {
|
|
||||||
width: 340px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#form div {
|
|
||||||
width: 340px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#form div label {
|
|
||||||
width: 325px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#form input {
|
|
||||||
width: 325px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#form .subject {
|
|
||||||
width: 325px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#form textarea {
|
|
||||||
width: 325px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#form .submit {
|
|
||||||
margin-right: 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.success {
|
|
||||||
width: 340px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#form .error {
|
|
||||||
right: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* newsletter form */
|
|
||||||
#subscribe-wrapper {
|
|
||||||
position: relative;
|
|
||||||
text-align: left;
|
|
||||||
margin: -61px 0 20px 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.subscribesuccess {
|
|
||||||
text-align: left;
|
|
||||||
margin: 0 0 0 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#subscribe .subscribeerror {
|
|
||||||
text-align: left;
|
|
||||||
margin: 0 0 0 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* dividers */
|
|
||||||
.divider-left-top {
|
|
||||||
display: none;
|
|
||||||
visibility: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.divider-right-top {
|
|
||||||
display: none;
|
|
||||||
visibility: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.divider-left-bottom {
|
|
||||||
display: none;
|
|
||||||
visibility: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.divider-right-bottom {
|
|
||||||
display: none;
|
|
||||||
visibility: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
.lower-content {
|
||||||
|
padding: 10px 0 0 0;
|
||||||
|
}
|
||||||
|
h1 {
|
||||||
|
font-size: 80px;
|
||||||
|
line-height: 80px;
|
||||||
|
}
|
||||||
|
h2 {
|
||||||
|
font-size: 25px;
|
||||||
|
line-height: 25px;
|
||||||
|
}
|
||||||
|
h3 {
|
||||||
|
font-size: 25px;
|
||||||
|
line-height: 25px;
|
||||||
|
}
|
||||||
|
h4 {
|
||||||
|
font-size: 45px;
|
||||||
|
line-height: 45px;
|
||||||
|
padding: 58px 0 0 0;
|
||||||
|
}
|
||||||
|
h5 {
|
||||||
|
font-size: 25px;
|
||||||
|
line-height: 25px;
|
||||||
|
}
|
||||||
|
h6 {
|
||||||
|
font-size: 18px;
|
||||||
|
line-height: 18px;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.contact-intro-bottom-title {
|
||||||
|
font-size: 25px;
|
||||||
|
line-height: 25px;
|
||||||
|
}
|
||||||
|
/* borders */
|
||||||
|
.borders {
|
||||||
|
display: none;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
/* countdown */
|
||||||
|
#countdown-wrapper {
|
||||||
|
position: relative;
|
||||||
|
width: 260px;
|
||||||
|
margin: 132px 0 0 10px;
|
||||||
|
padding: 0;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
ul#countdown li {
|
||||||
|
width: 60px;
|
||||||
|
}
|
||||||
|
ul#countdown li span {
|
||||||
|
font-size: 30px;
|
||||||
|
line-height: 30px;
|
||||||
|
}
|
||||||
|
ul#countdown li span.seconds {
|
||||||
|
font-size: 30px;
|
||||||
|
line-height: 30px;
|
||||||
|
}
|
||||||
|
ul#countdown li p.timeRefDays, ul#countdown li p.timeRefHours, ul#countdown li p.timeRefMinutes, ul#countdown li p.timeRefSeconds {
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
/* menu */
|
||||||
|
.menu {
|
||||||
|
display: none;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
/* menu mobile */
|
||||||
|
.menu-mobile {
|
||||||
|
position: relative;
|
||||||
|
font-family: 'BebasNeueRegular';
|
||||||
|
font-size: 20px;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: normal;
|
||||||
|
text-shadow: 1px 1px 2px #000;
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
width: auto;
|
||||||
|
top: 10px;
|
||||||
|
right: 0;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0 15px 0 0;
|
||||||
|
display: inherit;
|
||||||
|
visibility: visible;
|
||||||
|
z-index: 1000;
|
||||||
|
}
|
||||||
|
/* contact form */
|
||||||
|
#form-wrapper {
|
||||||
|
width: 340px;
|
||||||
|
}
|
||||||
|
#form {
|
||||||
|
width: 340px;
|
||||||
|
}
|
||||||
|
#form div {
|
||||||
|
width: 340px;
|
||||||
|
}
|
||||||
|
#form div label {
|
||||||
|
width: 325px;
|
||||||
|
}
|
||||||
|
#form input {
|
||||||
|
width: 325px;
|
||||||
|
}
|
||||||
|
#form .subject {
|
||||||
|
width: 325px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
#form textarea {
|
||||||
|
width: 325px;
|
||||||
|
}
|
||||||
|
#form .submit {
|
||||||
|
margin-right: 3px;
|
||||||
|
}
|
||||||
|
.success {
|
||||||
|
width: 340px;
|
||||||
|
}
|
||||||
|
#form .error {
|
||||||
|
right: 5px;
|
||||||
|
}
|
||||||
|
/* newsletter form */
|
||||||
|
#subscribe-wrapper {
|
||||||
|
position: relative;
|
||||||
|
text-align: left;
|
||||||
|
margin: -61px 0 20px 8px;
|
||||||
|
}
|
||||||
|
.subscribesuccess {
|
||||||
|
text-align: left;
|
||||||
|
margin: 0 0 0 2px;
|
||||||
|
}
|
||||||
|
#subscribe .subscribeerror {
|
||||||
|
text-align: left;
|
||||||
|
margin: 0 0 0 2px;
|
||||||
|
}
|
||||||
|
/* dividers */
|
||||||
|
.divider-left-top {
|
||||||
|
display: none;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
.divider-right-top {
|
||||||
|
display: none;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
.divider-left-bottom {
|
||||||
|
display: none;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
.divider-right-bottom {
|
||||||
|
display: none;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
}
|
||||||
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
|
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
|
||||||
@media only screen and (max-width: 479px) {
|
@media only screen and (max-width: 479px) {
|
||||||
|
/* layout */
|
||||||
/* layout */
|
#intro-wrapper {
|
||||||
#intro-wrapper {
|
position: relative;
|
||||||
position: relative;
|
top: 250px;
|
||||||
top: 58px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.lower-content {
|
|
||||||
padding: 10px 0 0 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
font-size: 80px;
|
|
||||||
line-height: 80px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h2 {
|
|
||||||
font-size: 25px;
|
|
||||||
line-height: 25px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h3 {
|
|
||||||
font-size: 25px;
|
|
||||||
line-height: 25px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h4 {
|
|
||||||
font-size: 45px;
|
|
||||||
line-height: 45px;
|
|
||||||
padding: 58px 0 0 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
h5 {
|
|
||||||
font-size: 25px;
|
|
||||||
line-height: 25px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h6 {
|
|
||||||
font-size: 18px;
|
|
||||||
line-height: 18px;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
.contact-intro-bottom-title {
|
|
||||||
font-size: 25px;
|
|
||||||
line-height: 25px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* borders */
|
|
||||||
.borders {
|
|
||||||
display: none;
|
|
||||||
visibility: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* countdown */
|
|
||||||
#countdown-wrapper {
|
|
||||||
position: relative;
|
|
||||||
width: 260px;
|
|
||||||
margin: 132px 0 0 10px;
|
|
||||||
padding: 0;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul#countdown li {
|
|
||||||
width: 60px;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul#countdown li span {
|
|
||||||
font-size: 30px;
|
|
||||||
line-height: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul#countdown li span.seconds {
|
|
||||||
font-size: 30px;
|
|
||||||
line-height: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul#countdown li p.timeRefDays,
|
|
||||||
ul#countdown li p.timeRefHours,
|
|
||||||
ul#countdown li p.timeRefMinutes,
|
|
||||||
ul#countdown li p.timeRefSeconds {
|
|
||||||
font-size: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* menu */
|
|
||||||
.menu {
|
|
||||||
display: none;
|
|
||||||
visibility: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* menu mobile */
|
|
||||||
.menu-mobile {
|
|
||||||
position: relative;
|
|
||||||
font-family: 'BebasNeueRegular';
|
|
||||||
font-size: 20px;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: normal;
|
|
||||||
text-shadow: 1px 1px 2px #000;
|
|
||||||
-webkit-font-smoothing: antialiased;
|
|
||||||
width: auto;
|
|
||||||
top: 10px;
|
|
||||||
right: 0;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0 15px 0 0;
|
|
||||||
display: inherit;
|
|
||||||
visibility: visible;
|
|
||||||
z-index: 1000;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* contact form */
|
|
||||||
#form-wrapper {
|
|
||||||
width: 240px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#form {
|
|
||||||
width: 240px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#form div {
|
|
||||||
width: 240px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#form div label {
|
|
||||||
width: 225px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#form input {
|
|
||||||
width: 225px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#form .subject {
|
|
||||||
width: 225px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#form textarea {
|
|
||||||
width: 225px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#form .submit {
|
|
||||||
margin-right: 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.success {
|
|
||||||
width: 240px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#form .error {
|
|
||||||
right: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* newsletter form */
|
|
||||||
#subscribe-wrapper {
|
|
||||||
position: relative;
|
|
||||||
text-align: left;
|
|
||||||
margin: -61px 0 20px 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.subscribesuccess {
|
|
||||||
text-align: left;
|
|
||||||
margin: 0 0 0 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#subscribe .subscribeerror {
|
|
||||||
text-align: left;
|
|
||||||
margin: 0 0 0 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* dividers */
|
|
||||||
.divider-left-top {
|
|
||||||
display: none;
|
|
||||||
visibility: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.divider-right-top {
|
|
||||||
display: none;
|
|
||||||
visibility: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.divider-left-bottom {
|
|
||||||
display: none;
|
|
||||||
visibility: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.divider-right-bottom {
|
|
||||||
display: none;
|
|
||||||
visibility: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
.intro-heading h1 {
|
||||||
|
font-size: 40px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.lower-content {
|
||||||
|
padding: 10px 0 0 0;
|
||||||
|
}
|
||||||
|
h1 {
|
||||||
|
font-size: 35px;
|
||||||
|
line-height: 45px;
|
||||||
|
}
|
||||||
|
h2 {
|
||||||
|
font-size: 25px;
|
||||||
|
line-height: 25px;
|
||||||
|
}
|
||||||
|
h3 {
|
||||||
|
font-size: 25px;
|
||||||
|
line-height: 25px;
|
||||||
|
}
|
||||||
|
h4 {
|
||||||
|
font-size: 45px;
|
||||||
|
line-height: 45px;
|
||||||
|
padding: 58px 0 0 0;
|
||||||
|
}
|
||||||
|
h5 {
|
||||||
|
font-size: 25px;
|
||||||
|
line-height: 25px;
|
||||||
|
}
|
||||||
|
h6 {
|
||||||
|
font-size: 18px;
|
||||||
|
line-height: 18px;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.contact-intro-bottom-title {
|
||||||
|
font-size: 25px;
|
||||||
|
line-height: 25px;
|
||||||
|
}
|
||||||
|
/* borders */
|
||||||
|
.borders {
|
||||||
|
display: none;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
/* countdown */
|
||||||
|
#countdown-wrapper {
|
||||||
|
position: relative;
|
||||||
|
width: 260px;
|
||||||
|
margin: 132px 0 0 10px;
|
||||||
|
padding: 0;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
ul#countdown li {
|
||||||
|
width: 60px;
|
||||||
|
}
|
||||||
|
ul#countdown li span {
|
||||||
|
font-size: 30px;
|
||||||
|
line-height: 30px;
|
||||||
|
}
|
||||||
|
ul#countdown li span.seconds {
|
||||||
|
font-size: 30px;
|
||||||
|
line-height: 30px;
|
||||||
|
}
|
||||||
|
ul#countdown li p.timeRefDays, ul#countdown li p.timeRefHours, ul#countdown li p.timeRefMinutes, ul#countdown li p.timeRefSeconds {
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
/* menu */
|
||||||
|
.menu {
|
||||||
|
display: none;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
/* menu mobile */
|
||||||
|
.menu-mobile {
|
||||||
|
position: relative;
|
||||||
|
font-family: 'BebasNeueRegular';
|
||||||
|
font-size: 20px;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: normal;
|
||||||
|
text-shadow: 1px 1px 2px #000;
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
width: auto;
|
||||||
|
top: 10px;
|
||||||
|
right: 0;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0 15px 0 0;
|
||||||
|
display: inherit;
|
||||||
|
visibility: visible;
|
||||||
|
z-index: 1000;
|
||||||
|
}
|
||||||
|
/* contact form */
|
||||||
|
#form-wrapper {
|
||||||
|
width: 240px;
|
||||||
|
}
|
||||||
|
#form {
|
||||||
|
width: 240px;
|
||||||
|
}
|
||||||
|
#form div {
|
||||||
|
width: 240px;
|
||||||
|
}
|
||||||
|
#form div label {
|
||||||
|
width: 225px;
|
||||||
|
}
|
||||||
|
#form input {
|
||||||
|
width: 225px;
|
||||||
|
}
|
||||||
|
#form .subject {
|
||||||
|
width: 225px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
#form textarea {
|
||||||
|
width: 225px;
|
||||||
|
}
|
||||||
|
#form .submit {
|
||||||
|
margin-right: 3px;
|
||||||
|
}
|
||||||
|
.success {
|
||||||
|
width: 240px;
|
||||||
|
}
|
||||||
|
#form .error {
|
||||||
|
right: 5px;
|
||||||
|
}
|
||||||
|
/* newsletter form */
|
||||||
|
#subscribe-wrapper {
|
||||||
|
position: relative;
|
||||||
|
text-align: left;
|
||||||
|
margin: -61px 0 20px 8px;
|
||||||
|
}
|
||||||
|
.subscribesuccess {
|
||||||
|
text-align: left;
|
||||||
|
margin: 0 0 0 2px;
|
||||||
|
}
|
||||||
|
#subscribe .subscribeerror {
|
||||||
|
text-align: left;
|
||||||
|
margin: 0 0 0 2px;
|
||||||
|
}
|
||||||
|
/* dividers */
|
||||||
|
.divider-left-top {
|
||||||
|
display: none;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
.divider-right-top {
|
||||||
|
display: none;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
.divider-left-bottom {
|
||||||
|
display: none;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
.divider-right-bottom {
|
||||||
|
display: none;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -95,7 +95,7 @@ body {
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
top: 138px;
|
top: 260px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
@ -1456,3 +1456,18 @@ width: 100%;
|
|||||||
text-align: left;
|
text-align: left;
|
||||||
color: #00bfff;
|
color: #00bfff;
|
||||||
}
|
}
|
||||||
|
.intro-heading {
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
top: 150px;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
display: flex;
|
||||||
|
align-content: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
.intro-heading h1 {
|
||||||
|
font-size: 80px;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
@ -105,6 +105,10 @@
|
|||||||
<div class="upper-content">
|
<div class="upper-content">
|
||||||
<!-- container start -->
|
<!-- container start -->
|
||||||
<div class="container center">
|
<div class="container center">
|
||||||
|
<div class="intro-heading">
|
||||||
|
<h1 class="fade-in-1 logo">Website Under Construction</h1>
|
||||||
|
</div>
|
||||||
|
|
||||||
<!-- intro wrapper start -->
|
<!-- intro wrapper start -->
|
||||||
<div id="intro-wrapper">
|
<div id="intro-wrapper">
|
||||||
|
|
||||||
@ -190,6 +194,7 @@
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
<!-- intro wrapper end -->
|
<!-- intro wrapper end -->
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<!-- container end -->
|
<!-- container end -->
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user