Changeset 1798

Show
Ignore:
Timestamp:
09/11/08 10:51:06 (4 months ago)
Author:
dbryson
Message:

—

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved

  • community_hive/trunk/community_hive_web/public/stylesheets/style.css

    r1720 r1798  
    1 body{ 
    2     margin: 0; 
    3     background: #eee; 
    4     font-family: Verdana; 
    5     color: #000; 
     1body 
     2{ 
     3  margin: 0; 
     4  background: #fff; 
     5  font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif; 
     6  color: #000; 
     7  font-size: 14px; 
     8} 
     9 
     10a:link,a:visited { 
     11  color: #0033CC; 
     12  font-weight: normal; 
     13  text-decoration: underline; 
     14} 
     15 
     16a:hover{ 
     17  color: #0033CC; 
     18  text-decoration: underline; 
    619} 
    720       
    8 #container{ 
    9     margin: 0 auto; 
    10     background :#fff; 
    11     width: 750px; 
    12     border-left: 2px solid #ccc; 
    13     border-right: 2px solid #ccc; 
    14     border-bottom: 2px solid #ccc; 
     21#header-wrap 
     22{ 
     23  float: left; 
     24  width: 100%; 
     25  background: #E8D5B4; 
     26  border-bottom: solid 2px #eee; 
     27} 
     28      
     29#header 
     30{ 
     31  margin: 0 auto; 
     32  text-align: left; 
     33  position: relative; 
     34  width: 850px; 
     35} 
     36 
     37p.welcome  
     38{ 
     39  position: absolute; 
     40  right: 0; 
     41  text-align: left; 
     42  top: 15px; 
     43  font-size: 12px; 
     44  color: #000; 
     45} 
     46 
     47.instruct 
     48{ 
     49  padding: 10px; 
     50  color: #444; 
     51  font-size: 12px; 
     52} 
     53 
     54#header h1  
     55{ 
     56  font-size: 26px; 
     57  float: left; 
     58  font-weight: normal; 
     59  margin: 20px auto; 
     60  color: #000; 
     61} 
     62 
     63h2 { 
     64  color: #000; 
     65  clear: both; 
     66  font-size: 18px; 
     67  font-weight: bold; 
     68  margin-top: 24px; 
     69} 
     70 
     71#tag 
     72{ 
     73  font-size: 14px; 
     74  float: left; 
     75  padding: 29px 0; 
     76  color: #785328; 
     77} 
     78 
     79 
     80/* Header-nav */ 
     81#nav  
     82{ 
     83  margin: 52px 0 0 0; 
     84  float: right; 
     85} 
     86 
     87#nav ul 
     88{ 
     89} 
     90 
     91#nav li  
     92{ 
     93  /*background: #937233;*/ 
     94  float: left; 
     95  /*height: 25px;*/ 
     96  line-height: 25px; 
     97  list-style-type: none; 
     98  padding: 0 2px 0; 
     99  text-align: center; 
     100  /*width: 85px;*/ 
     101} 
     102#nav li a  
     103{ 
     104  background: #937233; 
     105  color: #fff; 
     106  display: block; 
     107  /*height: 25px;*/ 
     108  font-size: 12px; 
     109  font-weight: normal; 
     110  padding: 0 8px 0; 
     111} 
     112#nav li a:hover { 
     113  background-color: #785328; 
     114  color: #fccd7e; 
     115  text-decoration: underline; 
     116} 
     117#nav li.active a, #nav li.active a:hover { 
     118  display: block; 
     119  background: #fff; 
     120  color: #000; 
     121} 
     122#nav li.n-home { 
     123  margin-left: 0; 
     124} 
     125 
     126#wrap, #footer 
     127{ 
     128  margin: 0 auto; 
     129  text-align: left; 
     130  width: 744px; 
     131} 
     132 
     133#content  
     134{ 
     135  width: 744px; 
     136  float: left; 
     137  padding-left: 50px; 
     138} 
     139 
     140 
     141#footer 
     142{ 
     143  border-top: 1px solid #ccc; 
     144  clear: both; 
     145  margin-top: 50px; 
     146  padding: 10px 0; 
     147  width: 744px; 
     148  font-size: 12px; 
     149  text-align: center; 
    15150} 
    16151       
    17 #header{ 
    18     background: #fff;     
    19 } 
    20        
    21 #navbar{ 
    22     text-align: center; 
    23     margin-top: 5px; 
    24     margin-bottom: 20px; 
    25     border-top: 1px solid #ccc; 
    26     border-bottom: 1px solid #ccc; 
    27     padding: 5px; 
    28     background: #FFf9d8; 
    29 } 
    30  
    31 #nav { 
    32     margin:0; 
    33     padding:0; 
    34     background:#fff9d8; 
    35 } 
    36        
    37 #nav li { 
    38     display:inline; 
    39     padding:0; 
    40     margin:0; 
    41 } 
    42        
    43 #nav a:link,#nav a:visited { 
    44     color:#000; 
    45     padding:10px 10px 5px 15px; 
    46 } 
    47  
    48 #page{ 
    49     margin: 10px; 
    50     color: #000; 
    51     font-size: 1.0em; 
    52     text-align: left; 
    53     padding-left: 25px; 
    54     padding-right: 20px; 
    55     padding-top 10px; 
    56 } 
    57  
    58 #page h2{ 
    59     color: #D69900; 
    60     font-family: Verdana; 
    61     margin:  2px; 
    62 } 
    63  
    64 #footer{ 
    65     margin-top: 70px; 
    66     font-size: small; 
    67     text-align: right; 
    68     padding: 5px; 
    69     border-top: 1px solid #ccc; 
    70     color: #444; 
    71 } 
    72        
    73 #footer a, #footer a.visited{ 
     152#footer a, #footer a.visited 
     153{ 
    74154    font-size: small; 
    75155    color: #444; 
    76156} 
    77157 
    78 form{ 
    79     padding: 10px; 
    80     border: 1px solid #ccc; 
    81     background: #eee; 
    82 } 
    83  
    84 div.flash{ 
    85     padding: 5px; 
    86     font-size: 12px; 
    87 } 
    88  
    89 div.flash_error{ 
    90     color: red; 
    91 } 
    92  
    93 .flash_message{ 
    94     color: green; 
    95 } 
    96  
    97 table.search{ 
     158 
     159 
     160form 
     161{ 
     162  padding: 5px; 
     163  /*border: 1px solid #ccc;*/ 
     164  /*background: #eee;*/ 
     165} 
     166 
     167div.flash 
     168{ 
     169  padding: 5px; 
     170  font-size: 12px; 
     171} 
     172 
     173 
     174table.search 
     175{ 
    98176  border: none; 
    99177  width: 500px; 
    …… 
    101179} 
    102180 
    103 table.search td{ 
     181table.search td 
     182{ 
    104183  border-bottom: 1px solid #ccc; 
    105184  padding: 7px; 
    106185} 
    107186 
    108 img{ 
     187img 
     188{ 
    109189    border: 0px; 
    110190} 
     191 
     192.keys 
     193{ 
     194  font-size: 12px; 
     195  color: #444; 
     196  font-weight: bold; 
     197} 
     198 
     199/* Alerts and notifications */ 
     200.success { 
     201  border: 1px solid #FFCC66; 
     202  background-color: #FFFFCC; 
     203  font-size: 12px; 
     204  padding: 6px; 
     205} 
     206.notice { 
     207  border: 1px solid #FFCC66; 
     208  background-color: #FFFFCC; 
     209  font-size: 12px; 
     210  padding: 6px; 
     211} 
     212.error { 
     213  border: 1px solid #FFCC66; 
     214  background-color: #FFFFCC; 
     215  font-size: 12px; 
     216  padding: 6px; 
     217} 
     218 
     219.error, 
     220.notice,  
     221.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; 
     222              margin-top: 1em; } 
     223 
     224.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; } 
     225.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; } 
     226.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; } 
     227 
     228.errorExplanation { 
     229  border: 1px solid #FFCC66; 
     230  background-color: #FFFFCC; 
     231  margin-bottom: 1em; 
     232  padding: 1em; 
     233} 
     234.errorExplanation h2 { 
     235  background: 0; 
     236  border: 0; 
     237  font-size: 1.2em; 
     238  margin-top: 0; 
     239  padding: 0; 
     240} 
     241.pagination { 
     242  border-bottom: 1px solid #eee; 
     243  font-size: 12px; 
     244  padding-bottom: 12px; 
     245  text-align: center; 
     246  margin-bottom: 12px; 
     247} 
     248 
     249 
     250 
     251/* Forms */ 
     252 
     253.form_row { 
     254  position: relative; 
     255} 
     256 
     257form { 
     258  padding-bottom: 1em; 
     259  margin-bottom: 2em; 
     260} 
     261input, textarea { 
     262  font-family: Helvetica, Arial, Univers, sans-serif; 
     263  font-size: 12px; 
     264  padding: 3px 3px 
     265} 
     266textarea { 
     267  line-height: 1.4em; 
     268} 
     269label  { 
     270  display: block; 
     271  font-size: 14px; 
     272  font-weight: bold; 
     273  margin-bottom: .5em; 
     274} 
     275input, textarea, select { 
     276  margin-bottom: 1em; 
     277} 
     278input.button, button, input[submit], input[button] { 
     279  background: #e5e5e5; 
     280  border: 1px solid #ccc; 
     281  clear: both; 
     282  cursor: pointer; 
     283/*  display: block;*/ 
     284  font-family: Helvetica, Arial, Univers, sans-serif; 
     285  font-size: 12px; 
     286  height: 32px; 
     287  padding: 3px 12px; 
     288} 
     289 
     290form, div, h2, ul, li {zoom: 1;}