swat/style/columns.css

   1 /*
   2         columns.css
   3         Copyright (C) 2004-2005 Deryck Hodge <deryck@samba.org>
   4
   5         Creates a puesdo-three-column view.
   6
   7         You may freely use and modify the styles here, but if you
   8         intend to recreate the samba.org look exactly, please ask
   9         permission first.
  10 */
  11
  12
  13 /* Right-side column
  14 ***********************************************************/
  15 #links {
  16         float:left;
  17         margin:115px 0 0 81%;
  18         padding:0;
  19     width:18%;
  20 }
  21 * html #links {
  22         position:absolute;
  23         top:115px;
  24         left:82%;
  25         float:none;
  26         width:17%;
  27         margin:0;
  28 }
  29 #links h4 {
  30         margin-top:10px;
  31         margin-left:1.5px;
  32         font-size:small;
  33 }
  34 #links ul {
  35         list-style-type:none;
  36         padding:0;
  37         padding-top:5px;
  38         margin-left:20px;
  39 }
  40 #links a {
  41         font-size:small;
  42 }
  43 #links p {
  44         margin-top:25px;
  45         margin-left:20px;
  46 }
  47 .releases {
  48         padding:2px;
  49         margin-top:35px;
  50         border:1px solid #CCC;
  51         background-color:#E5E9F5;
  52 }
  53 .beyond, .related, .intl {
  54         padding:2px;
  55         margin-top:25px;
  56         border:1px solid #CCC;
  57         background-color:#E5E9F5;
  58 }
  59 .beyond li {
  60         margin-bottom:10px;
  61 }
  62 .contacts li{
  63         list-style-type:disc;
  64 }
  65
  66
  67 /* Middle content column
  68 ***********************************************************/
  69 #content {
  70         position:absolute;
  71         top:100px;
  72         margin:0 20% 0 175px;
  73         padding-top:30px;
  74         padding-left:35px;
  75         padding-bottom:50px;
  76         padding-right:15px;
  77         background-color:#FFF;
  78         border-left:1px solid #FFFF64;
  79         border-right:1px solid #FFFF64;
  80 }
  81 * html #content {
  82         width:51%;
  83         margin-right:0;
  84 }
  85 #content ul {
  86         list-style-type:none;
  87 }
  88
  89
  90 /* Misc
  91 ************************************************************/
  92 .headline {
  93         margin-left:20px;
  94         font-style:italic;
  95 }
  96 .plugs {
  97         font-style:italic;
  98         text-align:center;
  99         border-top:2px groove #3878CD;
 100         border-bottom:2px groove #3878CD;
 101         padding:10px;
 102         margin-top:100px;
 103 }
 104 .plugs p {
 105         padding:30px;
 106 }
 107 .plugs img {
 108         float:left;
 109 }
 110 .request {
 111         margin-top:50px;
 112         font-style:italic;
 113         font-size:small;
 114 }
 115 #noswp img {
 116     border:1px solid #3868CD;
 117     width:370px;
 118     height:90px;
 119 }
 120 #noswp a:hover {
 121     background-color:transparent;
 122 }
 123 #noswp {
 124     width:auto;
 125     text-align:center;
 126     margin:10px 0 25px 0;
 127 }