pytask/static/css/base.css
changeset 479 fdaf0d8ceb53
parent 456 da6f5be33087
child 481 b93a85589490
equal deleted inserted replaced
478:863dba311ba2 479:fdaf0d8ceb53
    26   -moz-box-shadow: 0 0 1em darkslategray;
    26   -moz-box-shadow: 0 0 1em darkslategray;
    27   -webkit-box-shadow: 0 0 1em darkslategray;
    27   -webkit-box-shadow: 0 0 1em darkslategray;
    28   box-shadow: 0 0 1em darkslategray;
    28   box-shadow: 0 0 1em darkslategray;
    29 }
    29 }
    30 
    30 
    31 #container {
    31 /* Taken from http://www.maxdesign.com.au/articles/css-layouts/three-liquid/# */
       
    32 #container1 {
       
    33   float: left;
       
    34   width: 100%;
       
    35 }
       
    36 
       
    37 /* Taken from http://www.maxdesign.com.au/articles/css-layouts/three-liquid/# */
       
    38 #container2 {
    32   padding: 0px;
    39   padding: 0px;
    33   margin: 10px 0px 0px 0px;
    40   margin: 10px 0px 0px 0px;
    34   background-attachment: scroll;
    41   background-attachment: scroll;
    35   background-image: url(back.gif);
    42   background-image: url(back.gif);
    36   background-repeat: repeat-y;
    43   background-repeat: repeat-y;
    37   background-position: 0px 0px;
    44   background-position: 0px 0px;
    38   height: auto; #default was 1%
    45   height: auto; #default was 1%
    39   width: auto;
    46   float: left;
       
    47   width: 100%;
    40 }
    48 }
    41 
    49 
    42 #left {
    50 #left {
    43   margin: 0px;
    51   margin: 0;
    44   width: 15%;
    52   width: 15%;
    45   padding: 10px 20px 10px 20px;
    53   padding: 1% 1% 1% 1%;
    46   float: left;
    54   float: left;
    47   border: 1px solid #ddd;
    55   border: 1px solid #ddd;
       
    56   display: inline;
    48 }
    57 }
    49 
    58 
    50 div #navheader {
    59 div #navheader {
    51   margin-bottom: 15;
    60   margin-bottom: 15;
    52   padding: 5px 0px 5px 0px;
    61   padding: 5px 0px 5px 0px;
   104   color: #999;
   113   color: #999;
   105   text-decoration: none;
   114   text-decoration: none;
   106 }
   115 }
   107 
   116 
   108 #center {
   117 #center {
   109   height: auto;
   118   width: 56%;
   110   width: 54%;
   119   padding: 1% 1% 1% 1%;
   111   padding: 10px 20px 10px 20px;
   120   float: left;
   112   float: left;
   121   margin: 0 0 0 1%;
   113   margin: 0px 0px 0px 6px;
       
   114   line-height: 1.8em;
   122   line-height: 1.8em;
   115   border: 1px solid #ddd;
   123   border: 1px solid #ddd;
   116 }
   124 }
   117 
   125 
   118 hr {
   126 hr {
   123   margin: 0px;
   131   margin: 0px;
   124   padding: 0px;
   132   padding: 0px;
   125 }
   133 }
   126 
   134 
   127 #right {
   135 #right {
   128   padding: 10px 20px 10px 20px;
   136   padding: 1% 1% 1% 1%;
   129   height: auto;
   137   height: auto;
   130   width: 20%;
   138   width: 20%;
   131   float: left;
   139   float: right;
   132   margin: 0px 0px 0px 6px;
   140   border: 1px solid #ddd;
   133   border: 1px solid #ddd;
   141   display: inline;
   134 }
   142 }
   135 
   143 
   136 .clearer {
   144 .clearer {
   137   font-size: 0px;
   145   font-size: 0px;
   138   line-height: 0px;
   146   line-height: 0px;