/[drupal]/contributions/themes/abarre/style.css
ViewVC logotype

Diff of /contributions/themes/abarre/style.css

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

revision 1.1.4.2, Fri Jul 18 20:09:56 2008 UTC revision 1.1.4.3, Fri Aug 1 00:01:21 2008 UTC
# Line 1  Line 1 
1  /* Abarre, for Drupal 5.0 */  /*
2  /* Hubert Florin at Raincity Studios */          $Id: style.css,v 1.1 2008/07/18 04:17:45 couzinhub Exp $
3  /* www.raincitystudios.com */          Abarre, for Drupal 5.0
4            Hubert Florin at Raincity Studios
5            www.raincitystudios.com
6    */
7    
8  /*------------------------------------  /*------------------------------------
9                                                  Reset CSS                                                  Reset CSS
# Line 23  body{ Line 26  body{
26          font-family:"trebuchet ms",arial,sans-serif;          font-family:"trebuchet ms",arial,sans-serif;
27          font-size:0.85em;          font-size:0.85em;
28          background:#f7f7f1 url(images/bg.gif) repeat-y;          background:#f7f7f1 url(images/bg.gif) repeat-y;
29            min-width: 800px;
30            max-width: 1300px;
31  }  }
32  #header{  #header{
         position:relative;  
         height:80px;  
33          border-bottom:1px dotted #D2D2BB;          border-bottom:1px dotted #D2D2BB;
34          margin:20px 40px 0 340px;          position:relative;
35            margin:20px 80px 10px 330px;
36            padding-bottom:10px;
37  }  }
38  #content{  .column {
39          clear:left;          float:left;
40          padding:0 35px 0 340px;          position:relative;
41  }  }
42  #main{  #main{
43            padding:0 80px 0 330px;
44          color:#545454;          color:#545454;
         width:100%;  
45  }  }
46  #content .column{  #content {
47          float:left;          margin-bottom:20px;
48          position:relative;    width: 100%;
49            min-height:450px;
50  }  }
51  #sidebar-left{  #sidebar-left {
52          text-align:right;          text-align:right;
53          margin-left:-100%;          width:291px;
54          right:340px;          right:330px;
55          width:300px;          margin-left: -100%;
56    }
57    #footer{
58            height:45px;
59            background:transparent url(images/footer-corner.gif) no-repeat top left;
60            clear:both;
61            margin:0 30px 10px 225px;
62  }  }
63    
64  /*------------------------------------  /*------------------------------------
# Line 61  body{ Line 73  body{
73          float:left;          float:left;
74          margin-right:15px;          margin-right:15px;
75  }  }
 #name-and-slogan{  
 }  
76  #site-slogan{  #site-slogan{
77          font-weight:bold;          font-size:1.3em;
         font-size:0.9em;  
78          color:#d63e03;          color:#d63e03;
         margin:0;  
79  }  }
80  #search-theme-form{  #search-theme-form{
81          position:absolute;          position:absolute;
# Line 82  body{ Line 90  body{
90  #sidebar-left a{  #sidebar-left a{
91          text-decoration: none;          text-decoration: none;
92  }  }
93    #sidebar-left a:hover{
94            color:#8A2A03;
95    }
96    
97  #sidebar-left li a.active{  #sidebar-left li a.active{
98          color:#575446;          color:#575446;
99  }  }
100  #sidebar-left .block{  #sidebar-left .block{
101          margin:10px 16px 5px 0;          margin:10px 0 20px 0;
102          padding:0 0 10px 15px;          padding:0 0 0 15px;
103          background:transparent url(images/hover-block.gif) repeat-x;          background:transparent url(images/hover-block.gif) no-repeat top left;
104  }  }
105  #sidebar-left h2.title{  #sidebar-left h2.title{
106          margin:6px 0 0;          margin:6px 7px 0 0;
107          float:right;          float:right;
108          font-size:1.2em;          font-size:1.2em;
109          color:#575446;          color:#575446;
110          padding:0 10px;          padding:0 10px 0 15px;
111          background-color:#C7C2A9;          background-color:#C7C2A9;
112  }  }
113  #sidebar-left .node{  #sidebar-left .node{
# Line 108  body{ Line 120  body{
120  }  }
121  #sidebar-left ul{  #sidebar-left ul{
122          padding:0;          padding:0;
123          margin:0px 10px 5px 0;          margin:5px 0 5px 0;
124          text-align:right;          text-align:right;
125  }  }
 #sidebar-left ul ul{  
         display:none;  
 }  
126  #sidebar-left ul li {  #sidebar-left ul li {
127          color:#575446;          color:#575446;
128          list-style:none;          list-style:none;
129          list-style-image:none;          list-style-image:none;
130            padding:0 0 3px;
131  }  }
132  #sidebar-left ul li a{  #sidebar-left ul li a{
133          background:transparent url(images/side-li.gif) no-repeat center right;          background:transparent url(images/side-li.gif) no-repeat center right;
134          padding-right:20px;          padding-right:20px;
135          position:relative;          margin-right:-18px;
         left:27px;  
 }  
 #sidebar-left .links ul li a,  
 #sidebar-left .links ul li a.active,  
 #sidebar-left .links ul li a:hover,  
 #sidebar-left .taxonomy ul li a,  
 #sidebar-left .taxonomy ul li a:hover,  
 #sidebar-left .taxonomy ul li a.active,  
 #sidebar-left .quicktabs_wrapper ul li a,  
 #sidebar-left .quicktabs_wrapper ul li a:hover,  
 #sidebar-left .quicktabs_wrapper ul li a.active{  
         background:none;  
         position:static;  
136  }  }
137  #sidebar-left ul li a:hover, #sidebar-left ul li a.active{  #sidebar-left ul li a:hover, #sidebar-left ul li a.active{
138          background:transparent url(images/side-li-active.gif) no-repeat center right;          background:transparent url(images/side-li-active.gif) no-repeat center right;
139  }  }
140    #sidebar-left ul ul{
141            margin:5px 2px 5px 0;
142    }
143    #sidebar-left ul ul ul{
144            font-size:0.8em;
145            margin-right:0;
146            padding-bottom:10px;
147    }
148    #sidebar-left ul ul li a{
149            color:#d63e03;
150            background:transparent url(images/primary.gif) no-repeat center right;
151    }
152    #sidebar-left ul ul li a:hover, #sidebar-left ul ul li a.active{
153            color:#8A2A03;
154            background:transparent url(images/primary-active.gif) no-repeat center right;
155    }
156    #sidebar-left ul ul ul li a{
157            color:#d63e03;
158            background:transparent none;
159    }
160    #sidebar-left ul ul ul li a:hover, #sidebar-left ul ul ul li a.active{
161            color:#8A2A03;
162            background:transparent none;
163    }
164    
165  #sidebar-left .block .content{  #sidebar-left .block .content{
166          clear:right;          clear:right;
167          margin:0;          margin:0;
168          padding:10px 10px 0 0;          padding:10px 18px 0 0;
169    }
170    #sidebar-left .content{
171            color:#747163;
172    }
173    #sidebar-left tr.even{
174            background-color:transparent;
175  }  }
176    #sidebar-left tr, #sidebar-left td{
177            border-bottom:1px solid #747163;
178    }
179    
180    
181  /* ----- Primary / Secondary Links --------- */  /* ----- Primary / Secondary Links --------- */
182    
183  #sidebar-left .primary-links,  #sidebar-left .links{
 #sidebar-left .secondary-links{  
184          background:none;          background:none;
185          margin:0;          margin:0;
186          padding:0;          padding:0;
187  }  }
188  #sidebar-left .primary-links li,  #sidebar-left .links li{
 #sidebar-left .secondary-links li{  
189          display:block;          display:block;
190          background:transparent;          background:transparent;
191          margin:5px 0;          margin:5px 0;
192          padding:0;          padding:0;
193  }  }
194  #sidebar-left .primary-links li a,  #sidebar-left .links li a{
 #sidebar-left .secondary-links li a{  
195          color:#575446;          color:#575446;
196          background:transparent url(images/primary.gif) no-repeat center right;          background:transparent url(images/primary.gif) no-repeat center right;
197          font-size:1em;          font-size:1em;
198          font-weight:bold;          font-weight:bold;
199          position:static;          position:static;
200          margin-right:12px;          margin-right:3px;
201          text-transform:capitalize;          text-transform:capitalize;
202  }  }
203  #sidebar-left .secondary-links li a{  #sidebar-left .links li a.active, #sidebar-left  .links li a:hover{
         color:#948F77;  
 }  
 #sidebar-left .primary-links li a.active, #sidebar-left  .primary-links li a:hover,  
 #sidebar-left .secondary-links li a.active, #sidebar-left  .secondary-links li a:hover{  
204          color:#d63e03;          color:#d63e03;
205          background:transparent url(images/primary-active.gif) no-repeat center right;          background:transparent url(images/primary-active.gif) no-repeat center right;
206  }  }
207  #sidebar-left #secondary-links.block:hover{  
         background-image:none;  
 }  
 #sidebar-left #secondary-links li a{  
         left:24px;  
         background:transparent url(images/primary.gif) no-repeat center right;  
 }  
 #sidebar-left #secondary-links li a.active, #sidebar-left #secondary-links li a:hover{  
         background:transparent url(images/primary-active.gif) no-repeat center right;  
 }  
 #sidebar-left .content{  
         color:#747163;  
 }  
 #sidebar-left tr.even{  
         background-color:transparent;  
 }  
 #sidebar-left tr, #sidebar-left td{  
         border-bottom:1px solid #747163;  
 }  
208    
209  /* ----- Navigation --------- */  /* ----- Navigation --------- */
210    
# Line 231  body{ Line 238  body{
238                                                  Main Content Design                                                  Main Content Design
239  ------------------------------------*/  ------------------------------------*/
240    
241  #main .links li,  .feed-icon{
242  #main .tabs li{          float:right;
243    }
244    .breadcrumb {
245            padding:0;
246            margin:10px 0;
247    }
248    #main .links li{
249          padding-left:0;          padding-left:0;
250          margin-left:0;          margin-left:0;
251          background: none;          background: none;
252  }  }
253  #main .content p, #main .node .content{  #main .content p, #main .node .content{
254          font-family:arial,sans-serif;          font-family:arial,sans-serif;
255          line-height:1.4em;          line-height:1.55em;
256  }  }
257  #main .content p{  #main .content p{
258          margin-bottom:10px;          margin-bottom:10px;
259  }  }
260  #main h1{  #main h1{
261          text-transform:capitalize;          text-transform:capitalize;
         padding-left:15px;  
         margin:0 0 10px -15px;  
         background:transparent url(images/title-icon.gif) no-repeat 0 75%;  
262          color:#747163;          color:#747163;
263  }  }
264  #main a{  #main a{
# Line 259  div#mission{ Line 269  div#mission{
269          font: italic 110% georgia, times, serif;          font: italic 110% georgia, times, serif;
270          line-height:1.5em;          line-height:1.5em;
271          padding:20px;          padding:20px;
272          margin:0 0 20px;          margin:20px 0;
273          border-right:1px solid #deded9;          border-right:1px solid #deded9;
274          border-left:1px solid #deded9;          border-left:1px solid #deded9;
275          background:#fcfcfc url(images/shadow-bottom.gif) repeat-x top left;          background:#fcfcfc url(images/shadow-bottom.gif) repeat-x top left;
276  }  }
277  #main .content ul, #main .content ol{  .content ul, .content ol{
278          margin:0 0 20px 20px;          margin:0 0 20px 20px;
279  }  }
280  #main .content ul ul, #main .content ol ol,  #main .content ul ul, #main .content ol ol,
# Line 311  dl dd{ Line 321  dl dd{
321          display:block;          display:block;
322          margin-top:10px;          margin-top:10px;
323  }  }
 #main .node .links .blog_usernames_blog,  
 div.comment span.new, #main .feed-icon{  
         display:none;  
 }  
   
324  #main .node .links ul li,  #main .node .links ul li,
325  #main #comments ul li{  #main #comments ul li{
326          margin:0 10px 0 0;          margin:0 10px 0 0;
327  }  }
 .indented, .comment{  
         margin:10px 0 20px;  
 }  
 #comments h3 a{  
         display:block;  
         margin:30px 0 10px;  
         color:#8c8977;  
 }  
328    
329  /*-------------- icons----------- */  /*-------------- icons----------- */
330    
# Line 366  div.comment span.new, #main .feed-icon{ Line 363  div.comment span.new, #main .feed-icon{
363          background:#D63E03 url(images/reply.gif) no-repeat top left;          background:#D63E03 url(images/reply.gif) no-repeat top left;
364  }  }
365    
366    /*---------- Comments ------------*/
367    
368    .submitted{
369            color:#989898;
370            margin-bottom:10px;
371    }
372    .submitted img{
373            width:15px;
374            margin-right:5px;
375    }
376    .comment{
377            margin:10px 0 20px;
378    }
379    span.new{
380            color:#fff;
381            margin-right:10px;
382            background-color:#c00;
383            padding:0 5px;
384    }
385    
386  /*---------- interface design ------------*/  /*---------- interface design ------------*/
387    
388  #main tr.odd .form-item, #main tr.even .form-item{  #main tr.odd .form-item, #main tr.even .form-item{
# Line 380  div.comment span.new, #main .feed-icon{ Line 397  div.comment span.new, #main .feed-icon{
397  table{  table{
398          width:99%;          width:99%;
399  }  }
400  .tabs{  .messages, .status{
401          margin:20px 0;          color:#00A400;
402  }  }
403  .tabs .primary, .tabs .secondary{  ul.tabs{
404            top:5px;
405            right:5px;
406            position:fixed;
407            z-index:999;
408          border:none;          border:none;
409          border-bottom:1px solid #dbd8ca;          text-align:center;
410            background-color:#FFFFFF;
411            padding:0;
412            border:5px solid #D63E03;
413    }
414    .tabs .tabs li{
415            display:block;
416  }  }
417  ul.primary li a{  ul.primary li a{
418            font-size:14px;
419          background-color:transparent;          background-color:transparent;
420          border:none;          border:none;
421            margin:0;
422            display:block;
423  }  }
424  ul.primary li.active a{  ul.primary li.active a{
         color:#D63E03;  
         background-color:#dbd8ca;  
425          border:none;          border:none;
426            background-color:#cdd;
427  }  }
428    
429  .node-form textarea{  .node-form textarea{
430          font:12px/1.5em arial,sans-serif;          width:97%;
431            color:#545454;
432            font:14px/1.6em arial,sans-serif;
433          background:#fff url(images/shadow-bottom.gif) repeat-x top left;          background:#fff url(images/shadow-bottom.gif) repeat-x top left;
434  }  }
435    
436    
437  /* misc */  /* misc */
438    
439  .node-form .form-item label{  .node-form .form-item label{
# Line 412  ul.primary li.active a{ Line 445  ul.primary li.active a{
445          display:table;          display:table;
446  }  }
447  #edit-title{  #edit-title{
448          font-size:16px;          color:#747163;
449            font:bold 22px "trebuchet ms",arial,sans-serif;
450          padding:3px 10px;          padding:3px 10px;
451  }  }
452  fieldset {  fieldset {
453          width:95%;          width:95%;
454            background-color:#fff;
455    }
456    fieldset.collapsed{
457            background-color:transparent;
458    }
459    .profile img{
460            float:right;
461  }  }
462    
463    
464  /*---------- Forum design ------------*/  /*---------- Forum design ------------*/
465    
466  tr, td{  tr, td{
# Line 449  td.menu-disabled { Line 491  td.menu-disabled {
491                                                  Footer Design                                                  Footer Design
492  ------------------------------------*/  ------------------------------------*/
493    
 #footer{  
         position:relative;  
         margin:30px 0 0 240px;  
         height:45px;  
         background:transparent url(images/footer-corner.gif) no-repeat top left;  
 }  
494  #footer .content{  #footer .content{
495          padding:10px;          padding:10px 60px 0 0;
496          text-align:center;          text-align:center;
497          font-size:11px;          font-size:11px;
498          color:#A9A590;          color:#A9A590;
499          margin:0 60px;          margin:0 0 0 100px;
500  }  }
501  #footer #corner{  #footer #corner{
502          height:29px;          height:29px;
503          width:29px;          width:29px;
504          position:absolute;          float:right;
505          top:0;          height:29px;
         right:20px;  
506          background:transparent url(images/footer-corner2.gif) no-repeat top left;          background:transparent url(images/footer-corner2.gif) no-repeat top left;
507  }  }
508  #footer #block-menu-2 h2{  #footer #block-menu-2 h2{
Legend:
Removed from v.1.1.4.2  
changed lines
  Added in v.1.1.4.3
  ViewVC Help
Powered by ViewVC 1.1.2