blob: ede2fa306cc0de30910531886c5408c9c14ddc86 [file] [log] [blame]
/*////////////////
LessCSS
////////////////*/
@darkblue: #00538b;
@orange: #d5620e;
@lightblue: #238bd2;
@lightbluebg: #6eb5e5;
@grey: #f6f6f6;
.imagereplace {
display: block;
font-size: 0;
line-height: 0;
text-indent: -9999em;
}
/*////////////////
Forms
////////////////*/
#form.form-register {/*register form*/
background: #e1edf5;
margin: 0 auto 39px auto;
width: 570px;
.loggedin {/*logged in message*/
background: #cee5f5;
padding: 11px 0;
text-align: center;
p {
margin: 0;
}
}
h2 {/*heading*/
float: left;
font-size: 27px;
line-height: 1.8em;
margin: 10px 0 0 23px;
}
.req {/*required text*/
color: @orange;
display: block;
float: left;
font-size: 10px;
font-style: italic;
font-weight: bold;
margin: 25px 0 0 10px;
}
fieldset {
background: #cde5f5;
margin: 0 23px 16px 23px;
padding: 30px 0 0 0;
.row {/*every row*/
margin: 0 0 6px 11px;
width: 497px;
}
.row.fname {
float: left;
width: 215px;
.text { width: 215px; }
}
.row.lname {
float: left;
width: 276px;
.text { width: 276px; }
}
.row.email {
clear: both;
float: left;
width: 310px;
.text { width: 310px; }
}
.row.phone {
float: left;
width: 180px;
.text { width: 180px; }
}
.row.bday {
clear: both;
float: left;
width: 121px;
.text { width: 121px; }
}
.row.address2 {
float: left;
width: 313px;
.text { width: 313px; }
}
.row.city {
float: left;
width: 175px;
.text { width: 175px; }
}
.row.stateprovince {
clear: both;
float: left;
width: 175px;
.text { width: 175px; }
}
.row.zip {
float: left;
width: 138px;
label { padding: 0; }
.text { width: 138px; }
}
.row.country {
clear: both;
padding-top: 5px;
width: 100%;
.selector {
select {
width: 100%;
}
span {
padding-right: 40px;
width: auto; /* desired width (w/ borders) - 33px = value */
}
}
}
.row.schoolname {
float: left;
width: 100%;
.selector {
select {
width: 100%;
}
span {
padding-right: 40px;
width: auto; /* desired width (w/ borders) - 33px = value */
}
}
}
.row.gradyear {
clear: left;
float: left;
width: 175px;
.selector {
span {
width: 127px;
}
}
}
.row.schoollocation {
float: left;
width: 175px;
.selector {
span {
width: 127px;
}
}
}
.row.schoolurl {
clear: both;
width: 254px;
.text {
width: 254px;
}
}
}
.fieldset-basicinfo {/*first fieldset on the registration page*/
clear: both;
}
.fieldset-referral {/*referral fieldset*/
background: none;
padding: 0;
.row.radio {
margin: 0 0 6px 35px;
label {
color: #666;
font-size: 15px;
}
}
}
.row.button-row {
padding: 0 0 28px 28px;
}
}
#form.form-search {/*search form*/
background: #e0edf5;
padding: 5px 15px 10px 15px;
margin: 0 0 13px 0;
h2 {/*heading*/
font-size: 22px;
font-weight: normal;
margin: 0;
}
.row {/*every row*/
margin: 0 10px 0 0;
}
.row.search-field {/*search text field*/
float: left;
width: 300px;
.text {
margin-top: 1px;
width: 300px;
}
}
.row.search-filter {/*filter select field*/
float: left;
width: 138px;
.selector {
span {
font-size: 14px;
width: 105px; /* desired width (w/ borders) - 33px = value */
}
}
}
.row.button-row {/*submit btn*/
float: left;
width: 77px;
input {
height: 26px;
line-height: 26px;
margin-top: 2px;
padding: 0;
width: 77px;
}
}
}
#form.form-proposal {/*application/proposal form*/
background: #e1edf5;
width: 500px;
fieldset {
margin: 0 auto;
padding: 5px 0;
width: 440px;
.row {/*every row*/
margin: 10px 0;
.text {
width: 440px;
}
}
.row.project-desc-full {
.textarea {
height: 200px;
width: 430px;
}
}
.row.project-sponsor {
width: 320px;
.text {
width: 320px;
}
}
.row.project-os {
float: left;
width: 191px;
.text {
width: 191px;
}
}
.row.project-lang {
float: right;
width: 191px;
.text {
width: 191px;
}
}
.row.project-tags {
clear: both;
}
#form-proposal-textfield-project-short_counter, #form-proposal-textfield-project-full_counter {
color: @orange;
display: block;
font-size: 10px;
font-style: italic;
font-weight: bold;
margin: 0 0 0 4px;
}
}
.row.button-row {
background: @grey;
display: block;
padding-bottom: 20px;
width: 100%;
.submit {
margin: 20px 0 0 20px;
}
.save {
background:url(../images/form-submit-bg-blue.png) 0 0 repeat;
margin-left: 15px;
}
}
}
#form {/*form defaults*/
margin: 0 auto;
.note {/*for adding a note below a text field*/
color: @orange;
display: block;
font-size: 10px;
font-style: italic;
font-weight: bold;
margin: 0 0 0 4px;
}
fieldset {
position: relative;
width: 524px;
legend {
display: block;
float: left;
position: relative;
width: 100%;
span {
color: #799eb8;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
position: absolute;
top: -22px;
left: 10px;
}
}
.row {
label {/*labels*/
color: @lightblue;
display: block;
font-size: 18px;
line-height: 1.3em;
padding: 0 0 0 5px;
}
.req {/*required text*/
bottom: 1px;
color: @orange;
display: inline;
float: none;
font-size: 16px;
font-weight: bold;
height: 0;
line-height: 1;
margin: 0;
position: relative;
vertical-align: baseline;
}
.text, .textarea {/*text fields and textareas*/
background: #fff;
border: 1px solid #d2d2d2;
box-shadow: inset 2px 2px 10px #e6e6e6;
-moz-box-shadow: inset 2px 2px 10px #e6e6e6;
-webkit-box-shadow: inset 2px 2px 10px #e6e6e6;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
font-size: 14px;
padding: 0;
}
.text {/*text fields*/
height: 26px;
text-indent: 5px;
width: 497px;
}
.textarea {/*textareas*/
padding: 5px;
}
select {/*select fields*/
background: #fff;
border: 0px;
}
.selector select {
font-size: 13px;
width: 100% !important;
}
.selector span {
font-size: 16px;
}
.checker {/*checkbox*/
margin-right: 0px;
span {
background-position: -62px -41px;
}
span.checked {
background-position: -86px -41px;
}
}
div.uploader {/*file upload field*/
height: 30px;
width: 440px;
input {
height: 30px;
top: 0;
left: 0;
width: 100%;
}
span.action {
background: url(../images/form-submit-bg.png) 0 0 repeat;
color: #fff;
font-family: Arial,'Helvetica Neue',Helvetica,sans-serif;
font-size: 14px;
font-weight: bold;
margin: 2px 0 0 0;
padding: 2px 7px;
text-transform: none;
}
span.filename {
background: #fff;
border: 1px solid #d2d2d2;
border-right: 0px;
box-shadow: inset 2px 2px 10px #e6e6e6;
-moz-box-shadow: inset 2px 2px 10px #e6e6e6;
-webkit-box-shadow: inset 2px 2px 10px #e6e6e6;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
font-size: 14px;
height: 26px;
padding: 0 5px 0 0;
text-indent: 5px;
width: auto;
}
}
}
.row.error {/*error on submission*/
label {
float: left;
}
.error-message {
color: #ff0000;
display: block;
clear: both;
font-size: 12px;
font-weight: bold;
margin: 2px 0 0 7px;
}
.text, .textarea {
background: #fce6e6;
border: 1px solid #ff0000;
box-shadow: inset 2px 2px 10px #fccaca;
-moz-box-shadow: inset 2px 2px 10px #fccaca;
-webkit-box-shadow: inset 2px 2px 10px #fccaca;
}
}
}
.row.button-row {/*submit btn row*/
input {
background:url(../images/form-submit-bg.png) 0 0 repeat;
border: 0;
color: #fff;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
height: 40px;
line-height: 40px;
padding: 0 15px;
text-transform: uppercase;
}
input:hover {
cursor: pointer;
}
}
}