ocean.css · typeable/pagerduty

git.iko.soy/typeable/pagerduty

on gh-pages help sign in

typeable/pagerduty/ocean.css

577 lines 8.7 kB history raw

1/* @group Fundamentals */

3* { margin: 0; padding: 0 }

5/* Is this portable? */

6html {

7 background-color: white;

8 width: 100%;

9 height: 100%;

10}

12body {

13 background: white;

14 color: black;

15 text-align: left;

16 min-height: 100%;

17 position: relative;

18}

20p {

21 margin: 0.8em 0;

22}

24ul, ol {

25 margin: 0.8em 0 0.8em 2em;

26}

28dl {

29 margin: 0.8em 0;

30}

32dt {

33 font-weight: bold;

34}

35dd {

36 margin-left: 2em;

37}

39a { text-decoration: none; }

40a[href]:link { color: rgb(196,69,29); }

41a[href]:visited { color: rgb(171,105,84); }

42a[href]:hover { text-decoration:underline; }

44/* @end */

46/* @group Fonts & Sizes */

48/* Basic technique & IE workarounds from YUI 3

49 For reasons, see:

50 http://yui.yahooapis.com/3.1.1/build/cssfonts/fonts.css

51 */

53body {

54 font:13px/1.4 sans-serif;

55 *font-size:small; /* for IE */

56 *font:x-small; /* for IE in quirks mode */

57}

59h1 { font-size: 146.5%; /* 19pt */ }

60h2 { font-size: 131%; /* 17pt */ }

61h3 { font-size: 116%; /* 15pt */ }

62h4 { font-size: 100%; /* 13pt */ }

63h5 { font-size: 100%; /* 13pt */ }

65select, input, button, textarea {

66 font:99% sans-serif;

67}

69table {

70 font-size:inherit;

71 font:100%;

72}

74pre, code, kbd, samp, tt, .src {

75 font-family:monospace;

76 *font-size:108%;

77 line-height: 124%;

78}

80.links, .link {

81 font-size: 85%; /* 11pt */

82}

84#module-header .caption {

85 font-size: 182%; /* 24pt */

86}

88.info {

89 font-size: 85%; /* 11pt */

90}

92#table-of-contents, #synopsis {

93 /* font-size: 85%; /* 11pt */

94}

97/* @end */

99/* @group Common */

100

101.caption, h1, h2, h3, h4, h5, h6 {

102 font-weight: bold;

103 color: rgb(78,98,114);

104 margin: 0.8em 0 0.4em;

105}

106

107* + h1, * + h2, * + h3, * + h4, * + h5, * + h6 {

108 margin-top: 2em;

109}

110

111h1 + h2, h2 + h3, h3 + h4, h4 + h5, h5 + h6 {

112 margin-top: inherit;

113}

114

115ul.links {

116 list-style: none;

117 text-align: left;

118 float: right;

119 display: inline-table;

120 margin: 0 0 0 1em;

121}

122

123ul.links li {

124 display: inline;

125 border-left: 1px solid #d5d5d5;

126 white-space: nowrap;

127 padding: 0;

128}

129

130ul.links li a {

131 padding: 0.2em 0.5em;

132}

133

134.hide { display: none; }

135.show { display: inherit; }

136.clear { clear: both; }

137

138.collapser {

139 background-image: url(minus.gif);

140 background-repeat: no-repeat;

141}

142.expander {

143 background-image: url(plus.gif);

144 background-repeat: no-repeat;

145}

146p.caption.collapser,

147p.caption.expander {

148 background-position: 0 0.4em;

149}

150.collapser, .expander {

151 padding-left: 14px;

152 margin-left: -14px;

153 cursor: pointer;

154}

155

156pre {

157 padding: 0.25em;

158 margin: 0.8em 0;

159 background: rgb(229,237,244);

160 overflow: auto;

161 border-bottom: 0.25em solid white;

162 /* white border adds some space below the box to compensate

163 for visual extra space that paragraphs have between baseline

164 and the bounding box */

165}

166

167.src {

168 background: #f0f0f0;

169 padding: 0.2em 0.5em;

170}

171

172.keyword { font-weight: normal; }

173.def { font-weight: bold; }

174

175

176/* @end */

177

178/* @group Page Structure */

179

180#content {

181 margin: 0 auto;

182 padding: 0 2em 6em;

183}

184

185#package-header {

186 background: rgb(41,56,69);

187 border-top: 5px solid rgb(78,98,114);

188 color: #ddd;

189 padding: 0.2em;

190 position: relative;

191 text-align: left;

192}

193

194#package-header .caption {

195 background: url(hslogo-16.png) no-repeat 0em;

196 color: white;

197 margin: 0 2em;

198 font-weight: normal;

199 font-style: normal;

200 padding-left: 2em;

201}

202

203#package-header a:link, #package-header a:visited { color: white; }

204#package-header a:hover { background: rgb(78,98,114); }

205

206#module-header .caption {

207 color: rgb(78,98,114);

208 font-weight: bold;

209 border-bottom: 1px solid #ddd;

210}

211

212table.info {

213 float: right;

214 padding: 0.5em 1em;

215 border: 1px solid #ddd;

216 color: rgb(78,98,114);

217 background-color: #fff;

218 max-width: 40%;

219 border-spacing: 0;

220 position: relative;

221 top: -0.5em;

222 margin: 0 0 0 2em;

223}

224

225.info th {

226 padding: 0 1em 0 0;

227}

228

229div#style-menu-holder {

230 position: relative;

231 z-index: 2;

232 display: inline;

233}

234

235#style-menu {

236 position: absolute;

237 z-index: 1;

238 overflow: visible;

239 background: #374c5e;

240 margin: 0;

241 text-align: center;

242 right: 0;

243 padding: 0;

244 top: 1.25em;

245}

246

247#style-menu li {

248 display: list-item;

249 border-style: none;

250 margin: 0;

251 padding: 0;

252 color: #000;

253 list-style-type: none;

254}

255

256#style-menu li + li {

257 border-top: 1px solid #919191;

258}

259

260#style-menu a {

261 width: 6em;

262 padding: 3px;

263 display: block;

264}

265

266#footer {

267 background: #ddd;

268 border-top: 1px solid #aaa;

269 padding: 0.5em 0;

270 color: #666;

271 text-align: center;

272 position: absolute;

273 bottom: 0;

274 width: 100%;

275 height: 3em;

276}

277

278/* @end */

279

280/* @group Front Matter */

281

282#table-of-contents {

283 float: right;

284 clear: right;

285 background: #faf9dc;

286 border: 1px solid #d8d7ad;

287 padding: 0.5em 1em;

288 max-width: 20em;

289 margin: 0.5em 0 1em 1em;

290}

291

292#table-of-contents .caption {

293 text-align: center;

294 margin: 0;

295}

296

297#table-of-contents ul {

298 list-style: none;

299 margin: 0;

300}

301

302#table-of-contents ul ul {

303 margin-left: 2em;

304}

305

306#description .caption {

307 display: none;

308}

309

310#synopsis {

311 display: none;

312}

313

314.no-frame #synopsis {

315 display: block;

316 position: fixed;

317 right: 0;

318 height: 80%;

319 top: 10%;

320 padding: 0;

321}

322

323#synopsis .caption {

324 float: left;

325 width: 29px;

326 color: rgba(255,255,255,0);

327 height: 110px;

328 margin: 0;

329 font-size: 1px;

330 padding: 0;

331}

332

333#synopsis p.caption.collapser {

334 background: url(synopsis.png) no-repeat -64px -8px;

335}

336

337#synopsis p.caption.expander {

338 background: url(synopsis.png) no-repeat 0px -8px;

339}

340

341#synopsis ul {

342 height: 100%;

343 overflow: auto;

344 padding: 0.5em;

345 margin: 0;

346}

347

348#synopsis ul ul {

349 overflow: hidden;

350}

351

352#synopsis ul,

353#synopsis ul li.src {

354 background-color: #faf9dc;

355 white-space: nowrap;

356 list-style: none;

357 margin-left: 0;

358}

359

360/* @end */

361

362/* @group Main Content */

363

364#interface div.top { margin: 2em 0; }

365#interface h1 + div.top,

366#interface h2 + div.top,

367#interface h3 + div.top,

368#interface h4 + div.top,

369#interface h5 + div.top {

370 margin-top: 1em;

371}

372#interface p.src .link {

373 float: right;

374 color: #919191;

375 border-left: 1px solid #919191;

376 background: #f0f0f0;

377 padding: 0 0.5em 0.2em;

378 margin: 0 -0.5em 0 0.5em;

379}

380

381#interface span.fixity {

382 color: #919191;

383 border-left: 1px solid #919191;

384 padding: 0.2em 0.5em 0.2em 0.5em;

385 margin: 0 -1em 0 1em;

386}

387

388#interface span.rightedge {

389 border-left: 1px solid #919191;

390 padding: 0.2em 0 0.2em 0;

391 margin: 0 0 0 1em;

392}

393

394#interface table { border-spacing: 2px; }

395#interface td {

396 vertical-align: top;

397 padding-left: 0.5em;

398}

399#interface td.src {

400 white-space: nowrap;

401}

402#interface td.doc p {

403 margin: 0;

404}

405#interface td.doc p + p {

406 margin-top: 0.8em;

407}

408

409.subs dl {

410 margin: 0;

411}

412

413.subs dt {

414 float: left;

415 clear: left;

416 display: block;

417 margin: 1px 0;

418}

419

420.subs dd {

421 float: right;

422 width: 90%;

423 display: block;

424 padding-left: 0.5em;

425 margin-bottom: 0.5em;

426}

427

428.subs dd.empty {

429 display: none;

430}

431

432.subs dd p {

433 margin: 0;

434}

435

436/* Render short-style data instances */

437.inst ul {

438 height: 100%;

439 padding: 0.5em;

440 margin: 0;

441}

442

443.inst, .inst li {

444 list-style: none;

445 margin-left: 1em;

446}

447

448.top p.src {

449 border-top: 1px solid #ccc;

450}

451

452.subs, .doc {

453 /* use this selector for one level of indent */

454 padding-left: 2em;

455}

456

457.warning {

458 color: red;

459}

460

461.arguments {

462 margin-top: -0.4em;

463}

464.arguments .caption {

465 display: none;

466}

467

468.fields { padding-left: 1em; }

469

470.fields .caption { display: none; }

471

472.fields p { margin: 0 0; }

473

474/* this seems bulky to me

475.methods, .constructors {

476 background: #f8f8f8;

477 border: 1px solid #eee;

478}

479*/

480

481/* @end */

482

483/* @group Auxillary Pages */

484

485

486.extension-list {

487 list-style-type: none;

488 margin-left: 0;

489}

490

491#mini {

492 margin: 0 auto;

493 padding: 0 1em 1em;

494}

495

496#mini > * {

497 font-size: 93%; /* 12pt */

498}

499

500#mini #module-list .caption,

501#mini #module-header .caption {

502 font-size: 125%; /* 15pt */

503}

504

505#mini #interface h1,

506#mini #interface h2,

507#mini #interface h3,

508#mini #interface h4 {

509 font-size: 109%; /* 13pt */

510 margin: 1em 0 0;

511}

512

513#mini #interface .top,

514#mini #interface .src {

515 margin: 0;

516}

517

518#mini #module-list ul {

519 list-style: none;

520 margin: 0;

521}

522

523#alphabet ul {

524 list-style: none;

525 padding: 0;

526 margin: 0.5em 0 0;

527 text-align: center;

528}

529

530#alphabet li {

531 display: inline;

532 margin: 0 0.25em;

533}

534

535#alphabet a {

536 font-weight: bold;

537}

538

539#index .caption,

540#module-list .caption { font-size: 131%; /* 17pt */ }

541

542#index table {

543 margin-left: 2em;

544}

545

546#index .src {

547 font-weight: bold;

548}

549#index .alt {

550 font-size: 77%; /* 10pt */

551 font-style: italic;

552 padding-left: 2em;

553}

554

555#index td + td {

556 padding-left: 1em;

557}

558

559#module-list ul {

560 list-style: none;

561 margin: 0 0 0 2em;

562}

563

564#module-list li {

565 clear: right;

566}

567

568#module-list span.collapser,

569#module-list span.expander {

570 background-position: 0 0.3em;

571}

572

573#module-list .package {

574 float: right;

575}

576

577/* @end */