public/stylesheets/default.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 #003f87; margin-bottom: 1em; }
  16 #footer { border-top: 1px dotted #001833; margin-top: 1em; text-align: center; font-size: small; padding: 1em; }
  17
  18 /* ========= FLASH ========== */
  19 div.flash { text-align: center; }
  20 span.flash { padding: 0.2em 2em; -moz-border-radius: 0.2em; font-size: 11pt; font-weight: bold; color: #000; }
  21 #notice { background-color: #084fa1;; color: #fff; } /* friendly, you've logged in! */
  22 #warning { background-color: #cc0000; color: #fff; } /* error, your login failed! */
  23 #message { background-color: #fce94f; }  /* normal, updates were saved */
  24
  25 /* ========= TOP BAR ========== */
  26
  27 #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; }
  28 #top_bar .logged_in_message { padding: 0.2em; float: left; padding-left: 0.5em }
  29 #top_bar .account_message { padding: 0.2em; float: right; padding-right: 0.5em }
  30 #top_bar .login { font-weight: bold; }
  31
  32 /* ========= TOOLBAR ========== */
  33 #toolbar a { text-decoration: none; padding: 0.2em 0.5em 0em 0.5em; border: 1px solid #003f87; border-bottom: none; -moz-border-radius: 0.2em 0.2em 0em 0em; font-weight: bold; color: #fff; background-color: #003f87; }
  34 #toolbar a:hover { background-color: #224da9; }
  35
  36 /* ========= ACCOUNT ========== */
  37
  38 div.account { width: 20em; }
  39 div.account div.login, div.account div.signup { margin: 1em 0pt; }
  40
  41 /* ========= INPUTS ========== */
  42
  43 input[type="text"], input[type="password"], textarea {
  44         padding: 0.1em;
  45         border: 1px solid #001833;
  46         background-color: #fafafa;
  47         color: #222;
  48   width: 100%;
  49 }
  50
  51 textarea { padding: 0px }
  52
  53 input[type="text"], input[type="password"] {
  54   font-size: 18pt;
  55   font-family: sans-serif;
  56         padding: 0.2em;
  57   font-weight: bold;
  58 }
  59
  60 textarea { height: 10em; }
  61
  62 input[type="submit"] {
  63         font-size: 12pt;
  64         font-weight: bold;
  65         padding: 0 1em 0.1em 1em;
  66         background-color:#003f87;
  67         color: #fff;
  68         border: 2px outset #04244a;
  69   margin: 0.5em 0em;
  70 }
  71
  72 input[type="submit"]:hover {
  73         background-color: #084fa1;
  74 }
  75
  76 input.blue-button {
  77         background-color: #0066dd;
  78         border: 2px outset #0033aa;
  79         color: #fff;
  80 }
  81
  82 input.green-button {
  83         background-color: #5cc400;
  84         border: 2px outset #57e925;
  85         color: #fff;
  86 }
  87
  88 input.blue-button:hover {
  89         background-color: #0099ff;
  90 }
  91
  92 input.green-button:hover {
  93         background-color: #7ee600;
  94 }
  95
  96 /* ========= ISSUES ========== */
  97
  98 ul.issues { list-style: none; }
  99 li.issue { }
 100
 101 div.issue-comments { width: 30em; }
 102
 103 div.issue div.entry-title { font-size: x-large; font-weight: bold; margin: 1em 0pt; }
 104 div.issue div.entry-title a { font-size: x-small; }
 105 div.issue div.issue-meta { font-size: small; }
 106 div.issue div.entry-content { margin: 1em 0pt; }
 107 div.issue .created_by {  }
 108 div.issue .created_at { float: right; }
 109 div.issue .updated_at { float: right; }
 110
 111 /* ========= COMMENTS ========== */
 112
 113 .comment { border: 1px dotted #333; margin: 1em 0pt;  padding: 0.5em; }
 114 .comment .title { font-size: large; }
 115 .comment .permalink { float: right; }
 116 .comment .entry-content { margin-bottom: 0.5em; }
 117 .comment .comment_meta { font-size: small; margin-top: 0.5em; }
 118 .comment .comment_meta .created_by {  }
 119 .comment .comment_meta .created_at { float: right; }
 120 .comment .comment_meta .updated_at { float: right; }
 121
 122 /* ======= SCAFFOLD DEFAULT ======= */
 123
 124
 125 pre {
 126   background-color: #eee;
 127   padding: 10px;
 128   font-size: 11px;
 129 }
 130
 131 .fieldWithErrors {
 132   border: 2px solid red;
 133 }
 134
 135 #errorExplanation {
 136   border: 1px solid #c00;;
 137   padding-bottom: 1.5em;
 138   margin-bottom: 2em;
 139   background-color: #f0f0f0;
 140 }
 141
 142 #errorExplanation h2 {
 143   text-align: left;
 144   font-weight: bold;
 145   padding: 0.5em;
 146   font-size: small;
 147   background-color: #c00;
 148   color: #fff;
 149 }
 150
 151 #errorExplanation p {
 152   color: #333;
 153   margin: 1em;
 154 }
 155
 156 #errorExplanation ul li {
 157   font-size: small;
 158   list-style: square;
 159 }
 160
 161 div.uploadStatus {
 162   margin: 5px;
 163 }
 164
 165 div.progressBar {
 166   margin: 5px;
 167 }
 168
 169 div.progressBar div.border {
 170   background-color: #fff;
 171   border: 1px solid grey;
 172   width: 100%;
 173 }
 174
 175 div.progressBar div.background {
 176   background-color: #333;
 177   height: 18px;
 178   width: 0%;
 179 }
 180
 181
 182
 183