MS-Tropical/Resources/CSS/FormStyles.css
Skylear 7d1d7ff996 Upload the site
All the files associated with the old website :D
2018-03-21 11:13:03 -05:00

105 lines
2.2 KiB
CSS
Executable File

input { display: block; border: 1px solid #e0e0e0; padding: 2px 6px; height: 24px; margin-bottom: 8px; }
input:focus { border: 1px solid #008be8; }
label { color: #666; font-weight: bold; }
input.color {
width: 200px;
font-weight: bold;
padding-left: 6px;
background-image: url('../Images/Backgrounds/HeaderBG2.png');
}
input.checkbox, input.radiobutton {
display: inline;
position: relative;
top: 5px;
}
input.blueButton {
color: #fff;
height: 38px;
border: none;
font-size: 24px;
padding: 0px 8px;
text-align: center;
font-weight: bolder;
display: inline-block;
background-color: #4c85c6;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
}
input.blueButton:hover {
color: #4c85c6;
background-color: white;
}
input.blackButton {
color: #fff;
height: 38px;
border: none;
font-size: 24px;
padding: 0px 8px;
text-align: center;
font-weight: bolder;
display: inline-block;
background-color: #2f2f2f;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
}
input.blackButton:hover {
color: #2f2f2f;
background-color: white;
}
textarea {
/* width: 375px;
max-width: 375px !important;
height: 50px; */
display: block;
border: 1px solid #e0e0e0;
padding: 4px 6px;
resize: vertical;
/* Drop-shadows
-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); */
}
textarea.revert {
width: 375px;
/* max-width: 375px !important; */
height: 50px;
display: block;
border: 1px solid #999999;
/* Rounded corners and drop-shadows */
-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
textarea:focus { border: 1px solid #008be8; }
#security {
bottom: 2px;
color: #000;
width: 275px;
height: 10px;
font-size: 14px;
position: relative;
text-align: center;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
.default{ background-color: #CCC; }
.weak{ background-color: #FF5353; }
.strong{ background-color: #FAD054; }
.stronger{ background-color: #93C9F4; }
.strongest{ background-color: #B6FF6C; }
select { height: 22px; border: 1px solid #e0e0e0; }