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