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-2019 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('https://fonts.googleapis.com/css?family=Titillium+Web:400,300,700');
  17
  18 body {
  19     font-family: Helvetica, Arial, sans-serif;
  20     font-size: 100%;
  21     background-color: #fff;
  22     color: #555;
  23     margin: 0;
  24     padding: 0;
  25     border-top: 5px solid #F05C56;
  26 }
  27
  28 div.documentwrapper {
  29     float: left;
  30     width: 100%;
  31 }
  32
  33 div.bodywrapper {
  34     margin: 0 0 0 330px;
  35 }
  36
  37 hr {
  38     border: 1px solid #B1B4B6;
  39 }
  40
  41 div.document {
  42     background-color: #eee;
  43 }
  44
  45 div.body {
  46     background-color: #ffffff;
  47     color: #3E4349;
  48     padding: 0 30px 30px 30px;
  49     font-size: 0.9em;
  50 }
  51
  52 div.footer {
  53     color: #555;
  54     width: 100%;
  55     padding: 13px 0;
  56     text-align: center;
  57     font-size: 75%;
  58 }
  59
  60 div.footer a {
  61     color: #444;
  62     text-decoration: underline;
  63 }
  64
  65 div.related {
  66     background-color: #80D2DC;
  67     line-height: 32px;
  68     color: #37424A;
  69     font-size: 0.9em;
  70     border-top: #9C4850 5px solid;
  71 }
  72
  73 div.related a {
  74     color: #37424A;
  75     text-decoration: none;
  76 }
  77
  78 div.related a:hover {
  79     color: #fff;
  80     // text-decoration: underline;
  81 }
  82
  83 div.sphinxsidebar {
  84     font-size: 0.75em;
  85     line-height: 1.5em;
  86     width: 330px;
  87 }
  88
  89 div.sphinxsidebarwrapper{
  90     padding: 20px 0;
  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: normal;
  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 div.sphinxsidebar h4 a {
 112     color: #e6e8e8;
 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 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     margin-right: 20px;
 142 }
 143
 144 div.sphinxsidebar input[type=submit] {
 145     border-left: 1px solid #ccc !important;
 146     margin-left: 20px;
 147 }
 148
 149 /* -- body styles ----------------------------------------------------------- */
 150
 151 a {
 152     color: #F05C56;
 153     text-decoration: none;
 154 }
 155
 156 a:hover {
 157     color: #E32E00;
 158     text-decoration: underline;
 159 }
 160
 161 div.body h1,
 162 div.body h2,
 163 div.body h3,
 164 div.body h4,
 165 div.body h5,
 166 div.body h6 {
 167     background-color: #99DAE3;
 168     font-weight: normal;
 169     color: #212224;
 170     margin: 30px 0px 10px 0px;
 171     padding: 5px 0 5px 10px;
 172     // text-shadow: 0px 1px 0 white;
 173     text-transform: uppercase;
 174 }
 175
 176 div.body h1 { font-family: Titillium Web; border-top: 20px solid white; margin-top: 0; font-size: 200%; }
 177 div.body h2 { font-family: Titillium Web; font-size: 150%; background-color: #B2E3EA; }
 178 div.body h3 { font-family: Titillium Web; font-size: 120%; background-color: #CCECF1; }
 179 div.body h4 { font-family: Helvetica, Arial, sans-serif; font-size: 110%; background-color: #CCECF1; }
 180 div.body h5 { font-family: Helvetica, Arial, sans-serif; font-size: 100%; background-color: #CCECF1; }
 181 div.body h6 { font-family: Helvetica, Arial, sans-serif; font-size: 100%; background-color: #CCECF1; }
 182
 183 a.headerlink {
 184     color: #c60f0f;
 185     font-size: 0.8em;
 186     padding: 0 4px 0 4px;
 187     text-decoration: none;
 188 }
 189
 190 a.headerlink:hover {
 191     background-color: #c60f0f;
 192     color: white;
 193 }
 194
 195 div.body p, div.body dd, div.body li {
 196     line-height: 1.5em;
 197 }
 198
 199 div.admonition p.admonition-title + p {
 200     display: inline;
 201 }
 202
 203 div.highlight {
 204     background-color: white;
 205 }
 206
 207 div.note {
 208     background-color: #eee;
 209     border: 1px solid #ccc;
 210 }
 211
 212 div.seealso {
 213     background-color: #ffc;
 214     border: 1px solid #ff6;
 215 }
 216
 217 div.topic {
 218     background-color: #eee;
 219 }
 220
 221 div.warning {
 222     background-color: #ffe4e4;
 223     border: 1px solid #f66;
 224 }
 225
 226 div.warning a {
 227     color: black;
 228 }
 229
 230 p.admonition-title {
 231     display: inline;
 232 }
 233
 234 p.admonition-title:after {
 235     content: ":";
 236 }
 237
 238 pre {
 239     padding: 10px;
 240     background-color: White;
 241     color: #222;
 242     line-height: 1.2em;
 243     border: 1px solid #C6C9CB;
 244     font-size: 1.1em;
 245     margin: 1.5em 0 1.5em 0;
 246     -webkit-box-shadow: 1px 1px 1px #d8d8d8;
 247     -moz-box-shadow: 1px 1px 1px #d8d8d8;
 248 }
 249
 250 tt {
 251     background-color: #ecf0f3;
 252     color: #222;
 253     /* padding: 1px 2px; */
 254     font-size: 1.1em;
 255     font-family: monospace;
 256 }
 257
 258 .viewcode-back {
 259     font-family: Arial, sans-serif;
 260 }
 261
 262 div.viewcode-block:target {
 263     background-color: #f4debf;
 264     border-top: 1px solid #ac9;
 265     border-bottom: 1px solid #ac9;
 266 }
 267
 268 table.docutils {
 269     margin: 1.5em;
 270 }
 271
 272 div.sidebar {
 273     border: 1px solid #5E6A71;
 274     background-color: #E6E8E8;
 275 }
 276
 277 div.admonition.tip {
 278     background-color: #80D2DC;
 279     border: 1px solid #55AEBA;
 280 }
 281
 282 div.admonition.important {
 283     background-color: #F05C56;
 284     border: 1px solid #9C4850;
 285     color: #fff;
 286 }
 287
 288 div.admonition.important a {
 289     color: #E6E8E8;
 290 }
 291
 292 div.tip tt.literal {
 293     background-color: #55aeba;
 294     color: #fff;
 295 }
 296
 297 div.important tt.literal {
 298     background-color: #9C4850;
 299     color: #fff;
 300 }
 301
 302 h2 .literal {
 303     color: #fff;
 304     background-color: #37424a;
 305 }
 306
 307 dl.glossary dt {
 308     font-size: 1.0em;
 309     padding-top:20px;
 310 }
 311
 312 p.breathe-sectiondef-title {
 313     font-size: 1.3em;
 314     font-weight: bold;
 315     border-bottom: thin solid #5E6A71;
 316 }