muddle/static/css/base.css

   1
   2             * { font-family: Helvetica, Arial, Tahoma; font-size: 12px; line-height: 25px; padding: 0; margin: 0;}
   3
   4             html, body {
   5                 height: 100%;
   6             }
   7
   8             h1 {
   9                 border-bottom:1px solid #161650;
  10                 color:#161650;
  11                 font-size:16px;
  12                 margin-bottom:20px;
  13                 margin-top:10px;
  14             }
  15
  16             h1 .highlight {
  17                 color:#5f8dd3;
  18                 font-size:inherit;
  19             }
  20
  21             h1.list {
  22                 margin-bottom:0;
  23             }
  24
  25             h2 {
  26                 color:#161650;
  27                 font-size:12px;
  28                 margin-top:30px;
  29             }
  30
  31             h2.list { border:0; }
  32
  33             h1 .button {
  34                 float:right;
  35             }
  36
  37             div#headerContainer {
  38                 padding:0px;
  39                 text-align:center;
  40             }
  41
  42             div#mainmenu {
  43                 background-color:white;
  44                 border-bottom: 1px solid #161650;
  45                 height:30px;
  46                 padding-top:40px;
  47             }
  48
  49             div#submenu {
  50                 background-color:#5f8dd3;
  51                 border-bottom: 1px solid #161650;
  52                 height:25px;
  53                 line-height:25px;
  54             }
  55
  56             span.menuitem, span.mainmenuitem {
  57                 border-color: #161650;
  58                 border-style: solid;
  59                 border-width: 0px 1px 0px 0px;
  60                 padding-left: 5px;
  61                 padding-right:5px;
  62             }
  63
  64             span.lastmenuitem {
  65                 border: 0px;
  66             }
  67
  68             a                       { text-decoration:none; }
  69             a:visited               { text-decoration:none; }
  70             a:hover                 { text-decoration:underline; }
  71             a:active                { text-decoration:none;}
  72
  73             a.menuitem              { color:white; text-decoration:none; }
  74             a.menuitme:visited      { color:white; text-decoration:none; }
  75             a.menuitme:hover        { color:white; text-decoration:underline; }
  76             a.menuitme:active       { color:white; text-decoration:none;}
  77
  78
  79             span.mainmenuitem { border-color: #d1d1d1; }
  80             a.mainmenuitem {
  81                 border-color:white;
  82                 color:#161650;
  83                 font-size:155%;
  84                 padding-left: 15px;
  85                 padding-right:15px;
  86                 text-decoration:none;
  87             }
  88             a.mainmenuitem:visited           { text-decoration:none; }
  89             a.mainmenuitem:hover             { text-decoration:underline; }
  90             a.mainmenuitem:active            { text-decoration:none;}
  91
  92             table {
  93                 border-collapse:collapse;
  94             }
  95
  96             th {
  97                 border:1px solid #161650;
  98                 padding: 5px 10px 5px 10px;
  99             }
 100
 101             td {
 102                 border:1px dotted #888888;
 103                 padding: 5px 10px 5px 10px;
 104             }
 105
 106
 107             #content {
 108                 padding-top:10px;
 109             }
 110
 111             #content, #errors {
 112                 margin-left:auto;
 113                 margin-right:auto;
 114                 min-width:700px;
 115                 width:700px;
 116                 width:70%;
 117             }
 118
 119             #errors, #success {
 120                 border: 2px solid black;
 121                 display:none;
 122                 font-weight:bold;
 123                 font-size:110%;
 124                 margin-top:20px;
 125                 margin-bottom:20px;
 126                 padding-top:5px;
 127                 padding-bottom:5px;
 128                 text-align:center;
 129             }
 130
 131             #errors {
 132                 background-color:#ee9c98;
 133                 border-color:#c83737;
 134                 color:#550000;
 135             }
 136
 137             #success {
 138                 background-color:#c2e192;
 139                 border-color:#124612;
 140                 color:#124612;
 141             }
 142
 143             #title_bar {
 144                 background-color:#f6f9fb;
 145                 border-bottom: 1px solid #d1d1d1;
 146                 color:#5f5f5f;
 147                 font-size:10px;
 148                 height:22px;
 149                 padding-left:20px;
 150                 text-align:left;
 151             }
 152
 153             #title_bar a {
 154                 float:left;
 155                 color:#5f5f5f;
 156                 font-size:10px;
 157                 text-decoration:none;
 158             }
 159
 160             input {
 161                 padding:2px 3px 2px 3px;
 162                 -moz-border-radius: 3px;
 163                 -webkit-border-radius: 3px;
 164             }
 165
 166             label { margin-right:5px; font-weight:bold;}
 167
 168             .icon, .button {
 169                 background-color:transparent;
 170                 background-repeat:no-repeat;
 171                 border:0;
 172                 float:left;
 173                 height:16px;
 174                 margin-right:5px;
 175                 width:16px;
 176                 outline:none;
 177             }
 178
 179             .tab {
 180                 background-color:#f6f9fb;
 181                 border:1px;
 182                 border-style:solid;
 183                 border-color:#5f5f5f;
 184                 color:#5f5f5f;
 185                 cursor:pointer;
 186                 float:left;
 187                 margin-right:20px;
 188                 padding-left:10px;
 189                 padding-right:10px;
 190                 -moz-border-radius-topleft: 5px;
 191                 -moz-border-radius-topright: 5px;
 192                 -webkit-border-top-left-radius: 5px;
 193                 -webkit-border-top-right-radius: 5px;
 194             }
 195
 196             .tab.active {
 197                 font-weight:bold;
 198                 color:#5f8dd3;
 199             }
 200
 201             #current_tab td, #current_tab table  {border:0; !important;}
 202
 203             .button { cursor:pointer; }
 204
 205             .button_close { background-image:url({{STATIC}}/images/icons/cancel.png); }
 206             .button_config { background-image:url({{STATIC}}/images/icons/cog.png); }
 207             .button_create { background-image:url({{STATIC}}/images/icons/add.png); }
 208             .button_delete { background-image:url({{STATIC}}/images/icons/delete.png); }
 209             .button_edit { background-image:url({{STATIC}}/images/icons/page_white_edit.png); }
 210             .icon_success { background-image:url({{STATIC}}/images/icons/accept.png); }
 211