|
@@ -1,274 +1,216 @@
|
|
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
|
|
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
|
|
.btn {
|
|
.btn {
|
|
- display: inline-block;
|
|
|
|
- *display: inline;
|
|
|
|
- *zoom: 1;
|
|
|
|
- padding: 4px 10px 4px;
|
|
|
|
- margin-bottom: 0;
|
|
|
|
- font-size: 13px;
|
|
|
|
- line-height: 18px;
|
|
|
|
- color: #333333;
|
|
|
|
- text-align: center;
|
|
|
|
- text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
|
|
|
|
- vertical-align: middle;
|
|
|
|
- background-color: #f5f5f5;
|
|
|
|
- background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
|
|
|
|
- background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
|
|
|
|
- background-image: -webkit-gradient(
|
|
|
|
- linear,
|
|
|
|
- 0 0,
|
|
|
|
- 0 100%,
|
|
|
|
- from(#ffffff),
|
|
|
|
- to(#e6e6e6)
|
|
|
|
- );
|
|
|
|
- background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
|
|
|
|
- background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
|
|
|
|
- background-image: linear-gradient(top, #ffffff, #e6e6e6);
|
|
|
|
- background-repeat: repeat-x;
|
|
|
|
- filter: progid:dximagetransform.microsoft.gradient(startColorstr=#ffffff, endColorstr=#e6e6e6, GradientType=0);
|
|
|
|
- border-color: #e6e6e6 #e6e6e6 #e6e6e6;
|
|
|
|
- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
|
|
|
- border: 1px solid #e6e6e6;
|
|
|
|
- -webkit-border-radius: 4px;
|
|
|
|
- -moz-border-radius: 4px;
|
|
|
|
- border-radius: 4px;
|
|
|
|
- -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
|
|
|
|
- 0 1px 2px rgba(0, 0, 0, 0.05);
|
|
|
|
- -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
|
|
|
|
- 0 1px 2px rgba(0, 0, 0, 0.05);
|
|
|
|
- box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
|
|
|
|
- 0 1px 2px rgba(0, 0, 0, 0.05);
|
|
|
|
- cursor: pointer;
|
|
|
|
- *margin-left: 0.3em;
|
|
|
|
|
|
+ display: inline-block;
|
|
|
|
+ *display: inline;
|
|
|
|
+ *zoom: 1;
|
|
|
|
+ padding: 4px 10px 4px;
|
|
|
|
+ margin-bottom: 0;
|
|
|
|
+ font-size: 13px;
|
|
|
|
+ line-height: 18px;
|
|
|
|
+ color: #333333;
|
|
|
|
+ text-align: center;
|
|
|
|
+ text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
|
|
|
|
+ vertical-align: middle;
|
|
|
|
+ background-color: #f5f5f5;
|
|
|
|
+ background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
|
|
|
|
+ background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
|
|
|
|
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
|
|
|
|
+ background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
|
|
|
|
+ background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
|
|
|
|
+ background-image: linear-gradient(top, #ffffff, #e6e6e6);
|
|
|
|
+ background-repeat: repeat-x;
|
|
|
|
+ filter: progid:dximagetransform.microsoft.gradient(startColorstr=#ffffff, endColorstr=#e6e6e6, GradientType=0);
|
|
|
|
+ border-color: #e6e6e6 #e6e6e6 #e6e6e6;
|
|
|
|
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
|
|
|
+ border: 1px solid #e6e6e6;
|
|
|
|
+ -webkit-border-radius: 4px;
|
|
|
|
+ -moz-border-radius: 4px;
|
|
|
|
+ border-radius: 4px;
|
|
|
|
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
|
|
|
|
+ -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
|
|
|
|
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
|
|
|
|
+ cursor: pointer;
|
|
|
|
+ *margin-left: 0.3em;
|
|
}
|
|
}
|
|
.btn:hover,
|
|
.btn:hover,
|
|
.btn:active,
|
|
.btn:active,
|
|
.btn.active,
|
|
.btn.active,
|
|
.btn.disabled,
|
|
.btn.disabled,
|
|
.btn[disabled] {
|
|
.btn[disabled] {
|
|
- background-color: #e6e6e6;
|
|
|
|
|
|
+ background-color: #e6e6e6;
|
|
}
|
|
}
|
|
.btn-large {
|
|
.btn-large {
|
|
- padding: 9px 14px;
|
|
|
|
- font-size: 15px;
|
|
|
|
- line-height: normal;
|
|
|
|
- -webkit-border-radius: 5px;
|
|
|
|
- -moz-border-radius: 5px;
|
|
|
|
- border-radius: 5px;
|
|
|
|
|
|
+ padding: 9px 14px;
|
|
|
|
+ font-size: 15px;
|
|
|
|
+ line-height: normal;
|
|
|
|
+ -webkit-border-radius: 5px;
|
|
|
|
+ -moz-border-radius: 5px;
|
|
|
|
+ border-radius: 5px;
|
|
}
|
|
}
|
|
.btn:hover {
|
|
.btn:hover {
|
|
- color: #333333;
|
|
|
|
- text-decoration: none;
|
|
|
|
- background-color: #e6e6e6;
|
|
|
|
- -webkit-transition: background-position 0.1s linear;
|
|
|
|
- -moz-transition: background-position 0.1s linear;
|
|
|
|
- -ms-transition: background-position 0.1s linear;
|
|
|
|
- -o-transition: background-position 0.1s linear;
|
|
|
|
- transition: background-position 0.1s linear;
|
|
|
|
|
|
+ color: #333333;
|
|
|
|
+ text-decoration: none;
|
|
|
|
+ background-color: #e6e6e6;
|
|
|
|
+ -webkit-transition: background-position 0.1s linear;
|
|
|
|
+ -moz-transition: background-position 0.1s linear;
|
|
|
|
+ -ms-transition: background-position 0.1s linear;
|
|
|
|
+ -o-transition: background-position 0.1s linear;
|
|
|
|
+ transition: background-position 0.1s linear;
|
|
}
|
|
}
|
|
.btn-primary,
|
|
.btn-primary,
|
|
.btn-primary:hover {
|
|
.btn-primary:hover {
|
|
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
|
|
|
- color: #ffffff;
|
|
|
|
|
|
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
|
|
|
+ color: #ffffff;
|
|
}
|
|
}
|
|
.btn-primary.active {
|
|
.btn-primary.active {
|
|
- color: rgba(255, 255, 255, 0.75);
|
|
|
|
|
|
+ color: rgba(255, 255, 255, 0.75);
|
|
}
|
|
}
|
|
.btn-primary {
|
|
.btn-primary {
|
|
- background-color: #7160bd;
|
|
|
|
- background-image: -moz-linear-gradient(top, #7160bd, #7160bd);
|
|
|
|
- background-image: -ms-linear-gradient(top, #7160bd, #7160bd);
|
|
|
|
- background-image: -webkit-gradient(
|
|
|
|
- linear,
|
|
|
|
- 0 0,
|
|
|
|
- 0 100%,
|
|
|
|
- from(#7160bd),
|
|
|
|
- to(#7160bd)
|
|
|
|
- );
|
|
|
|
- background-image: -webkit-linear-gradient(top, #7160bd, #7160bd);
|
|
|
|
- background-image: -o-linear-gradient(top, #7160bd, #7160bd);
|
|
|
|
- background-image: linear-gradient(top, #7160bd, #7160bd);
|
|
|
|
- background-repeat: repeat-x;
|
|
|
|
- filter: progid:dximagetransform.microsoft.gradient(startColorstr=#7160bd, endColorstr=#7160bd, GradientType=0);
|
|
|
|
- border: 1px solid #7160bd;
|
|
|
|
- text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
|
|
|
|
- box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
|
|
|
|
- 0 1px 2px rgba(0, 0, 0, 0.5);
|
|
|
|
|
|
+ background-color: #7160bd;
|
|
|
|
+ background-image: -moz-linear-gradient(top, #7160bd, #7160bd);
|
|
|
|
+ background-image: -ms-linear-gradient(top, #7160bd, #7160bd);
|
|
|
|
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7160bd), to(#7160bd));
|
|
|
|
+ background-image: -webkit-linear-gradient(top, #7160bd, #7160bd);
|
|
|
|
+ background-image: -o-linear-gradient(top, #7160bd, #7160bd);
|
|
|
|
+ background-image: linear-gradient(top, #7160bd, #7160bd);
|
|
|
|
+ background-repeat: repeat-x;
|
|
|
|
+ filter: progid:dximagetransform.microsoft.gradient(startColorstr=#7160bd, endColorstr=#7160bd, GradientType=0);
|
|
|
|
+ border: 1px solid #7160bd;
|
|
|
|
+ text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
|
|
|
|
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.5);
|
|
}
|
|
}
|
|
.btn-primary:hover,
|
|
.btn-primary:hover,
|
|
.btn-primary:active,
|
|
.btn-primary:active,
|
|
.btn-primary.active,
|
|
.btn-primary.active,
|
|
.btn-primary.disabled,
|
|
.btn-primary.disabled,
|
|
.btn-primary[disabled] {
|
|
.btn-primary[disabled] {
|
|
- filter: none;
|
|
|
|
- background-color: #4a77d4;
|
|
|
|
|
|
+ filter: none;
|
|
|
|
+ background-color: #4a77d4;
|
|
}
|
|
}
|
|
.btn-block {
|
|
.btn-block {
|
|
- width: 100%;
|
|
|
|
- display: block;
|
|
|
|
|
|
+ width: 100%;
|
|
|
|
+ display: block;
|
|
}
|
|
}
|
|
|
|
|
|
* {
|
|
* {
|
|
- -webkit-box-sizing: border-box;
|
|
|
|
- -moz-box-sizing: border-box;
|
|
|
|
- -ms-box-sizing: border-box;
|
|
|
|
- -o-box-sizing: border-box;
|
|
|
|
- box-sizing: border-box;
|
|
|
|
|
|
+ -webkit-box-sizing: border-box;
|
|
|
|
+ -moz-box-sizing: border-box;
|
|
|
|
+ -ms-box-sizing: border-box;
|
|
|
|
+ -o-box-sizing: border-box;
|
|
|
|
+ box-sizing: border-box;
|
|
}
|
|
}
|
|
|
|
|
|
html {
|
|
html {
|
|
- min-width: 100%;
|
|
|
|
- min-height: 100%;
|
|
|
|
|
|
+ min-width: 100%;
|
|
|
|
+ min-height: 100%;
|
|
}
|
|
}
|
|
|
|
|
|
body {
|
|
body {
|
|
- width: 100%;
|
|
|
|
- height: 100%;
|
|
|
|
- font-family: "Open Sans", sans-serif;
|
|
|
|
- background: #092756;
|
|
|
|
- background: -moz-radial-gradient(
|
|
|
|
- 0% 100%,
|
|
|
|
- ellipse cover,
|
|
|
|
- rgba(104, 128, 138, 0.4) 10%,
|
|
|
|
- rgba(138, 114, 76, 0) 40%
|
|
|
|
- ),
|
|
|
|
- -moz-linear-gradient(top, rgba(57, 173, 219, 0.25) 0%, rgba(42, 60, 87, 0.4)
|
|
|
|
- 100%),
|
|
|
|
- -moz-linear-gradient(-45deg, #670d10 0%, #092756 100%);
|
|
|
|
- background: -webkit-radial-gradient(
|
|
|
|
- 0% 100%,
|
|
|
|
- ellipse cover,
|
|
|
|
- rgba(104, 128, 138, 0.4) 10%,
|
|
|
|
- rgba(138, 114, 76, 0) 40%
|
|
|
|
- ),
|
|
|
|
- -webkit-linear-gradient(top, rgba(57, 173, 219, 0.25) 0%, rgba(
|
|
|
|
- 42,
|
|
|
|
- 60,
|
|
|
|
- 87,
|
|
|
|
- 0.4
|
|
|
|
- )
|
|
|
|
- 100%),
|
|
|
|
- -webkit-linear-gradient(-45deg, #670d10 0%, #092756 100%);
|
|
|
|
- background: -o-radial-gradient(
|
|
|
|
- 0% 100%,
|
|
|
|
- ellipse cover,
|
|
|
|
- rgba(104, 128, 138, 0.4) 10%,
|
|
|
|
- rgba(138, 114, 76, 0) 40%
|
|
|
|
- ),
|
|
|
|
- -o-linear-gradient(top, rgba(57, 173, 219, 0.25) 0%, rgba(42, 60, 87, 0.4)
|
|
|
|
- 100%),
|
|
|
|
- -o-linear-gradient(-45deg, #670d10 0%, #092756 100%);
|
|
|
|
- background: -ms-radial-gradient(
|
|
|
|
- 0% 100%,
|
|
|
|
- ellipse cover,
|
|
|
|
- rgba(104, 128, 138, 0.4) 10%,
|
|
|
|
- rgba(138, 114, 76, 0) 40%
|
|
|
|
- ),
|
|
|
|
- -ms-linear-gradient(top, rgba(57, 173, 219, 0.25) 0%, rgba(42, 60, 87, 0.4)
|
|
|
|
- 100%),
|
|
|
|
- -ms-linear-gradient(-45deg, #670d10 0%, #092756 100%);
|
|
|
|
- background: -webkit-radial-gradient(
|
|
|
|
- 0% 100%,
|
|
|
|
- ellipse cover,
|
|
|
|
- rgba(104, 128, 138, 0.4) 10%,
|
|
|
|
- rgba(138, 114, 76, 0) 40%
|
|
|
|
- ),
|
|
|
|
- linear-gradient(
|
|
|
|
- to bottom,
|
|
|
|
- rgba(57, 173, 219, 0.25) 0%,
|
|
|
|
- rgba(42, 60, 87, 0.4) 100%
|
|
|
|
- ),
|
|
|
|
- linear-gradient(135deg, #670d10 0%, #281c50 100%);
|
|
|
|
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3E1D6D', endColorstr='#092756',GradientType=1 );
|
|
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 100%;
|
|
|
|
+ font-family: "Open Sans", sans-serif;
|
|
|
|
+ background: #092756;
|
|
|
|
+ background: -moz-radial-gradient(0% 100%, ellipse cover, rgba(104, 128, 138, 0.4) 10%, rgba(138, 114, 76, 0) 40%),
|
|
|
|
+ -moz-linear-gradient(top, rgba(57, 173, 219, 0.25) 0%, rgba(42, 60, 87, 0.4) 100%),
|
|
|
|
+ -moz-linear-gradient(-45deg, #670d10 0%, #092756 100%);
|
|
|
|
+ background: -webkit-radial-gradient(0% 100%, ellipse cover, rgba(104, 128, 138, 0.4) 10%, rgba(138, 114, 76, 0) 40%),
|
|
|
|
+ -webkit-linear-gradient(top, rgba(57, 173, 219, 0.25) 0%, rgba(42, 60, 87, 0.4) 100%),
|
|
|
|
+ -webkit-linear-gradient(-45deg, #670d10 0%, #092756 100%);
|
|
|
|
+ background: -o-radial-gradient(0% 100%, ellipse cover, rgba(104, 128, 138, 0.4) 10%, rgba(138, 114, 76, 0) 40%),
|
|
|
|
+ -o-linear-gradient(top, rgba(57, 173, 219, 0.25) 0%, rgba(42, 60, 87, 0.4) 100%),
|
|
|
|
+ -o-linear-gradient(-45deg, #670d10 0%, #092756 100%);
|
|
|
|
+ background: -ms-radial-gradient(0% 100%, ellipse cover, rgba(104, 128, 138, 0.4) 10%, rgba(138, 114, 76, 0) 40%),
|
|
|
|
+ -ms-linear-gradient(top, rgba(57, 173, 219, 0.25) 0%, rgba(42, 60, 87, 0.4) 100%),
|
|
|
|
+ -ms-linear-gradient(-45deg, #670d10 0%, #092756 100%);
|
|
|
|
+ background: -webkit-radial-gradient(0% 100%, ellipse cover, rgba(104, 128, 138, 0.4) 10%, rgba(138, 114, 76, 0) 40%),
|
|
|
|
+ linear-gradient(to bottom, rgba(57, 173, 219, 0.25) 0%, rgba(42, 60, 87, 0.4) 100%),
|
|
|
|
+ linear-gradient(135deg, #670d10 0%, #281c50 100%);
|
|
|
|
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3E1D6D', endColorstr='#092756',GradientType=1 );
|
|
}
|
|
}
|
|
|
|
|
|
.btn {
|
|
.btn {
|
|
- width: 300px;
|
|
|
|
- height: 40px;
|
|
|
|
- text-decoration: none;
|
|
|
|
- color: #b5a2bb;
|
|
|
|
- text-align: center;
|
|
|
|
- line-height: 20px;
|
|
|
|
- display: block;
|
|
|
|
- font: normal 17px arial;
|
|
|
|
- cursor: pointer;
|
|
|
|
- margin-top: 5px;
|
|
|
|
- margin-bottom: 5px;
|
|
|
|
|
|
+ width: 300px;
|
|
|
|
+ height: 40px;
|
|
|
|
+ text-decoration: none;
|
|
|
|
+ color: #b5a2bb;
|
|
|
|
+ text-align: center;
|
|
|
|
+ line-height: 20px;
|
|
|
|
+ display: block;
|
|
|
|
+ font: normal 17px arial;
|
|
|
|
+ cursor: pointer;
|
|
|
|
+ margin-top: 5px;
|
|
|
|
+ margin-bottom: 5px;
|
|
}
|
|
}
|
|
|
|
|
|
.cart_1 a {
|
|
.cart_1 a {
|
|
- text-decoration: none;
|
|
|
|
|
|
+ text-decoration: none;
|
|
}
|
|
}
|
|
|
|
|
|
.btn:not(.active) {
|
|
.btn:not(.active) {
|
|
- box-shadow: inset 0 1px 1px rgba(111, 55, 125, 0.8),
|
|
|
|
- inset 0 -1px 0px rgba(63, 59, 113, 0.2), 0 9px 16px 0 rgba(0, 0, 0, 0.3),
|
|
|
|
- 0 4px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px #150a1e;
|
|
|
|
- background-image: linear-gradient(#3b2751, #271739);
|
|
|
|
- text-shadow: 0 0 21px rgba(223, 206, 228, 0.5), 0 -1px 0 #311d47;
|
|
|
|
|
|
+ box-shadow: inset 0 1px 1px rgba(111, 55, 125, 0.8), inset 0 -1px 0px rgba(63, 59, 113, 0.2),
|
|
|
|
+ 0 9px 16px 0 rgba(0, 0, 0, 0.3), 0 4px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px #150a1e;
|
|
|
|
+ background-image: linear-gradient(#3b2751, #271739);
|
|
|
|
+ text-shadow: 0 0 21px rgba(223, 206, 228, 0.5), 0 -1px 0 #311d47;
|
|
}
|
|
}
|
|
|
|
|
|
.btn:not(.active):hover,
|
|
.btn:not(.active):hover,
|
|
.btn:not(.active):focus {
|
|
.btn:not(.active):focus {
|
|
- transition: color 200ms linear, text-shadow 500ms linear;
|
|
|
|
- color: #fff;
|
|
|
|
- text-shadow: 0 0 21px rgba(223, 206, 228, 0.5),
|
|
|
|
- 0 0 10px rgba(223, 206, 228, 0.4), 0 0 2px #2a153c;
|
|
|
|
|
|
+ transition: color 200ms linear, text-shadow 500ms linear;
|
|
|
|
+ color: #fff;
|
|
|
|
+ text-shadow: 0 0 21px rgba(223, 206, 228, 0.5), 0 0 10px rgba(223, 206, 228, 0.4), 0 0 2px #2a153c;
|
|
}
|
|
}
|
|
|
|
|
|
.btn:not(:hover) {
|
|
.btn:not(:hover) {
|
|
- transition: 0.6s;
|
|
|
|
|
|
+ transition: 0.6s;
|
|
}
|
|
}
|
|
|
|
|
|
.login {
|
|
.login {
|
|
- position: absolute;
|
|
|
|
- top: 40%;
|
|
|
|
- left: 50%;
|
|
|
|
- margin: -150px 0 0 -150px;
|
|
|
|
- width: 300px;
|
|
|
|
- height: 300px;
|
|
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: 40%;
|
|
|
|
+ left: 50%;
|
|
|
|
+ margin: -150px 0 0 -150px;
|
|
|
|
+ width: 300px;
|
|
|
|
+ height: 300px;
|
|
}
|
|
}
|
|
|
|
|
|
.login h3 {
|
|
.login h3 {
|
|
- color: #fff;
|
|
|
|
- text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
|
|
|
|
- letter-spacing: 1px;
|
|
|
|
- text-align: center;
|
|
|
|
|
|
+ color: #fff;
|
|
|
|
+ text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
|
|
|
|
+ letter-spacing: 1px;
|
|
|
|
+ text-align: center;
|
|
}
|
|
}
|
|
|
|
|
|
input,
|
|
input,
|
|
textarea {
|
|
textarea {
|
|
- width: 100%;
|
|
|
|
- margin-bottom: 10px;
|
|
|
|
- background: rgba(0, 0, 0, 0.3);
|
|
|
|
- border: none;
|
|
|
|
- outline: none;
|
|
|
|
- padding: 10px;
|
|
|
|
- font-size: 13px;
|
|
|
|
- margin-top: 5px;
|
|
|
|
- color: #fff;
|
|
|
|
- text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
|
|
|
|
- border: 1px solid rgba(0, 0, 0, 0.3);
|
|
|
|
- border-radius: 4px;
|
|
|
|
- box-shadow: inset 0 -5px 45px rgba(100, 100, 100, 0.2),
|
|
|
|
- 0 1px 1px rgba(255, 255, 255, 0.2);
|
|
|
|
- -webkit-transition: box-shadow 0.5s ease;
|
|
|
|
- -moz-transition: box-shadow 0.5s ease;
|
|
|
|
- -o-transition: box-shadow 0.5s ease;
|
|
|
|
- -ms-transition: box-shadow 0.5s ease;
|
|
|
|
- transition: box-shadow 0.5s ease;
|
|
|
|
- font-family: "Open Sans", sans-serif;
|
|
|
|
|
|
+ width: 100%;
|
|
|
|
+ margin-bottom: 10px;
|
|
|
|
+ background: rgba(0, 0, 0, 0.3);
|
|
|
|
+ border: none;
|
|
|
|
+ outline: none;
|
|
|
|
+ padding: 10px;
|
|
|
|
+ font-size: 13px;
|
|
|
|
+ margin-top: 5px;
|
|
|
|
+ color: #fff;
|
|
|
|
+ text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
|
|
|
|
+ border: 1px solid rgba(0, 0, 0, 0.3);
|
|
|
|
+ border-radius: 4px;
|
|
|
|
+ box-shadow: inset 0 -5px 45px rgba(100, 100, 100, 0.2), 0 1px 1px rgba(255, 255, 255, 0.2);
|
|
|
|
+ -webkit-transition: box-shadow 0.5s ease;
|
|
|
|
+ -moz-transition: box-shadow 0.5s ease;
|
|
|
|
+ -o-transition: box-shadow 0.5s ease;
|
|
|
|
+ -ms-transition: box-shadow 0.5s ease;
|
|
|
|
+ transition: box-shadow 0.5s ease;
|
|
|
|
+ font-family: "Open Sans", sans-serif;
|
|
}
|
|
}
|
|
|
|
|
|
input:focus {
|
|
input:focus {
|
|
- box-shadow: inset 0 -5px 45px rgba(100, 100, 100, 0.4),
|
|
|
|
- 0 1px 1px rgba(255, 255, 255, 0.2);
|
|
|
|
|
|
+ box-shadow: inset 0 -5px 45px rgba(100, 100, 100, 0.4), 0 1px 1px rgba(255, 255, 255, 0.2);
|
|
}
|
|
}
|
|
|
|
|
|
.main_page {
|
|
.main_page {
|
|
- margin-top: 10px;
|
|
|
|
|
|
+ margin-top: 10px;
|
|
}
|
|
}
|
|
|
|
|
|
.main_page a {
|
|
.main_page a {
|
|
- text-decoration: none;
|
|
|
|
|
|
+ text-decoration: none;
|
|
}
|
|
}
|