/[drupal]/contributions/themes/beach/css/beach.css
ViewVC logotype

Diff of /contributions/themes/beach/css/beach.css

Parent Directory Parent Directory | Revision Log Revision Log | View Revision Graph Revision Graph | View Patch Patch

revision 1.6, Tue Apr 28 21:58:18 2009 UTC revision 1.7, Fri May 1 09:18:54 2009 UTC
# Line 1  Line 1 
1  /* $Id$ */  /* $Id: beach.css,v 1.6 2009/04/28 21:58:18 gibbozer Exp $ */
2    
3  /**  /**
4   * Master Layout   * Master Layout
# Line 19  Line 19 
19  }  }
20    
21  .sidebar {  .sidebar {
22    width: 200px;    width: 220px;
23  }  }
24    
25  #sidebar-right {  #sidebar-right {
# Line 27  Line 27 
27  }  }
28    
29  .two-sidebars #main-content .inner {  .two-sidebars #main-content .inner {
30    margin-left: 210px;    margin-left: 230px;
31    margin-right: 210px;    margin-right: 230px;
32  }  }
33    
34  .sidebar-right #main-content .inner {  .sidebar-right #main-content .inner {
35    margin-right: 210px;    margin-right: 230px;
36  }  }
37    
38  .sidebar-left #main-content .inner {  .sidebar-left #main-content .inner {
39    margin-left: 210px;    margin-left: 230px;
40  }  }
41    
42  .inner {  .inner {
43    padding: 10px 20px;    padding: 20px;
44  }  }
45    
46  /**  /**
# Line 87  Line 87 
87    margin: 0 0 10px 0;    margin: 0 0 10px 0;
88  }  }
89    
90  a#logo {  a#logo img {
91    display: block;    display: block;
92    width: 180px;    margin-bottom: 5px;
93    padding: 5px 10px;    /*width: 180px;*/
94      padding: 15px 20px;
95    background: transparent url(../images/orange-trans-75.png) 0 0 repeat;    background: transparent url(../images/orange-trans-75.png) 0 0 repeat;
96  }  }
97    
98  a:hover#logo {  a:hover#logo img {
99    background: transparent url(../images/blue-trans-75.png) 0 0 repeat;    background: transparent url(../images/blue-trans-75.png) 0 0 repeat;
100  }  }
101    
102  #name-slogan {  #name-slogan {
103    padding: 0 10px;    padding: 10px 20px;
104  }  }
105    
106  #slogan {  #slogan {
# Line 113  h1#site-name, Line 114  h1#site-name,
114    line-height: 1.3;    line-height: 1.3;
115  }  }
116    
117    #site-name a {
118      color: #000;
119    }
120    #site-name a:hover {
121      color: #f60;
122    }
123    
124  /* Primary Menu */  /* Primary Menu */
125  #primary-menu {  #primary-menu {
126    float: right;    float: right;
127    width: 200px;    width: 220px;
128    margin: 0 0 10px 0;    padding: 0;
129    background: transparent url(../images/white-trans-bg.png) 0 0 repeat;    margin: 0 0 20px 0;
130      /*background: transparent url(../images/white-trans-bg.png) 0 0 repeat;*/
131  }  }
132    
133  #primary-menu ul,  #primary-menu ul,
# Line 130  h1#site-name, Line 139  h1#site-name,
139    
140  #primary-menu a {  #primary-menu a {
141    display: block;    display: block;
142    padding: 3px 10px;    padding: 4px 20px;
143    color: #777;    color: #000;
144    font-size: 1.2em;    font-size: 1.2em;
145    font-weight: bold;    line-height: 1.7em;
146    /*text-transform: uppercase;*/    /*font-weight: bold;*/
147      text-align: right;
148    text-decoration: none;    text-decoration: none;
149  }  }
150  #primary-menu a:hover {  #primary-menu a:hover {
   color: #e63;  
   background: transparent url(../images/white-trans-50.png) 0 0 repeat;  
 }  
 #primary-menu a.active {  
151    color: #fff;    color: #fff;
152    background: transparent url(../images/blue-trans-75.png) 0 0 repeat;    background: transparent url(../images/blue-trans-75.png) 0 0 repeat;
153  }  }
154    #primary-menu a.active {
155      color: #e63;
156      background: transparent url(../images/white-trans-50.png) 0 0 repeat;
157      /*cursor: text;*/
158    }
159    
160  /* Secondary Menu */  /* Secondary Menu */
161  #menu-bar {  #menu-bar {
162    clear: both;    clear: both;
163    margin: 0 0 10px 0;    margin: 0 0 10px 0;
164    padding: 5px 10px;    padding: 5px 20px;
165    background: transparent url(../images/white-trans-50.png) 0 0 repeat;    background: transparent url(../images/white-trans-50.png) 0 0 repeat;
166    -moz-border-radius: 3px;    -moz-border-radius: 3px;
167    -webkit-border-radius: 3px;    -webkit-border-radius: 3px;
# Line 194  body { Line 205  body {
205    
206  a:link {  a:link {
207  /*  color: #6bd;*/  /*  color: #6bd;*/
208    color: #49b;    /*color: #49b;*/
209      color: #e63;
210    text-decoration: none;    text-decoration: none;
211  }  }
212    
213  a:visited {  a:visited {
214    color: #057;    color: #057;
215      color: #b30;
216    text-decoration: none;    text-decoration: none;
217  }  }
218    
219  a:hover {  a:hover {
220    color: #e63;    color: #e63;
221      color: #49b;
222  }  }
223    
224  a:focus {  a:focus {
# Line 227  a:active { Line 241  a:active {
241  }  }
242    
243  #middle-wrapper {  #middle-wrapper {
244    background: #6ad/*#f5f1da*/ url(../images/sand.png) 50% 0 repeat-x;    background: #379/*#6ad/*#f5f1da*/ url(../images/sand.png) 50% 0 repeat-x;
245    padding: 0;    padding: 0;
246  }  }
247    
# Line 236  a:active { Line 250  a:active {
250  }  }
251    
252  #bottom-wrapper {  #bottom-wrapper {
253    background: #83C1FB;    background: #379;
254  }  }
255  /*  /*
256  .section {  .section {
# Line 245  a:active { Line 259  a:active {
259    
260  /* node */  /* node */
261  .node {  .node {
262    margin-bottom: 40px;    margin-bottom: 20px;
263  /*  padding: 10px;    padding: 20px;
264    background: transparent url(../images/white-trans-bg.png) 0 0 repeat;*/    background: transparent url(../images/white-trans-90.png) 0 0 repeat;
265      border: 1px solid #f5f5f5;
266    }
267    
268    .post-info {
269      padding: 5px 0;
270    }
271    
272    .post-date,
273    .post-info a {
274      margin-right: 4px;
275      padding-right: 6px;
276      border-right: 1px solid #fff;
277  }  }
278    
279  h1.title {  h1.title {
280    border-bottom: 1px dashed #ddd;    font-size: 2.5em;
281      color: #000;
282      border-top: 1px solid #fff;
283    }
284    
285    .node h1.title {
286    margin-bottom: 1em;    margin-bottom: 1em;
287  }  }
288    
289  .title a {  h2.node-title {
290    color: #e63;    font-size: 1.8em;
291      margin-bottom: 1em;
292    }
293    
294    .node-title a {
295      display: block;
296      /*color: #e63;*/
297      color: #000;
298      border-top: 1px solid #f5f5f5;
299  }  }
300  .title a:hover {  .node-title a:hover {
301    color: #6bd;    /*color: #6bd;*/
302      /*color: #e63;*/
303      color: #777;
304      border-top: 1px dashed #eee;
305  }  }
306    
307  .submitted {  ul.primary {
308    float: left;    margin: 0 0 20px 0;
309    width: 140px;    padding: 10px 20px;
310    margin: 0.5em 1em 0.5em 0; /* LTR */    /*background: transparent url(../images/black-trans-50.png) 0 0 repeat;*/
311    padding: 2px 10px;    background: #fff;
312    background: transparent url(../images/green-trans-50.png) 0 0 repeat;    border: 0 none;
   -moz-border-radius: 5px;  
   -webkit-border-radius: 5px;  
   border-radius: 5px;  
313  }  }
314    
315  .terms,  ul.primary li {
316  .node-links {  
   clear: both;  
317  }  }
318    
319  .terms {  ul.primary li a {
320  /*  margin: 10px 0;    margin: 0;
321    padding: 5px 10px;    padding: 0 10px 0 0;
322    background: #fff;*/    background: transparent;
323      border: 0 none;
324  }  }
325    
326  .terms li {  ul.primary li a:hover {
327      background: transparent;
328      border: 0 none;
329    }
330    
331    ul.primary li.active a {
332      color: #000;
333      background: transparent;
334      border: 0 none;
335    }
336    
337    .node-more {
338    margin: 0;    margin: 0;
339    padding: 0;    padding: 0;
340  }  }
341  .terms li a {  
342    display: block;  .node-more a {
343    padding: 2px 0 2px 20px;    font-size: 1.2em;
344    background: transparent url(../images/icons/tag_blue.png) 0 50% no-repeat;    font-weight: bold;
345      color: #eee;
346      background: #d52;
347      color: #fff;
348      background: #f60;
349      /*background: transparent url(../images/orange-trans-75.png) 0 0 repeat;*/
350      padding: 0.3em 0.6em;
351      -moz-border-radius: 5px;
352      -webkit-border-radius: 5px;
353      border-radius: 5px;
354    }
355    
356    .node-more a:hover {
357      color: #fff;
358      background: #f60;
359      background: #d52;
360      /*background: #bd5;*/
361      /*background: transparent url(../images/green-trans-bg.png) 0 0 repeat;*/
362      /*background: transparent url(../images/black-trans-50.png) 0 0 repeat;*/
363  }  }
364  .terms li a:hover {  
365    background: transparent url(../images/icons/tag_orange.png) 0 50% no-repeat;  .submitted {
366      float: left;
367      width: 140px;
368      margin: 0.5em 1em 0.5em 0; /* LTR */
369      padding: 2px 10px;
370      background: transparent url(../images/green-trans-50.png) 0 0 repeat;
371      -moz-border-radius: 5px;
372      -webkit-border-radius: 5px;
373      border-radius: 5px;
374  }  }
375    
376  .node-links {  .node-links {
377    padding: 5px 0;    padding: 5px 10px;
378      background: #f5f5f5;
379    text-align: right; /* LTR */    text-align: right; /* LTR */
380    border-top: 1px dashed #ddd;    /*border-top: 1px solid #ddd;
381    border-bottom: 1px dashed #ddd;    border-bottom: 1px solid #ddd;*/
382  }  }
383    
384  .node-links a {  .node-links a {
# Line 361  h1.title { Line 438  h1.title {
438  /* block */  /* block */
439  .block {  .block {
440    margin: 0 0 10px 0;    margin: 0 0 10px 0;
441    padding: 10px;    padding: 10px 20px;
442    color: #fff;    color: #fff;
443    background: transparent url(../images/blue-trans-50.png) 0 0 repeat;    background: transparent url(../images/blue-trans-50.png) 0 0 repeat;
444    /*border: 1px solid #fff;    /*border: 1px solid #fff;
# Line 576  div.comment span.new { Line 653  div.comment span.new {
653    margin-right: 60px;    margin-right: 60px;
654    font-size: 1em;    font-size: 1em;
655    line-height: 1.4em;    line-height: 1.4em;
656    }
657    
658    /**
659     * Mission blocks
660     */
661    #mission {
662      font-size: 1.2em;
663      padding: 20px;
664      margin-bottom: 20px;
665      color: #333;
666      background: #fff;
667      border: 1px solid #f9f9f9;
668  }  }
Legend:
Removed from v.1.6  
changed lines
  Added in v.1.7
  ViewVC Help
Powered by ViewVC 1.1.2