swat/include/main.css

   1 /* Styles for the main SWAT pages
   2    by Deryck Hodge <deryck@samba.org>
   3 */
   4
   5
   6 /* Div that wraps the page *****************************************/
   7 #gui {
   8         background-color:#BBBDC3;
   9         width:90%;
  10         margin:auto;
  11         border:2px groove #161C38;
  12 }
  13
  14 /* Header, including title and nav *********************************/
  15 #banner {
  16         height:30px;
  17         line-height:30px;
  18 }
  19 #banner a,
  20 #banner a:link,
  21 #banner a:visited {
  22         margin:0 0 0 1px;
  23         font-size:small;
  24         font-weight:bold;
  25         text-decoration:none;
  26         color:#7B7C80;
  27 }
  28 #banner a:hover {
  29         color:#444;
  30 }
  31 #banner a:active {
  32         color:#999;
  33 }
  34 #banner img {
  35         float:right;
  36         margin:3px 0 0 0;
  37 }
  38 /* Only visible to Mozilla/Firefox */
  39 #banner:lang(en) img {
  40         margin:-28px 1px 0 0;
  41 }
  42 #nav {
  43         width:100%;
  44         height:25px;
  45         border-bottom:8px solid #7B7C80;
  46         margin:0;
  47         text-align:center;
  48 }
  49 #nav img {
  50         margin:3px 0 0 -4px;
  51 }
  52
  53 /* Center section, where form, editing, etc. happen ****************/
  54 #controls {
  55         background-color:#FFF;
  56         border-left:25px solid #7B7C80;
  57         border-right:25px solid #7B7C80;
  58         padding:20px;
  59 }
  60 #controls p {
  61         position:relative;
  62         left:25px;
  63         width:500px;
  64 }
  65 #controls ul {
  66         position:relative;
  67         left:35px;
  68         width:400px;
  69         list-style-type:none;
  70         line-height:20px;
  71 }
  72 #controls li {
  73         background:url(/swat/images/arrow.png) top left no-repeat;
  74         margin-bottom:20px;
  75         padding-left:28px;
  76 }
  77 .help_link {
  78         margin:0 10px 0 0;
  79 }
  80 .view_conf {
  81         position:absolute;
  82         top:100px;
  83         right:15%;
  84 }
  85 .view_conf a {
  86         display:block;
  87 }
  88
  89 /* Footer **********************************************************/
  90 #footer {
  91         text-align:center;
  92         font-size:small;
  93         font-style:italic;
  94 }
  95 #footer p {
  96         width:100%;
  97         margin:40px 0 0 0;
  98 }
  99 #footer img {
 100         position:relative;
 101         top:17px;
 102         width:84px;
 103         height:40px;
 104         margin:0 25px 0 0;
 105 }
 106