gist: 127817


  
    
      nice_scaffold.css
    
    
      
      
        embed
        
      
      
      
      raw
    
  
  
  
    
      
        
          
            
            1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102

          
          
            
              /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~                            nice_scaffold.css                          ~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 
/* ~~~ Body ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body 
  { color: #222; 
    background: #fff;
    font-size: 75%; 
    font-family: 'Lucida Grande', Helvetica, Verdana, sans-serif; 
    margin: 4em; }
 
/* ~~~ Headers ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
h1, h2, h3,h4,h5, h6 
  { color: #444; }
 
h1
  { color: #666;
    font-size: 140%;
    border-bottom: 2px solid #666; 
    margin-bottom: 1em; }
 
/* ~~~ Typography ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
p
  { margin: 0; }
pre 
  { padding: 1em;
    background: #f8f8f8;
    border: 1px solid #eee; 
    white-space: pre; }
a img
  { border: none; }
 
a, a:visited  
  { color: #305899; }
  
hr 
  { background: #ddd; 
    height: .1em;
    border: none;
    margin: 1.5em 0 1.5em 0; }
 
 
/* ~~~ Tables ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
table
  { border-collapse: collapse; }
 
th
  { background-color: #eee; }
td
  { padding: 0.5em;
    border: 1px solid #eee; }
    
/* ~~~ Forms ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
form
  { border: 1px solid #ccc;
    margin: 0 0 0.5em 0; padding: 1em; }
 
input[type=text]
  { padding: 0.3em;
    border: 1px solid #666; }
 
/* ~~~ Form errors ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#errorExplanation
  { background-color: #f0f0f0;
    border: 2px solid #c00; 
    padding: 0 0 1em 0; margin-bottom: 1.5em; }
#errorExplanation h2 {
  color: #fff;
  background-color: #c00;
  font-size: 115%;
  padding: 0.5em 0.5em 0.8em 0.5em;
  margin: 0; }
#errorExplanation p
  { color: #333;
    margin: 1em 1em 0.5em 0.5em; }
#errorExplanation ul
  { margin: 0; 
    list-style: square; }
    
.fieldWithErrors 
  { padding: 1px;
    background-color: #c00;
    display: table; }
.fieldWithErrors input[type=text],
.fieldWithErrors input[type=password],
.fieldWithErrors textarea 
  { border: 2px solid #CC0000; }
 
.formError 
  { color: #CC0000; }  
 
/* Success, error & notice boxes for messages and errors adapted from Blueprint CSS framework */
/* (c) Blueprint CSS framework and its authors */
/* http://code.google.com/p/blueprintcss/source/browse/blueprint/trunk/blueprint/src/forms.css */ 
.error,
.notice     { color: #FFFFFF; font-weight: bold; margin-bottom: 1.5em; padding: 0.8em 1em; }
.error      { background: #CC0000; }
.notice     { background: #00AA00; }
.error a,
.notice a   { color: #D12F19; text-decoration: underline; }