share/nitdoc/styles/main.css

   1 /* General */
   2
   3 body {
   4         margin: 0;
   5         font: 14px "Helvetica Neue", Helvetica, Tahoma, sans-serif;
   6 }
   7
   8 a {
   9         color: #333;
  10         text-decoration: none;
  11 }
  12
  13 a:hover {
  14         color: #0D8921;
  15 }
  16
  17 ul {
  18         list-style-type: square;
  19 }
  20
  21 pre, code {
  22         white-space: pre;
  23         font-family: monospace;
  24         font-size: 1em;
  25 }
  26
  27 pre {
  28         background: #EEE;
  29         padding: 5px;
  30         color: black;
  31         overflow: auto;
  32 }
  33
  34 hr {
  35         background-color: #DDD;
  36         height: 1px;
  37         border: 0;
  38 }
  39
  40 div.clear {
  41         clear: both;
  42 }
  43
  44 /* Titles */
  45
  46 h1, h2, h3, h4, h5 {
  47         font-family: Verdana, Geneva, sans-serif;
  48         color: #6C6C6C;
  49         font-weight: normal;
  50 }
  51
  52 h1 {
  53         font-size: 300%;
  54         margin: 0 0 10px 0;
  55 }
  56
  57 h3 {
  58         font-weight: bold;
  59 }
  60
  61 /* Header, Footer */
  62
  63 header nav ul {
  64         padding: 0;
  65         list-style-type: none;
  66         width: 900px;
  67         margin: auto;
  68 }
  69
  70 header nav ul li {
  71         display: inline;
  72         padding: 3px 6px;
  73         margin: auto 5px;
  74         color: #999;
  75 }
  76
  77 header nav ul li a {
  78         color: black;
  79 }
  80
  81 header nav ul li a:hover {
  82         color: #0D8921;
  83 }
  84
  85 footer {
  86         text-align: center;
  87         padding: 20px 10px;
  88         margin: 10px 100px;
  89         color: #CCC;
  90 }
  91
  92 /* Main menu */
  93
  94 header nav.main {
  95         background: #E0E0E0 url(../resources/top_back.gif) repeat-x top left;
  96         padding: 7px 0;
  97 }
  98
  99 header nav.main ul li.current {
 100         background: #0D8921;
 101         color: white;
 102 }
 103
 104 /* Page content */
 105
 106 .page {
 107         width: 940px;
 108         margin: auto;
 109 }
 110
 111 /* Latteral Menu */
 112
 113 .menu {
 114         width: 250px;
 115         float: left;
 116 }
 117
 118 .menu nav {
 119         margin: 20px;
 120         border: 1px solid #CCC;
 121 }
 122
 123 .menu nav:first-child {
 124         margin-top: 0;
 125 }
 126
 127 .menu nav h3 {
 128         margin: 0;
 129         padding: 5px;
 130         background: #CCC;
 131         font-size: 1em;
 132 }
 133
 134 .menu nav h4 {
 135         font-weight: bold;
 136         color: #555555;
 137         margin: 10px 0 0 10px;
 138         font-size: 12px;
 139 }
 140
 141 .menu nav h4:last-child {
 142         margin-bottom: 5px;
 143 }
 144
 145 .menu nav ul {
 146         margin: 10px;
 147         padding: 0;
 148         list-style-type: none;
 149 }
 150
 151 .menu nav ul li {
 152         overflow: hidden;
 153         color: #CCC;
 154 }
 155
 156 /* Content */
 157
 158 .content {
 159         margin: 20px 20px 20px 260px;
 160 }
 161
 162 .content.fullpage {
 163         margin: 20px;
 164 }
 165
 166 .content section {
 167         margin: 20px 0;
 168 }
 169
 170 .content article {
 171         color: #6C6C6C;
 172         background-repeat: no-repeat;
 173         background-position: left 7px;
 174         margin: 20px 0;
 175         padding: 5px 20px;
 176 }
 177
 178 .content article h3 {
 179         margin: 0;
 180         font-weight: normal;
 181         color: #333;
 182 }
 183
 184 .content article.graph {
 185         text-align: center;
 186 }
 187
 188 .content article.modules,
 189 .content article.classes,
 190 .content article.properties {
 191         float: left;
 192         width: 250px;
 193         overflow: hidden;
 194 }
 195
 196 .content article.overview ul,
 197 .content article.modules ul,
 198 .content article.classes ul,
 199 .content article.properties ul {
 200         list-style-type: none;
 201         padding: 0;
 202 }
 203
 204 .content article.properties ul ul {
 205         padding-left: 10px;
 206 }
 207
 208 nav ul li span,
 209 .content article ul li span {
 210         color: #CCC;
 211         text-align: center;
 212         font-family: monospace;
 213         margin-right: 5px;
 214 }
 215
 216 .content article.modules ul code,
 217 .content article.classes ul code,
 218 .content article.properties ul code {
 219         font-weight: normal;
 220 }
 221
 222 .content section.summary h2, .content section.summary article{
 223         color: #000000;
 224 }
 225
 226 .content section.summary article h3{
 227         font-weight: bold;
 228         color: #555;
 229 }
 230
 231 .content article.highlighted {
 232         background-color: #FFF3C2;
 233         color: black;
 234 }
 235
 236 .content .subtitle {
 237         color: #6C6C6C;
 238 }
 239
 240 .content a:hover {
 241         color: #333;
 242 }
 243
 244 .content a {
 245         color: #0D8921;
 246 }
 247
 248 article .info .code {
 249         float: right;
 250 }
 251
 252
 253
 254 /* JS facilities */
 255
 256 input[type=text] {
 257         width: 150px;
 258         border: 1px solid #CCC;
 259         border-radius: 5px;
 260         margin-right: 5px;
 261         padding: 1px 2px;
 262 }
 263
 264 input[type=text].notUsed {
 265         color: #999;
 266         font-style: italic;
 267 }
 268
 269 nav .filter {
 270         text-align: center;
 271         padding: 5px;
 272 }
 273
 274 nav.main input[type=text] {
 275         margin: -2px 10px;
 276         color: black;
 277         font-style: normal;
 278 }
 279
 280 nav.main form {
 281         float: right;
 282 }
 283
 284 .filter a {
 285         color: #0D8921;
 286         cursor: pointer;
 287         font-family: monospace;
 288         margin-right: 5px;
 289    font-weight: bold;
 290 }
 291
 292 .filter a.hidden {
 293         color: #999;
 294    font-weight: normal;
 295 }
 296
 297 .filter a:hover {
 298         text-decoration: underline;
 299 }
 300
 301 nav h3 a.fold {
 302         margin: 0 5px;
 303         color: #999;
 304         font-family: monospace;
 305         font-weight: bold;
 306         font-size: 120%;
 307         cursor: pointer;
 308 }
 309
 310 .hide {
 311         overflow-y: hidden;
 312         height: 0;
 313 }
 314
 315 /* Icons */
 316 .vtype.public { background-image: url('../resources/icons/vtype_public.png')}
 317 .vtype.protected { background-image: url('../resources/icons/vtype_protected.png')}
 318 .vtype.private { background-image: url('../resources/icons/vtype_private.png')}
 319 .init.public { background-image: url('../resources/icons/const_public.png')}
 320 .init.protected { background-image: url('../resources/icons/const_protected.png')}
 321 .init.private { background-image: url('../resources/icons/const_private.png')}
 322 .fun.public { background-image: url('../resources/icons/meth_public.png')}
 323 .fun.protected { background-image: url('../resources/icons/meth_protected.png')}
 324 .fun.private { background-image: url('../resources/icons/meth_private.png')}