github.com/cayleygraph/cayley@v0.7.7/static/css/docs.css (about) 1 /* 2 // Copyright 2014 The Cayley Authors. All rights reserved. 3 // 4 // Licensed under the Apache License, Version 2.0 (the "License"); 5 // you may not use this file except in compliance with the License. 6 // You may obtain a copy of the License at 7 // 8 // http://www.apache.org/licenses/LICENSE-2.0 9 // 10 // Unless required by applicable law or agreed to in writing, software 11 // distributed under the License is distributed on an "AS IS" BASIS, 12 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 13 // See the License for the specific language governing permissions and 14 // limitations under the License. 15 */ 16 17 body { 18 font-family: Helvetica, arial, sans-serif; 19 font-size: 14px; 20 line-height: 1.6; 21 padding-top: 10px; 22 padding-bottom: 10px; 23 background-color: white; 24 padding: 30px; } 25 26 body > *:first-child { 27 margin-top: 0 !important; } 28 body > *:last-child { 29 margin-bottom: 0 !important; } 30 31 a { 32 color: #4183C4; } 33 a.absent { 34 color: #cc0000; } 35 a.anchor { 36 display: block; 37 padding-left: 30px; 38 margin-left: -30px; 39 cursor: pointer; 40 position: absolute; 41 top: 0; 42 left: 0; 43 bottom: 0; } 44 45 h1, h2, h3, h4, h5, h6 { 46 margin: 20px 0 10px; 47 padding: 0; 48 font-weight: bold; 49 -webkit-font-smoothing: antialiased; 50 cursor: text; 51 position: relative; } 52 53 h1:hover a.anchor, h2:hover a.anchor, h3:hover a.anchor, h4:hover a.anchor, h5:hover a.anchor, h6:hover a.anchor { 54 background: url("../../images/modules/styleguide/para.png") no-repeat 10px center; 55 text-decoration: none; } 56 57 h1 tt, h1 code { 58 font-size: inherit; } 59 60 h2 tt, h2 code { 61 font-size: inherit; } 62 63 h3 tt, h3 code { 64 font-size: inherit; } 65 66 h4 tt, h4 code { 67 font-size: inherit; } 68 69 h5 tt, h5 code { 70 font-size: inherit; } 71 72 h6 tt, h6 code { 73 font-size: inherit; } 74 75 h1 { 76 font-size: 28px; 77 color: black; } 78 79 h2 { 80 font-size: 24px; 81 border-bottom: 1px solid #cccccc; 82 color: black; } 83 84 h3 { 85 font-size: 18px; } 86 87 h4 { 88 font-size: 16px; } 89 90 h5 { 91 font-size: 14px; } 92 93 h6 { 94 color: #777777; 95 font-size: 14px; } 96 97 p, blockquote, ul, ol, dl, li, table, pre { 98 margin: 15px 0; } 99 100 hr { 101 background: transparent url("../../images/modules/pulls/dirty-shade.png") repeat-x 0 0; 102 border: 0 none; 103 color: #cccccc; 104 height: 4px; 105 padding: 0; } 106 107 body > h2:first-child { 108 margin-top: 0; 109 padding-top: 0; } 110 body > h1:first-child { 111 margin-top: 0; 112 padding-top: 0; } 113 body > h1:first-child + h2 { 114 margin-top: 0; 115 padding-top: 0; } 116 body > h3:first-child, body > h4:first-child, body > h5:first-child, body > h6:first-child { 117 margin-top: 0; 118 padding-top: 0; } 119 120 a:first-child h1, a:first-child h2, a:first-child h3, a:first-child h4, a:first-child h5, a:first-child h6 { 121 margin-top: 0; 122 padding-top: 0; } 123 124 h1 p, h2 p, h3 p, h4 p, h5 p, h6 p { 125 margin-top: 0; } 126 127 li p.first { 128 display: inline-block; } 129 130 ul, ol { 131 padding-left: 30px; } 132 133 ul :first-child, ol :first-child { 134 margin-top: 0; } 135 136 ul :last-child, ol :last-child { 137 margin-bottom: 0; } 138 139 dl { 140 padding: 0; } 141 dl dt { 142 font-size: 14px; 143 font-weight: bold; 144 font-style: italic; 145 padding: 0; 146 margin: 15px 0 5px; } 147 dl dt:first-child { 148 padding: 0; } 149 dl dt > :first-child { 150 margin-top: 0; } 151 dl dt > :last-child { 152 margin-bottom: 0; } 153 dl dd { 154 margin: 0 0 15px; 155 padding: 0 15px; } 156 dl dd > :first-child { 157 margin-top: 0; } 158 dl dd > :last-child { 159 margin-bottom: 0; } 160 161 blockquote { 162 border-left: 4px solid #dddddd; 163 padding: 0 15px; 164 color: #777777; } 165 blockquote > :first-child { 166 margin-top: 0; } 167 blockquote > :last-child { 168 margin-bottom: 0; } 169 170 table { 171 padding: 0; } 172 table tr { 173 border-top: 1px solid #cccccc; 174 background-color: white; 175 margin: 0; 176 padding: 0; } 177 table tr:nth-child(2n) { 178 background-color: #f8f8f8; } 179 table tr th { 180 font-weight: bold; 181 border: 1px solid #cccccc; 182 text-align: left; 183 margin: 0; 184 padding: 6px 13px; } 185 table tr td { 186 border: 1px solid #cccccc; 187 text-align: left; 188 margin: 0; 189 padding: 6px 13px; } 190 table tr th :first-child, table tr td :first-child { 191 margin-top: 0; } 192 table tr th :last-child, table tr td :last-child { 193 margin-bottom: 0; } 194 195 img { 196 max-width: 100%; } 197 198 span.frame { 199 display: block; 200 overflow: hidden; } 201 span.frame > span { 202 border: 1px solid #dddddd; 203 display: block; 204 float: left; 205 overflow: hidden; 206 margin: 13px 0 0; 207 padding: 7px; 208 width: auto; } 209 span.frame span img { 210 display: block; 211 float: left; } 212 span.frame span span { 213 clear: both; 214 color: #333333; 215 display: block; 216 padding: 5px 0 0; } 217 span.align-center { 218 display: block; 219 overflow: hidden; 220 clear: both; } 221 span.align-center > span { 222 display: block; 223 overflow: hidden; 224 margin: 13px auto 0; 225 text-align: center; } 226 span.align-center span img { 227 margin: 0 auto; 228 text-align: center; } 229 span.align-right { 230 display: block; 231 overflow: hidden; 232 clear: both; } 233 span.align-right > span { 234 display: block; 235 overflow: hidden; 236 margin: 13px 0 0; 237 text-align: right; } 238 span.align-right span img { 239 margin: 0; 240 text-align: right; } 241 span.float-left { 242 display: block; 243 margin-right: 13px; 244 overflow: hidden; 245 float: left; } 246 span.float-left span { 247 margin: 13px 0 0; } 248 span.float-right { 249 display: block; 250 margin-left: 13px; 251 overflow: hidden; 252 float: right; } 253 span.float-right > span { 254 display: block; 255 overflow: hidden; 256 margin: 13px auto 0; 257 text-align: right; } 258 259 code, tt { 260 margin: 0 2px; 261 padding: 0 5px; 262 white-space: nowrap; 263 border: 1px solid #eaeaea; 264 background-color: #f8f8f8; 265 border-radius: 3px; } 266 267 pre code { 268 margin: 0; 269 padding: 0; 270 white-space: pre; 271 border: none; 272 background: transparent; } 273 274 .highlight pre { 275 background-color: #f8f8f8; 276 border: 1px solid #cccccc; 277 font-size: 13px; 278 line-height: 19px; 279 overflow: auto; 280 padding: 6px 10px; 281 border-radius: 3px; } 282 283 pre { 284 background-color: #f8f8f8; 285 border: 1px solid #cccccc; 286 font-size: 13px; 287 line-height: 19px; 288 overflow: auto; 289 padding: 6px 10px; 290 border-radius: 3px; } 291 pre code, pre tt { 292 background-color: transparent; 293 border: none; }