git.maemo.org Git - routino/blob - web/www/routino/page-elements.css

   1 /*
   2 // Style sheet for page elements.
   3 //
   4 // Part of the Routino routing software.
   5 //
   6 // This file Copyright 2008-2010 Andrew M. Bishop
   7 //
   8 // This program is free software: you can redistribute it and/or modify
   9 // it under the terms of the GNU Affero General Public License as published by
  10 // the Free Software Foundation, either version 3 of the License, or
  11 // (at your option) any later version.
  12 //
  13 // This program is distributed in the hope that it will be useful,
  14 // but WITHOUT ANY WARRANTY; without even the implied warranty of
  15 // MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  16 // GNU Affero General Public License for more details.
  17 //
  18 // You should have received a copy of the GNU Affero General Public License
  19 // along with this program.  If not, see <http://www.gnu.org/licenses/>.
  20 */
  21
  22
  23 /*-------------*/
  24 /* Tabbed DIVs */
  25 /*-------------*/
  26
  27
  28 DIV.tab_box
  29 {
  30  padding:    3px;
  31  margin-top: 3px;
  32
  33  width: 100%;
  34 }
  35
  36 DIV.tab_box SPAN.tab_selected
  37 {
  38  border-top:    2px solid;
  39  border-left:   2px solid;
  40  border-right:  2px solid;
  41  border-bottom: 1px solid white;
  42
  43  z-index: 5;
  44
  45  padding: 3px;
  46
  47  font-weight: bold;
  48  font-variant: small-caps;
  49
  50  background: #FFF;
  51 }
  52
  53 DIV.tab_box SPAN.tab_unselected
  54 {
  55  border-top:   1px solid;
  56  border-left:  1px solid;
  57  border-right: 1px solid;
  58
  59  padding: 3px;
  60
  61  cursor: pointer;
  62
  63  font-variant: small-caps;
  64
  65  background: #CCC;
  66 }
  67
  68 DIV.tab_box SPAN.tab_unselected:hover
  69 {
  70  background: #DDD;
  71 }
  72
  73 DIV.tab_content
  74 {
  75  width:  auto;
  76
  77  padding: 3px;
  78  border: thin solid;
  79 }
  80
  81
  82 /*----------------*/
  83 /* Show/Hide DIVs */
  84 /*----------------*/
  85
  86
  87 DIV.hideshow_box
  88 {
  89  min-height: 1em;
  90
  91  border-top:   2px solid;
  92  border-color: #AAA;
  93
  94  padding-bottom: 2px;
  95
  96  overflow: hidden;
  97 }
  98
  99 DIV.hideshow_box:first-child
 100 {
 101  border-top: none;
 102 }
 103
 104 DIV.hideshow_box SPAN.hideshow_show
 105 {
 106  float: right;
 107  display: block;
 108
 109  font-style: italic;
 110  font-variant: small-caps;
 111
 112  padding-right:  2px;
 113  padding-left:   1px;
 114  padding-top:    1px;
 115  padding-bottom: 1px;
 116
 117  cursor: pointer;
 118
 119  background: #CCC;
 120 }
 121
 122 DIV.hideshow_box SPAN.hideshow_show:hover
 123 {
 124  background: #DDD;
 125 }
 126
 127 DIV.hideshow_box SPAN.hideshow_hide
 128 {
 129  display: none;
 130 }
 131
 132 SPAN.hideshow_title
 133 {
 134  display: block;
 135
 136  font-weight: bold;
 137  text-decoration: underline;
 138
 139  padding-top:    1px;
 140  padding-bottom: 1px;
 141
 142  background: #EEE;
 143 }