|
|
@@ -0,0 +1,149 @@
|
|
|
+body{
|
|
|
+ font-family:"Trebuchet MS", "Myriad Pro", Arial, sans-serif;
|
|
|
+ background:#f4f4f4 url(images/corendon8.jpg) no-repeat;
|
|
|
+}
|
|
|
+h1{
|
|
|
+ margin-left:auto;
|
|
|
+ margin-right:auto;
|
|
|
+ width:800px;
|
|
|
+ margin-bottom:0;
|
|
|
+ font-size:56px;
|
|
|
+ color:#CC0000;
|
|
|
+ font-family: "Arial Black", Gadget, sans-serif;
|
|
|
+}
|
|
|
+h1 span{
|
|
|
+ font-size:15px;
|
|
|
+ color:#FF9900;
|
|
|
+}
|
|
|
+h2{
|
|
|
+ margin-left:auto;
|
|
|
+ margin-right:auto;
|
|
|
+ width:800px;
|
|
|
+ font-size:20px;
|
|
|
+ padding:0px 0px 40px 0px;
|
|
|
+ color:#aaa;
|
|
|
+ margin-top:0;
|
|
|
+}
|
|
|
+h2 span{
|
|
|
+ color:#aaa;
|
|
|
+}
|
|
|
+/* Form Style */
|
|
|
+.form_wrapper{
|
|
|
+ background:#fff;
|
|
|
+ border:1px solid #CC0000;
|
|
|
+ margin:auto;
|
|
|
+ width:350px;
|
|
|
+ font-size:16px;
|
|
|
+ -moz-box-shadow:0px 0px 25px 0px #CC0000;
|
|
|
+ -webkit-box-shadow:0px 0px 25px 0px #CC0000;
|
|
|
+ box-shadow: 0px 0px 25x 0px #CC0000;
|
|
|
+}
|
|
|
+.form_wrapper h3{
|
|
|
+ padding:20px;
|
|
|
+ background-color:#CC0000;
|
|
|
+ color:#fff;
|
|
|
+ font-size:25px;
|
|
|
+ border-bottom:1px solid #ddd;
|
|
|
+ margin-top:0;
|
|
|
+}
|
|
|
+form.login{
|
|
|
+ width:350px;
|
|
|
+ margin-bottom:0;
|
|
|
+}
|
|
|
+.form_wrapper label{
|
|
|
+ display:block;
|
|
|
+ padding:10px 30px 0px 30px;
|
|
|
+ margin:10px 0px 0px 0px;
|
|
|
+}
|
|
|
+.form_wrapper input[type="text"],
|
|
|
+.form_wrapper input[type="password"]{
|
|
|
+ border: solid 1px #E5E5E5;
|
|
|
+ background: #FFFFFF;
|
|
|
+ margin: 5px 30px 0px 30px;
|
|
|
+ padding: 9px;
|
|
|
+ display:block;
|
|
|
+ font-size:16px;
|
|
|
+ width:76%;
|
|
|
+ background:
|
|
|
+ -webkit-gradient(
|
|
|
+ linear,
|
|
|
+ left top,
|
|
|
+ left 25,
|
|
|
+ from(#FFFFFF),
|
|
|
+ color-stop(4%, #EEEEEE),
|
|
|
+ to(#FFFFFF)
|
|
|
+ );
|
|
|
+ background:
|
|
|
+ -moz-linear-gradient(
|
|
|
+ top,
|
|
|
+ #FFFFFF,
|
|
|
+ #EEEEEE 1px,
|
|
|
+ #FFFFFF 25px
|
|
|
+ );
|
|
|
+ -moz-box-shadow: 0px 0px 8px #f0f0f0;
|
|
|
+ -webkit-box-shadow: 0px 0px 8px #f0f0f0;
|
|
|
+ box-shadow: 0px 0px 8px #f0f0f0;
|
|
|
+}
|
|
|
+.form_wrapper input[type="text"]:focus,
|
|
|
+.form_wrapper input[type="password"]:focus{
|
|
|
+ background:#feffef;
|
|
|
+}
|
|
|
+.form_wrapper .bottom{
|
|
|
+ background-color:#CC0000;
|
|
|
+ border-top:1px solid #ddd;
|
|
|
+ margin-top:20px;
|
|
|
+ font-size:12px;
|
|
|
+ clear:both;
|
|
|
+ color:#fff;
|
|
|
+ text-shadow:1px 1px 1px #000;
|
|
|
+}
|
|
|
+.form_wrapper .bottom label{
|
|
|
+ background-color:#CC0000;
|
|
|
+ border-bottom:5px solid #CC0000;
|
|
|
+ font-size:12px;
|
|
|
+ clear:both;
|
|
|
+ color:#fff;
|
|
|
+ text-shadow:1px 1px 1px #000;
|
|
|
+}
|
|
|
+.form_wrapper div.remember{
|
|
|
+ float:left;
|
|
|
+ width:140px;
|
|
|
+ margin:20px 0px 20px 30px;
|
|
|
+ font-size:11px;
|
|
|
+}
|
|
|
+.form_wrapper span.error{
|
|
|
+ visibility:hidden;
|
|
|
+ color:red;
|
|
|
+ font-size:11px;
|
|
|
+ font-style:italic;
|
|
|
+ display:block;
|
|
|
+ margin:4px 30px;
|
|
|
+}
|
|
|
+.form_wrapper input[type="submit"] {
|
|
|
+ background: #e3e3e3;
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ color: #333;
|
|
|
+ font-family: "Trebuchet MS", "Myriad Pro", sans-serif;
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: bold;
|
|
|
+ padding: 8px 0 9px;
|
|
|
+ text-align: center;
|
|
|
+ width: 150px;
|
|
|
+ cursor:pointer;
|
|
|
+ float:right;
|
|
|
+ margin:15px 20px 10px 10px;
|
|
|
+ text-shadow: 0px 1px 0px #fff;
|
|
|
+ -moz-border-radius: 4px;
|
|
|
+ -webkit-border-radius: 4px;
|
|
|
+ border-radius: 4px;
|
|
|
+ -moz-box-shadow: 0px 0px 2px #fff inset;
|
|
|
+ -webkit-box-shadow: 0px 0px 2px #fff inset;
|
|
|
+ box-shadow: 0px 0px 2px #fff inset;
|
|
|
+}
|
|
|
+.form_wrapper input[type="submit"]:hover {
|
|
|
+ background: #d9d9d9;
|
|
|
+ -moz-box-shadow: 0px 0px 2px #eaeaea inset;
|
|
|
+ -webkit-box-shadow: 0px 0px 2px #eaeaea inset;
|
|
|
+ box-shadow: 0px 0px 2px #eaeaea inset;
|
|
|
+ color: #222;
|
|
|
+}
|
Rick V
