|
|
@@ -0,0 +1,86 @@
|
|
|
+/* Basic Grey */
|
|
|
+.basic-grey {
|
|
|
+ margin-left:auto;
|
|
|
+ margin-right:auto;
|
|
|
+ max-width: 500px;
|
|
|
+ background: #F7F7F7;
|
|
|
+ padding: 25px 15px 25px 10px;
|
|
|
+ font: 12px Georgia, "Times New Roman", Times, serif;
|
|
|
+ color: #888;
|
|
|
+ text-shadow: 1px 1px 1px #FFF;
|
|
|
+ border:1px solid #E4E4E4;
|
|
|
+}
|
|
|
+.basic-grey h1 {
|
|
|
+ font-size: 25px;
|
|
|
+ padding: 0px 0px 10px 40px;
|
|
|
+ display: block;
|
|
|
+ border-bottom: 1px solid #E4E4E4;
|
|
|
+ margin: -10px -15px 30px -10px;;
|
|
|
+ color: #888;
|
|
|
+}
|
|
|
+
|
|
|
+.basic-grey input[type="text"], .basic-grey textarea {
|
|
|
+ border: 1px solid #DADADA;
|
|
|
+ color: #888;
|
|
|
+ height: 30px;
|
|
|
+ margin-bottom: 16px;
|
|
|
+ margin-right: 6px;
|
|
|
+ margin-top: 2px;
|
|
|
+ outline: 0 none;
|
|
|
+ padding: 3px 3px 3px 5px;
|
|
|
+ width: 70%;
|
|
|
+ font-size: 12px;
|
|
|
+ line-height:15px;
|
|
|
+ box-shadow: inset 0px 1px 4px #ECECEC;
|
|
|
+ -moz-box-shadow: inset 0px 1px 4px #ECECEC;
|
|
|
+ -webkit-box-shadow: inset 0px 1px 4px #ECECEC;
|
|
|
+}
|
|
|
+.basic-grey input[type="password"]{
|
|
|
+ border: 1px solid #DADADA;
|
|
|
+ color: #888;
|
|
|
+ height: 30px;
|
|
|
+ margin-bottom: 16px;
|
|
|
+ margin-right: 6px;
|
|
|
+ margin-top: 2px;
|
|
|
+ outline: 0 none;
|
|
|
+ padding: 3px 3px 3px 5px;
|
|
|
+ width: 70%;
|
|
|
+ font-size: 12px;
|
|
|
+ line-height:15px;
|
|
|
+ box-shadow: inset 0px 1px 4px #ECECEC;
|
|
|
+ -moz-box-shadow: inset 0px 1px 4px #ECECEC;
|
|
|
+ -webkit-box-shadow: inset 0px 1px 4px #ECECEC;
|
|
|
+}
|
|
|
+.basic-grey textarea{
|
|
|
+ padding: 5px 3px 3px 5px;
|
|
|
+ font-size: 12px;
|
|
|
+ height: 500px;
|
|
|
+}
|
|
|
+.basic-grey select {
|
|
|
+ background: #FFF no-repeat right;
|
|
|
+ background: #FFF no-repeat right;
|
|
|
+ appearance:none;
|
|
|
+ -webkit-appearance:none;
|
|
|
+ -moz-appearance: none;
|
|
|
+ text-indent: 0.01px;
|
|
|
+ text-overflow: '';
|
|
|
+ width: 70%;
|
|
|
+ height: 35px;
|
|
|
+ line-height: 25px;
|
|
|
+}
|
|
|
+.basic-grey textarea{
|
|
|
+ height:100px;
|
|
|
+}
|
|
|
+.basic-grey .button {
|
|
|
+ background: #E27575;
|
|
|
+ border: none;
|
|
|
+ padding: 10px 25px 10px 25px;
|
|
|
+ color: #FFF;
|
|
|
+ box-shadow: 1px 1px 5px #B6B6B6;
|
|
|
+ border-radius: 3px;
|
|
|
+ text-shadow: 1px 1px 1px #9E3F3F;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+.basic-grey .button:hover {
|
|
|
+ background: #CF7A7A
|
|
|
+}
|
