Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
80 lines (62 sloc) 3.02 KB
/**
* NOTE: This example stylesheet is for http://forms.mocra.com only and is copyright.
* PLEASE: Create your own stylesheet when you fork the repo.
*
* Thanks, you're a champion.
*/
/*
* Stylesheet Copyright:
* (c) Copyright 2010 Odin Dutton, Mocra. All Rights Reserved.
*
*/
/* Main typographic styles */
body{font:normal 14px/140% Helvetica,Arial,sans-serif;color:#333;background-color:#c0cacc;}
p{margin:10px 0 20px;}
strong{font-weight:bold;}
code{font-family:'Courier New',Courier,Fixed;}
acronym,abbr,span.caps{cursor:help;}
acronym,abbr{border-bottom:1px dashed #999;}
acronym{font-variant:small-caps;}
em{font-style:italic;}
small{font-size:0.8em;}
h1{text-indent:-9999px;background:url('/images/logo.png') no-repeat;width:96px;height:16px;margin-bottom:15px;}
h2{font-size:30px;font-weight:bold;color:#880909;margin-bottom:10px;}
hr{display:none;}
/* Links */
a:link, a:visited, a:active{color:#000;outline:none;}
a:hover{color:#666;}
/* Home */
#home ul{margin-top:30px;}
#home ul li{background:url('../images/form-icon.png') no-repeat center left;padding-left:20px;margin-bottom:10px;}
/*-------------------------*
* Form style -------------*
*-------------------------*/
.ss-form-container{width:760px;margin:0 auto;background:url('/images/background.png') repeat-y center;padding:30px 29px;}
#footer{width:818px;height:20px;margin:0 auto;background:url('/images/footer.png') no-repeat center;}
label{font-weight:bold;color:#880909;display:block;}
.ss-form-entry label.ss-q-help{font-weight:normal;color:#333;display:block;}
.ss-form-entry label span.ss-required-asterisk{display:inline;}
.ss-item{margin-bottom:20px;}
/*.ss-text{float:left;}*/
input{background:white;height:25px;font-size:20px;padding:5px 5px 0;border:1px solid #737373;width:358px;}
/* Textarea */
.ss-paragraph-text textarea{background:white;border:1px solid #333;width:758px;height:100px;}
/* Highlighted */
.ss-checkbox{background:#ecf1f3;margin:0 -20px;margin-bottom:20px;padding:10px 20px 10px 20px;border-top:1px solid #a9b4b8;border-bottom:1px solid #a9b4b8;}
.ss-checkbox label{font-weight:normal;color:#333;display:inline;}
.ss-checkbox .ss-q-checkbox{width:auto !important;margin-right:10px;}
/* Table radio buttons*/
.errorbox-component{margin-bottom:30px;border:1px solid #333;}
.ss-grid table{width:100%;}
label.ss-gridnumber{text-align:center;margin-left:-10px;}
.ss-q-radio{width:100px !important;}
.ss-grid .ss-form-entry input{height:18px;}
.ss-leftlabel{text-align:right;background:#c0cacc;padding:5px;border-right:1px solid #a9b4b8;}
thead{background:#c0cacc;height:30px;border-bottom:1px solid #a9b4b8;}
.ss-grid-row-odd, .ss-grid-row, .ss-q-radio{background:#fff !important;}
.ss-grid-row-even{background:#eee;}
/* Submit button */
.ss-navigate input {background:url('/images/send-btn.png');text-indent:-9999px;border:none;width:113px;height:35px;float:right !important;}
.buttons input{width:113px;height:35px;float:right !important;}
/* Errors */
.errorbox-bad input, .errorbox-bad textarea, li.error input, li.error textarea{border-color:red;}