229 lines
No EOL
3.4 KiB
CSS
229 lines
No EOL
3.4 KiB
CSS
/***** Global Settings *****/
|
|
|
|
html, body {
|
|
border:0;
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
|
|
body {
|
|
font:100%/1.25 arial, helvetica, sans-serif;
|
|
}
|
|
|
|
/***** Common Formatting *****/
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
margin:0;
|
|
padding:0;
|
|
font-weight:normal;
|
|
}
|
|
|
|
h1 {
|
|
padding:30px 0 25px 0;
|
|
letter-spacing:-1px;
|
|
font:2em arial, helvetica, sans-serif;
|
|
}
|
|
|
|
h2 {
|
|
padding:20px 0;
|
|
letter-spacing:-1px;
|
|
font:1.5em arial, helvetica, sans-serif;
|
|
}
|
|
|
|
h3 {
|
|
font:1em arial, helvetica, sans-serif;
|
|
font-weight:bold;
|
|
}
|
|
|
|
p, ul, ol {
|
|
margin:0;
|
|
padding:0 0 15px 0;
|
|
}
|
|
|
|
ul, ol {
|
|
list-style: disc;
|
|
padding:0 0 15px 25px;
|
|
}
|
|
|
|
blockquote {
|
|
margin:22px 40px;
|
|
padding:0;
|
|
}
|
|
|
|
small {
|
|
font-size:0.85em;
|
|
}
|
|
|
|
img {
|
|
border:0;
|
|
}
|
|
|
|
sup {
|
|
position:relative;
|
|
bottom:0.3em;
|
|
vertical-align:baseline;
|
|
}
|
|
|
|
sub {
|
|
position:relative;
|
|
bottom:-0.2em;
|
|
vertical-align:baseline;
|
|
}
|
|
|
|
acronym, abbr {
|
|
cursor:help;
|
|
letter-spacing:1px;
|
|
border-bottom:1px dashed;
|
|
}
|
|
|
|
/***** Links *****/
|
|
|
|
a, a:visited {
|
|
text-decoration:none;
|
|
}
|
|
|
|
/***** Forms *****/
|
|
|
|
form {
|
|
margin:0;
|
|
padding:0;
|
|
display:inline;
|
|
}
|
|
|
|
input, select, textarea {
|
|
font:1em arial, helvetica, sans-serif;
|
|
}
|
|
|
|
textarea {
|
|
line-height:1.25;
|
|
}
|
|
|
|
label {
|
|
cursor:pointer;
|
|
}
|
|
|
|
/***** Tables *****/
|
|
|
|
table {
|
|
border:0;
|
|
margin:0 0 18px 0;
|
|
padding:0;
|
|
}
|
|
|
|
table tr td {
|
|
padding:2px;
|
|
}
|
|
|
|
/***** Wrapper *****/
|
|
|
|
#wrap {
|
|
width:660px;
|
|
margin:0 auto;
|
|
}
|
|
|
|
/***** Global Classes *****/
|
|
|
|
.clear { clear:both; }
|
|
|
|
.float-left { float:left; }
|
|
.float-right { float:right; }
|
|
|
|
.text-left { text-align:left; }
|
|
.text-right { text-align:right; }
|
|
.text-center { text-align:center; }
|
|
.text-justify { text-align:justify; }
|
|
|
|
.bold { font-weight:bold; }
|
|
.italic { font-style:italic; }
|
|
.underline { border-bottom:1px solid; }
|
|
.highlight { background:#ffc; }
|
|
|
|
.wrap { width:960px;margin:0 auto; }
|
|
|
|
.img-left { float:left;margin:4px 10px 4px 0; }
|
|
.img-right { float:right;margin:4px 0 4px 10px; }
|
|
|
|
.nopadding { padding:0; }
|
|
.noindent { margin-left:0;padding-left:0; }
|
|
.nobullet { list-style:none;list-style-image:none; }
|
|
|
|
body{
|
|
color: #666;
|
|
font-size: 16px;
|
|
}
|
|
input {
|
|
line-height: 24px;
|
|
}
|
|
#main-submit{
|
|
background: #ff3139;
|
|
color: #FFF;
|
|
line-height: 22px;
|
|
border-bottom: #b92329 solid 1px;
|
|
border-right: #b92329 solid 1px;
|
|
border-top: #ff3139 solid 1px;
|
|
border-left: #ff3139 solid 1px;
|
|
-moz-border-radius: 4px;
|
|
-webkit-border-radius: 4px;
|
|
font-size: 1.2em;
|
|
}
|
|
#main-submit:active{
|
|
border-bottom: #ff3139 solid 1px;
|
|
border-right: #ff3139 solid 1px;
|
|
border-top: #b92329 solid 1px;
|
|
border-left: #b92329 solid 1px;
|
|
}
|
|
#main-box{
|
|
background: #4e9bd1;
|
|
width: 570px;color: #FFF;
|
|
padding-top: 20px;
|
|
padding-bottom: 20px;
|
|
border-bottom: #3d79a3 solid 1px;
|
|
border-right: #3d79a3 solid 1px;
|
|
border-top: #4e9bd1 solid 1px;
|
|
border-left: #4e9bd1 solid 1px;
|
|
margin: 0 auto;
|
|
margin-top: 20px;
|
|
text-align: center;
|
|
-moz-border-radius: 5px;
|
|
-webkit-border-radius: 5px;
|
|
}
|
|
#logo-wrap{
|
|
width: 570px;
|
|
margin: 0 auto;
|
|
margin-top: 20px;
|
|
margin-bottom: 20px;
|
|
}
|
|
#logo-wrap p{
|
|
text-align: right;
|
|
font-size: 10px;
|
|
color: #ddd;
|
|
}
|
|
#logo{
|
|
float:right;
|
|
}
|
|
#info{
|
|
padding-top:15px;
|
|
clear:both;
|
|
line-height: 24px;
|
|
}
|
|
#info a{
|
|
color: #4e9bd1;
|
|
padding: 4px 8px;
|
|
background: #EEE;
|
|
border-bottom: #CCC solid 1px;
|
|
border-right: #CCC solid 1px;
|
|
-moz-border-radius: 3px;
|
|
-webkit-border-radius: 3px;
|
|
}
|
|
|
|
form ul {
|
|
padding: 0;
|
|
}
|
|
|
|
form li {
|
|
display: inline;
|
|
}
|
|
|
|
#id_url {
|
|
width: 400px;
|
|
} |