src/ceph/doc/_themes/ceph/static/nature.css_t

   1 /*
   2  * nature.css_t
   3  * ~~~~~~~~~~~~
   4  *
   5  * Sphinx stylesheet -- nature theme.
   6  *
   7  * :copyright: Copyright 2007-2011 by the Sphinx team, see AUTHORS.
   8  * :license: BSD, see LICENSE for details.
   9  *
  10  */
  11
  12 @import url("basic.css");
  13
  14 /* -- page layout ----------------------------------------------------------- */
  15
  16 @import url('http://fonts.googleapis.com/css?family=Titillium+Web:400,300,700');
  17
  18 body {
  19     font: 14px/1.4 Helvetica, Arial, sans-serif;
  20     background-color: #E6E8E8;
  21     color: #37424A;
  22     margin: 0;
  23     padding: 0;
  24     border-top: 5px solid #F05C56;
  25 }
  26
  27 div.documentwrapper {
  28     float: left;
  29     width: 100%;
  30 }
  31
  32 div.bodywrapper {
  33     margin: 0 0 0 330px;
  34 }
  35
  36 hr {
  37     border: 1px solid #B1B4B6;
  38 }
  39
  40 div.document {
  41     background-color: #ffffff;
  42 }
  43
  44 div.body {
  45     background-color: #ffffff;
  46     color: #3E4349;
  47     padding: 0 30px 30px 30px;
  48 }
  49
  50 div.footer {
  51     color: #222B31;
  52     width: 100%;
  53     padding: 13px 0;
  54     text-align: center;
  55     font-size: 75%;
  56 }
  57
  58 div.footer a {
  59     color: #444;
  60     text-decoration: underline;
  61 }
  62
  63 div.related {
  64     background-color: #80D2DC;
  65     line-height: 32px;
  66     color: #37424A;
  67     // text-shadow: 0px 1px 0 #444;
  68     font-size: 100%;
  69     border-top: #9C4850 5px solid;
  70 }
  71
  72 div.related a {
  73     color: #37424A;
  74     text-decoration: none;
  75 }
  76
  77 div.related a:hover {
  78     color: #fff;
  79     // text-decoration: underline;
  80 }
  81
  82 div.sphinxsidebar {
  83     // font-size: 100%;
  84     line-height: 1.5em;
  85     width: 330px;
  86 }
  87
  88 div.sphinxsidebarwrapper{
  89     padding: 20px 0;
  90     background-color: #efefef;
  91 }
  92
  93 div.sphinxsidebar h3,
  94 div.sphinxsidebar h4 {
  95     font-family: 'Titillium Web', sans-serif;
  96     color: #e6e8e8;
  97     font-size: 1.2em;
  98     font-weight: 500;
  99     margin: 0;
 100     padding: 5px 10px;
 101     background-color: #5e6a71;
 102     // text-shadow: 1px 1px 0 white;
 103     text-transform: uppercase;
 104 }
 105
 106 div.sphinxsidebar h4{
 107     font-size: 1.1em;
 108 }
 109
 110 div.sphinxsidebar h3 a {
 111     color: #e6e8e8;
 112 }
 113
 114
 115 div.sphinxsidebar p {
 116     color: #888;
 117     padding: 5px 20px;
 118 }
 119
 120 div.sphinxsidebar p.topless {
 121 }
 122
 123 div.sphinxsidebar ul {
 124     margin: 10px 5px 10px 20px;
 125     padding: 0;
 126     color: #000;
 127 }
 128
 129 div.sphinxsidebar a {
 130     color: #444;
 131 }
 132
 133 div.sphinxsidebar input {
 134     border: 1px solid #ccc;
 135     font-family: sans-serif;
 136     font-size: 1em;
 137 }
 138
 139 div.sphinxsidebar input[type=text]{
 140     margin-left: 20px;
 141 }
 142
 143 /* -- body styles ----------------------------------------------------------- */
 144
 145 a {
 146     color: #F05C56;
 147     text-decoration: none;
 148 }
 149
 150 a:hover {
 151     color: #F05C56;
 152     text-decoration: underline;
 153 }
 154
 155 div.body h1,
 156 div.body h2,
 157 div.body h3,
 158 div.body h4,
 159 div.body h5,
 160 div.body h6 {
 161     margin: 30px 0px 10px 0px;
 162     padding: 5px 0 5px 0px;
 163     text-transform: uppercase;
 164 }
 165
 166 div.body h1 { font: 20px/2.0 'Titillium Web'; color: #37424A; border-top: 20px solid white; margin-top: 0; }
 167 div.body h2 { font: 18px/1.8 'Titillium Web'; background-color: #5E6A71; color: #E6E8E8; padding: 5px 10px; }
 168 div.body h3 { font: 16px/1.6 'Titillium Web'; color: #37424A; }
 169 div.body h4 { font: 14px/1.4 Helvetica, Arial, sans-serif;  color: #37424A; }
 170 div.body h5 { font: 12px/1.2 Helvetica, Arial, sans-serif;  color: #37424A; }
 171 div.body h6 { font-size: 100%; color: #37424A; }
 172
 173 // div.body h2 { font-size: 150%; background-color: #E6E8E8; color: #37424A; }
 174 // div.body h3 { font-size: 120%; background-color: #E6E8E8; color: #37424A; }
 175 // div.body h4 { font-size: 110%; background-color: #E6E8E8; color: #37424A; }
 176 // div.body h5 { font-size: 100%; background-color: #E6E8E8; color: #37424A; }
 177 // div.body h6 { font-size: 100%; background-color: #E6E8E8; color: #37424A; }
 178
 179 a.headerlink {
 180     color: #c60f0f;
 181     font-size: 0.8em;
 182     padding: 0 4px 0 4px;
 183     text-decoration: none;
 184 }
 185
 186 a.headerlink:hover {
 187     background-color: #c60f0f;
 188     color: white;
 189 }
 190
 191 div.body p, div.body dd, div.body li {
 192     line-height: 1.5em;
 193 }
 194
 195 div.admonition p.admonition-title + p {
 196     display: inline;
 197 }
 198
 199 div.highlight {
 200     background-color: white;
 201 }
 202
 203 div.note {
 204     background-color: #e6e8e8;
 205     border: 1px solid #ccc;
 206 }
 207
 208 div.seealso {
 209     background-color: #ffc;
 210     border: 1px solid #ff6;
 211 }
 212
 213 div.topic {
 214     background-color: #efefef;
 215 }
 216
 217 div.warning {
 218     background-color: #F05C56;
 219     border: 1px solid #9C4850;
 220     color: #fff;
 221 }
 222
 223 p.admonition-title {
 224     display: inline;
 225 }
 226
 227 p.admonition-title:after {
 228     content: ":";
 229 }
 230
 231 pre {
 232     padding: 10px;
 233     background-color: White;
 234     color: #222;
 235     line-height: 1.2em;
 236     border: 1px solid #5e6a71;
 237     font-size: 1.1em;
 238     margin: 1.5em;
 239     -webkit-box-shadow: 1px 1px 1px #e6e8e8;
 240     -moz-box-shadow: 1px 1px 1px #e6e8e8;
 241 }
 242
 243 tt {
 244     background-color: #ecf0f3;
 245     color: #222;
 246     /* padding: 1px 2px; */
 247     font-size: 15px;
 248     font-family: monospace;
 249 }
 250
 251 .viewcode-back {
 252     font-family: Arial, sans-serif;
 253 }
 254
 255 div.viewcode-block:target {
 256     background-color: #f4debf;
 257     border-top: 1px solid #ac9;
 258     border-bottom: 1px solid #ac9;
 259 }
 260
 261 table.docutils {
 262     margin: 1.5em;
 263 }
 264
 265 div.sidebar {
 266     border: 1px solid #5E6A71;
 267     background-color: #E6E8E8;
 268 }
 269
 270 div.admonition.tip {
 271     background-color: #80D2DC;
 272     border: 1px solid #55AEBA;
 273 }
 274
 275 div.admonition.important {
 276     background-color: #F05C56;
 277     border: 1px solid #9C4850;
 278     color: #fff;
 279 }
 280
 281 div.admonition.important a {
 282     color: #E6E8E8;
 283 }
 284
 285 div.tip tt.literal {
 286     background-color: #55aeba;
 287     color: #fff;
 288 }
 289
 290 div.important tt.literal {
 291     background-color: #9C4850;
 292     color: #fff;
 293 }
 294
 295 h2 .literal {
 296     color: #fff;
 297     background-color: #37424a;
 298 }
 299
 300 dl.glossary dt {
 301         font-size: 1.0em;
 302         padding-top:20px;
 303
 304 }
 305
 306 p.breathe-sectiondef-title {
 307     font-size: 1.3em;
 308     font-weight: bold;
 309     border-bottom: thin solid #5E6A71;
 310 }