pytask/static/css/base.css
changeset 434 ebfe27c2af39
parent 423 966d3241d2b4
child 436 b5af2557fa6a
equal deleted inserted replaced
433:b8b8337efbb8 434:ebfe27c2af39
     6   margin: 0px;
     6   margin: 0px;
     7   padding: 20px 0px 20px 0px;
     7   padding: 20px 0px 20px 0px;
     8 }
     8 }
     9 
     9 
    10 #wrapper {
    10 #wrapper {
    11   width: 956px;
    11   width: auto;
    12   padding: 10px;
    12   padding: 10px;
    13   margin: 0px auto 0px auto;
    13   margin: 0px auto 0px auto;
    14   height: auto;
    14   height: auto;
    15   text-align: left;
    15   text-align: left;
    16   border: 1px solid #ddd;
       
    17 }
    16 }
    18 
    17 
    19 #header {
    18 #header {
    20   margin: 0px;
    19   margin: 0px;
    21   padding: 5px 0px 5px 0px;
    20   padding: 5px 0px 5px 0px;
    22   height: auto;
    21   height: auto;
    23   width: auto;
    22   width: auto;
    24   text-align: center;
    23   text-align: center;
    25   background-color: #f1f1f1;
    24   background-color: #f1f1f1;
       
    25   border: 1px solid #ddd;
       
    26   -moz-box-shadow: 0 0 1em darkslategray;
       
    27   -webkit-box-shadow: 0 0 1em darkslategray;
       
    28   box-shadow: 0 0 1em darkslategray;
    26 }
    29 }
    27 
    30 
    28 #container {
    31 #container {
    29   padding: 0px;
    32   padding: 0px;
    30   margin: 10px 0px 0px 0px;
    33   margin: 10px 0px 0px 0px;
    36   width: auto;
    39   width: auto;
    37 }
    40 }
    38 
    41 
    39 #left {
    42 #left {
    40   margin: 0px;
    43   margin: 0px;
    41   width: 160px;
    44   width: 15%;
    42   padding: 10px 20px 10px 20px;
    45   padding: 10px 20px 10px 20px;
    43   float: left;
    46   float: left;
       
    47   border: 1px solid #ddd;
       
    48 }
       
    49 
       
    50 div #navheader {
       
    51   margin-bottom: 15;
       
    52   padding: 5px 0px 5px 0px;
       
    53   height: auto;
       
    54   width: auto;
       
    55   text-align: center;
       
    56   background-color: #f1f1f1;
       
    57   border: 1px solid #ddd;
       
    58   text-indent: center;
       
    59   color: #a92;
       
    60   font-size: 16px;
       
    61   font-weight: bold;
    44 }
    62 }
    45 
    63 
    46 #nav {
    64 #nav {
    47   margin: 0px;
    65   margin: 0px;
    48   padding: 0px;
    66   padding: 0px;
    74   text-decoration: none;
    92   text-decoration: none;
    75 }
    93 }
    76 
    94 
    77 #center {
    95 #center {
    78   height: auto;
    96   height: auto;
    79   width: 504px;
    97   width: 54%;
    80   padding: 10px 20px 10px 20px;
    98   padding: 10px 20px 10px 20px;
    81   float: left;
    99   float: left;
    82   margin: 0px 0px 0px 6px;
   100   margin: 0px 0px 0px 6px;
    83   line-height: 1.8em;
   101   line-height: 1.8em;
    84 }
   102   border: 1px solid #ddd;
    85 
   103 }
       
   104 
       
   105 hr {
       
   106   color: #999;
       
   107 }
    86 h1 {
   108 h1 {
    87   font-size: 14px;
   109   font-size: 14px;
    88   margin: 0px;
   110   margin: 0px;
    89   padding: 0px;
   111   padding: 0px;
    90 }
   112 }
    91 
   113 
    92 #right {
   114 #right {
    93   padding: 10px 20px 10px 20px;
   115   padding: 10px 20px 10px 20px;
    94   height: auto;
   116   height: auto;
    95   width: 160px;
   117   width: 20%;
    96   float: left;
   118   float: left;
    97   margin: 0px 0px 0px 6px;
   119   margin: 0px 0px 0px 6px;
       
   120   border: 1px solid #ddd;
    98 }
   121 }
    99 
   122 
   100 .clearer {
   123 .clearer {
   101   font-size: 0px;
   124   font-size: 0px;
   102   line-height: 0px;
   125   line-height: 0px;
   103   display: block;
   126   display: block;
   104   margin: 0px;
   127   margin: 0px;
   105   padding: 0px;
   128   padding: 0px;
   106   clear: both;
   129   clear: both;
   107   height: 0px;
   130   height: auto;
   108   width: auto;
   131   width: auto;
   109 }
   132 }
   110 
   133 
   111 #footer {
   134 #footer {
   112   margin: 10px 0px 0px 0px;
   135   margin: 10px 0px 0px 0px;
   113   text-align: left;
   136   text-align: center;
   114   padding: 5px 0px 5px 0px;
   137   padding: 5px 0px 5px 0px;
   115   background-color: #f1f1f1;
   138   background-color: #f1f1f1;
       
   139   clear: both;
   116 }
   140 }
   117 
   141 
   118 #footer p {
   142 #footer p {
   119   color: #999;
   143   color: #999;
   120   margin: 0px auto 0px auto;
   144   margin: 0px auto 0px auto;
   189   background:url('/pytask/static/images/form/form_button.gif') no-repeat 0 0;
   213   background:url('/pytask/static/images/form/form_button.gif') no-repeat 0 0;
   190   color:#fff;
   214   color:#fff;
   191   cursor:pointer;
   215   cursor:pointer;
   192   text-align:center;
   216   text-align:center;
   193 }
   217 }
       
   218 
       
   219 button.green {
       
   220   width:150px;
       
   221   height:37px;
       
   222   padding-bottom: 5px;
       
   223   border:none;
       
   224   background:url('/pytask/static/images/form/form_button_green.png') no-repeat 0 0;
       
   225   color:#fff;
       
   226   cursor:pointer;
       
   227   text-align:center;
       
   228   font-size: 16px;
       
   229   font-weight: bold;
       
   230 }