public/stylesheets/scaffold.css

   1 /* ========= STANDARD ========== */
   2
   3 * { font-family: "Bitstream Vera Sans", "Liberation Sans", sans-serif; }
   4
   5 body {  text-align: center; font-size: 14pt; color: #222; background-color: #fff; margin: 0pt; }
   6
   7 a { color: #0066dd; background-color: inherit; }
   8 a:visited { color: #0066dd; }
   9 a:hover { color: #0066dd; }
  10
  11 label { display: block; font-size: small; color: #333; }
  12 span.created_on_full { color: #888; font-size: small; }
  13
  14 #content { margin: 2em;  margin-left: auto; margin-right: auto; text-align: left; width: 50em; }
  15 #header { border-bottom: 2px solid #001833; margin-bottom: 1em; }
  16 #footer { border-top: 1px dotted #001833; margin-top: 1em; text-align: center; font-size: small; padding: 1em; }
  17
  18 #notice { color: green; }
  19 #warning { color: red; }
  20 #message { font-weight: bold; }
  21
  22 /* ========= TOP BAR ========== */
  23
  24 #top_bar { width: 100%; height: 1.5em; margin: 0pt; text-align: left; font-size: 10pt; background-color: #fffccc; color: #333; border-bottom: 1px solid #999; padding: 0pt; }
  25 #top_bar .logged_in_message { padding: 0.2em; float: left; padding-left: 0.5em }
  26 #top_bar .account_message { padding: 0.2em; float: right; padding-right: 0.5em }
  27 #top_bar .login { font-weight: bold; }
  28
  29 /* ========= ACCOUNT ========== */
  30
  31 div.account { width: 400px; }
  32 div.account div.login, div.account div.signup { margin: 1em 0pt; }
  33
  34 /* ========= INPUTS ========== */
  35
  36 input[type="text"], input[type="password"], textarea {
  37         padding: 0.1em;
  38         border: 1px solid #001833;
  39         background-color: #fafafa;
  40         color: #222;
  41   width: 100%;
  42 }
  43
  44 input[type="text"], input[type="password"] {
  45   font-size: 18pt;
  46   font-family: sans-serif;
  47         padding: 0.2em;
  48   font-weight: bold;
  49 }
  50
  51 textarea { height: 10em; }
  52
  53 input[type="submit"] {
  54         font-size: 12pt;
  55         font-weight: bold;
  56         padding: 0 1em 0.1em 1em;
  57         background-color:#003f87;
  58         color: #fff;
  59         border: 2px outset #04244a;
  60 }
  61
  62 input[type="submit"]:hover {
  63         background-color: #084fa1;
  64 }
  65
  66 input.blue-button {
  67         background-color: #0066dd;
  68         border: 2px outset #0033aa;
  69         color: #fff;
  70 }
  71
  72 input.green-button {
  73         background-color: #5cc400;
  74         border: 2px outset #57e925;
  75         color: #fff;
  76 }
  77
  78 input.blue-button:hover {
  79         background-color: #0099ff;
  80 }
  81
  82 input.green-button:hover {
  83         background-color: #7ee600;
  84 }
  85
  86 /* ========= ISSUES ========== */
  87
  88 ul.issues { list-style: none; }
  89 li.issue { }
  90
  91 div.issue-comments { width: 30em; }
  92
  93 div.issue div.entry-title { font-size: large; font-weight: bold; margin: 1em 0pt; }
  94 div.issue div.issue-meta { font-size: small; }
  95 div.issue div.entry-content { margin: 1em 0pt; }
  96 div.issue .author {  }
  97 div.issue .created_at { float: right; }
  98 div.issue .updated_at { float: right; }
  99
 100 /* ========= COMMENTS ========== */
 101
 102 .comment { border: 1px dotted #333; margin: 1em 0pt;  padding: 0.5em; }
 103 .comment .title { font-size: large; }
 104 .comment .permalink { float: right; }
 105 .comment .entry-content { margin-bottom: 0.5em; }
 106 .comment .comment_meta { font-size: small; margin-top: 0.5em; }
 107 .comment .comment_meta .author {  }
 108 .comment .comment_meta .created_at { float: right; }
 109 .comment .comment_meta .updated_at { float: right; }
 110
 111 /* ======= SCAFFOLD DEFAULT ======= */
 112
 113
 114 pre {
 115   background-color: #eee;
 116   padding: 10px;
 117   font-size: 11px;
 118 }
 119
 120 .fieldWithErrors {
 121   border: 2px solid red;
 122 }
 123
 124 #errorExplanation {
 125   border: 1px solid #c00;;
 126   padding-bottom: 1.5em;
 127   margin-bottom: 2em;
 128   background-color: #f0f0f0;
 129 }
 130
 131 #errorExplanation h2 {
 132   text-align: left;
 133   font-weight: bold;
 134   padding: 0.5em;
 135   font-size: small;
 136   background-color: #c00;
 137   color: #fff;
 138 }
 139
 140 #errorExplanation p {
 141   color: #333;
 142   margin: 1em;
 143 }
 144
 145 #errorExplanation ul li {
 146   font-size: small;
 147   list-style: square;
 148 }
 149
 150 div.uploadStatus {
 151   margin: 5px;
 152 }
 153
 154 div.progressBar {
 155   margin: 5px;
 156 }
 157
 158 div.progressBar div.border {
 159   background-color: #fff;
 160   border: 1px solid grey;
 161   width: 100%;
 162 }
 163
 164 div.progressBar div.background {
 165   background-color: #333;
 166   height: 18px;
 167   width: 0%;
 168 }
 169
 170
 171
 172