1.1 --- a/static/lf2.css	Mon Mar 07 12:15:22 2011 +0100
     1.2 +++ b/static/lf2.css	Sat Mar 12 19:22:50 2011 +0100
     1.3 @@ -54,10 +54,13 @@
     1.4   * Positioning
     1.5   */
     1.6  
     1.7 -.tab1 .right
     1.8 +.topbox .right
     1.9          { float: right; }
    1.10  
    1.11 -.tab1 a { float: left; }
    1.12 +.topbox a,
    1.13 +.topbox span,
    1.14 +.topbox select
    1.15 +        { float: left; }
    1.16  
    1.17  .slot_default
    1.18          { position: relative; width: 67%; }
    1.19 @@ -83,15 +86,19 @@
    1.20  .box .row .col.right
    1.21          { float: right; }
    1.22  
    1.23 -
    1.24  /*
    1.25   * Margins und paddings 
    1.26   */
    1.27  
    1.28 -.tab1 a
    1.29 -        { margin: 0 0 0 0.5em; padding: 0.5ex 0.5em 0.5ex 0.5em; }
    1.30 -.tab1 .right a
    1.31 -        { margin: 0 0.5em 0 0; }
    1.32 +.topbox a
    1.33 +        { margin: 0 0 0 0.5em; padding: 0.7ex 0.5em 0.3ex 0.5em; }
    1.34 +
    1.35 +.topbox select
    1.36 +        { margin: 0.5ex 0 0.5ex 0; padding: 0.3ex 0.2em 0.2ex 0.2em;}
    1.37 +
    1.38 +.topbox .right a,
    1.39 +.topbox .right span
    1.40 +        { margin: 0 0.5em 0 0; padding: 0.7ex 0.5em 0.3ex 0.3em; }
    1.41  
    1.42  .slot_default
    1.43          { margin: 2ex 1% 2ex 32%; }
    1.44 @@ -118,18 +125,26 @@
    1.45  .box .row.subhead .col
    1.46          { margin-top: 2ex; }
    1.47  
    1.48 -
    1.49  /* 
    1.50   * Colors
    1.51   */
    1.52  
    1.53 -body,
    1.54 -.tab1 a.active
    1.55 -/*        { background-color: #7df; color: #000 }*/
    1.56 +body
    1.57          { background-color: #27C9FF; color: #000 }
    1.58  
    1.59 -.tab1,
    1.60 -.tab1 a { background-color: #444; color: #fff;    }
    1.61 +.topbox.line1,
    1.62 +.topbox.line1 a,
    1.63 +.topbox.line1 select
    1.64 +        { background-color: #444; color: #fff; }
    1.65 +
    1.66 +.topbox.line2,
    1.67 +.topbox.line2 a
    1.68 +        { color: #000;    }
    1.69 +.topbox.line2 span.inactive
    1.70 +        { opacity: 0.2; }
    1.71 +.topbox a.active
    1.72 +/*        { background-color: #B2ECFF; color: #000; }*/
    1.73 +        { background-color: #e7f0ff; color: #000; }
    1.74  
    1.75  
    1.76  .box    { background-color: #fff; }
    1.77 @@ -141,7 +156,8 @@
    1.78  .box .row.head,
    1.79  .box .row.head2,
    1.80  .box .row.active
    1.81 -        { background-color: #D7F5FF;}
    1.82 +/*        { background-color: #D7F5FF;}*/
    1.83 +        { background-color: #e7f0ff;}
    1.84  
    1.85  .box .row.head .col.head
    1.86          { color: #444;    }
    1.87 @@ -151,7 +167,7 @@
    1.88          { color: #777;    }
    1.89  
    1.90  .member_content
    1.91 -        { background-color: #fec; }
    1.92 +        { background-color: #FFF4DC; }
    1.93  
    1.94  /*
    1.95   * Borders
    1.96 @@ -168,13 +184,14 @@
    1.97          
    1.98  .box.issue .row.unit_name
    1.99          { border-bottom-color: #ccc; }
   1.100 +        
   1.101  
   1.102  /* 
   1.103   * Rounded corners 
   1.104   */
   1.105  
   1.106  .box    { border-radius: 1ex; -moz-border-radius: 1ex;
   1.107 -          -webkit-box-shadow: 2px 2px 3px 0px #444; -moz-box-shadow: 2px 2px 3px 0px #444; }
   1.108 +          -webkit-box-shadow: 1px 1px 3px #11576F; -moz-box-shadow: 0 0 2px 1px #444; }
   1.109  
   1.110  .box .row:first-child.head,
   1.111  .box .row:first-child.head2
   1.112 @@ -182,6 +199,19 @@
   1.113  .box .row:last-child
   1.114          { border-radius: 0   0   1ex 1ex; }
   1.115  
   1.116 +.box .row:first-child:last-child.head,
   1.117 +.box .row:first-child:last-child.head2
   1.118 +        { border-radius: 1ex 1ex 1ex 1ex; }
   1.119 +
   1.120 +.topbox.line1 
   1.121 +        { -webkit-box-shadow: 0 2px 3px #444; -moz-box-shadow: 0 2px 3px #444; }
   1.122 +
   1.123 +.topbox a.active
   1.124 +        { border-radius: 0 0 1ex 1ex;
   1.125 +          -webkit-box-shadow: 1px 1px 3px #11576F, inset 0px 7px 3px -5px #444;
   1.126 +          -moz-box-shadow: 2px 2px 3px 0px #444;
   1.127 +        }
   1.128 +
   1.129  /*
   1.130   * Text Formatting
   1.131   */
   1.132 @@ -191,11 +221,15 @@
   1.133    font-size: 100%;
   1.134  }
   1.135  
   1.136 -.tab1 a {
   1.137 -  font-weight: bold;
   1.138 -  text-decoration: none;
   1.139 +.topbox {
   1.140 +  line-height: 135%;
   1.141  }
   1.142  
   1.143 +.topbox a,
   1.144 +.topbox span
   1.145 +        { font-weight: bold;
   1.146 +          text-decoration: none; }
   1.147 +
   1.148  .box a  { text-decoration: none; }
   1.149  
   1.150  .box .row .col
   1.151 @@ -210,69 +244,8 @@
   1.152  
   1.153  
   1.154  
   1.155 -/*
   1.156 - * Sidebar hover button 
   1.157 - */
   1.158 -
   1.159 -.hoverbutton_container {
   1.160 -  position: relative;
   1.161 -}
   1.162 -
   1.163 -
   1.164 -.hoverbutton {
   1.165 -  /* position */
   1.166 -  display: none;
   1.167 -  position: absolute;
   1.168 -  top: 0px;
   1.169 -  left: 0px;
   1.170 -  height: 100%;
   1.171 -  width: 100%;
   1.172 -
   1.173 -  /* color */
   1.174 -  background-color: #fff;
   1.175 -
   1.176 -  /* text format */
   1.177 -  font-weight: bold;
   1.178 -
   1.179 -  /* cursor */
   1.180 -  cursor: pointer;
   1.181 -}
   1.182 -
   1.183 -.hoverbutton_container:hover .hoverbutton {
   1.184 -  /* position */
   1.185 -  display: block;
   1.186 -}
   1.187 -
   1.188 -.hoverbutton_container:hover .hoverbutton img {
   1.189 -  /* text format */
   1.190 -  vertical-align: middle;
   1.191 -}
   1.192 -
   1.193 -.hoverbutton_container:hover .hoverbutton.noaction {
   1.194 -  /* color */
   1.195 -  background-color: #ccc;
   1.196 -
   1.197 -  /* cursor */
   1.198 -  cursor: default;
   1.199 -}
   1.200 -
   1.201 -.hoverbutton_container:hover .hoverbutton.green {
   1.202 -  background-color: #cfc;
   1.203 -}
   1.204 -
   1.205 -.hoverbutton_container:hover .hoverbutton.red {
   1.206 -  background-color: #fcc;
   1.207 -}
   1.208 -
   1.209 -.hoverbutton .content {
   1.210 -  /* position */
   1.211 -  padding: 0.5ex 0.2em 0.5ex 0.5em;
   1.212 -}
   1.213 -
   1.214 -.box .row.last-child .hoverbutton {
   1.215 -  border-radius: 0 0 1ex 1ex;
   1.216 -}
   1.217 -
   1.218 +.box .row.head .col.head select
   1.219 +        { font-weight: bold; width: 100%; }
   1.220  
   1.221  /*
   1.222   * Scrolled col 
   1.223 @@ -331,10 +304,7 @@
   1.224  
   1.225  .avatars.normal .avatar {
   1.226    width: 100px;
   1.227 -  -webkit-box-shadow: 1px 1px 1px #000;
   1.228 -  background-color: #eee;
   1.229 -  border-radius: 1ex;
   1.230 -  -moz-border-radius: 1ex;
   1.231 +  text-align: center;
   1.232  }
   1.233  
   1.234  .avatars.small .avatar {
   1.235 @@ -434,10 +404,14 @@
   1.236   * Draft
   1.237   */
   1.238  
   1.239 -.initiative .draft {
   1.240 +.member_content .draft {
   1.241    line-height: 135%;
   1.242  }
   1.243  
   1.244 +.draft h1 {
   1.245 +  font-size: 135%;
   1.246 +}
   1.247 +
   1.248  .draft h2 {
   1.249    font-size: 135%;
   1.250    font-weight: bold;