NRuby

1
/*
2
 * "Darkfish" Rdoc CSS
3
 * $Id: rdoc.css 54 2009-01-27 01:09:48Z deveiant $
4
 *
5
 * Author: Michael Granger <ged@FaerieMUD.org>
6
 *
7
 */
8

9
/* vim: ft=css et sw=2 ts=2 sts=2 */
10
/* Base Green is: #6C8C22 */
11

12
.hide { display: none !important; }
13

14
* { padding: 0; margin: 0; }
15

16
body {
17
  /*background: #fafafa; */
18
  background: #fff;
19
  font-family: Lato, sans-serif;
20
  font-family: Georgia, serif;
21
  font-weight: 300;
22
}
23

24
h1 span,
25
h2 span,
26
h3 span,
27
h4 span,
28
h5 span,
29
h6 span {
30
  position: relative;
31

32
  display: none;
33
  padding-left: 1em;
34
  line-height: 0;
35
  vertical-align: baseline;
36
  font-size: 10px;
37
}
38

39
h1 span { top: -1.3em; }
40
h2 span { top: -1.2em; }
41
h3 span { top: -1.0em; }
42
h4 span { top: -0.8em; }
43
h5 span { top: -0.5em; }
44
h6 span { top: -0.5em; }
45

46
h1:hover span,
47
h2:hover span,
48
h3:hover span,
49
h4:hover span,
50
h5:hover span,
51
h6:hover span {
52
  display: inline;
53
}
54

55
h1:target,
56
h2:target,
57
h3:target,
58
h4:target,
59
h5:target,
60
h6:target {
61
  margin-left: -10px;
62
  /* border-left: 10px solid #f1edba; */
63
  border-left: 10px solid #D4000F;
64
}
65

66
:link,
67
:visited {
68
  /* color: # 6C8C22; */
69
/*  color: # EE6262; */
70
  color: #660303
71

72
  text-decoration: none;
73
}
74

75
:link:hover,
76
:visited:hover {
77
  /* border-bottom: 1px dotted #6C8C22; */
78
  border-bottom: 1px dotted #832321;
79
}
80

81
code,
82
pre {
83
  font-family: "Source Code Pro", Monaco, monospace;
84
  background-color: rgba(27,31,35,0.05);
85
  padding: 0em 0.2em;
86
  border-radius: 0.2em;
87
}
88

89
table {
90
  margin: 0;
91
  border-spacing: 0;
92
  border-collapse: collapse;
93
}
94

95
table tr th, table tr td {
96
  padding: 0.2em 0.4em;
97
  border: 1px solid #ccc;
98
}
99

100
table tr th {
101
  background-color: #eceaed;
102
}
103

104
table tr:nth-child(even) td {
105
  background-color: #f5f4f6;
106
}
107

108
/* @group Generic Classes */
109

110
.initially-hidden {
111
  display: none;
112
}
113

114
#search-field {
115
  width: 98%;
116
  background: white;
117
  border: none;
118
  height: 1.5em;
119
  -webkit-border-radius: 4px;
120
  -moz-border-radius: 4px;
121
  border-radius: 4px;
122
  text-align: left;
123
}
124
#search-field:focus {
125
  /* background: #f1edba; */
126
  background: #F2C7BA;
127
}
128
#search-field:-moz-placeholder,
129
#search-field::-webkit-input-placeholder {
130
  font-weight: bold;
131
  color: #666;
132
}
133

134
.missing-docs {
135
  font-size: 120%;
136
  background: white url(../images/wrench_orange.png) no-repeat 4px center;
137
  color: #ccc;
138
  line-height: 2em;
139
  border: 1px solid #d00;
140
  opacity: 1;
141
  padding-left: 20px;
142
  text-indent: 24px;
143
  letter-spacing: 3px;
144
  font-weight: bold;
145
  -webkit-border-radius: 5px;
146
  -moz-border-radius: 5px;
147
}
148

149
.target-section {
150
  border: 2px solid #dcce90;
151
  border-left-width: 8px;
152
  padding: 0 1em;
153
  background: #fff3c2;
154
}
155

156
/* @end */
157

158
/* @group Index Page, Standalone file pages */
159

160
.table-of-contents h1 {
161
  margin-top: 1em ! important;
162
  list-style: none;
163
}
164

165

166
.table-of-contents ul {
167
  margin: 0em;
168
  list-style: none;
169
}
170

171
.table-of-contents ul ul {
172
  margin-top: 0.25em;
173
}
174

175
.table-of-contents ul :link,
176
.table-of-contents ul :visited {
177
  font-size: 16px;
178
}
179

180
.table-of-contents li {
181
  margin-bottom: 0.25em;
182
}
183

184
.table-of-contents li .toc-toggle {
185
  width: 16px;
186
  height: 16px;
187
  background: url(../images/add.png) no-repeat;
188
}
189

190
.table-of-contents li .toc-toggle.open {
191
  background: url(../images/delete.png) no-repeat;
192
}
193

194
/* @end */
195

196
/* @group Top-Level Structure */
197

198
nav {
199
  float: left;
200
  width: 260px;
201
  font-family: Helvetica, sans-serif;
202
  font-size: 14px;
203
  border-right: 1px solid #ccc;
204
}
205

206
main {
207
  display: block;
208
  margin: 0 200px  5em 260px;
209
  padding-left: 20px;
210
  min-width: 340px;
211
  font-size: 16px;
212

213
/*  margin-right: 200px ! important; */
214
}
215

216
main h1,
217
main h2,
218
main h3,
219
main h4,
220
main h5,
221
main h6 {
222
  font-family: Helvetica, sans-serif;
223
  color: #AA2929; /* JGB */
224
}
225

226

227
.table-of-contents main {
228
  margin-top: 0 ! important;
229
  margin-left: 2em;
230
}
231

232
#validator-badges {
233
  clear: both;
234
  margin: 1em 1em 2em;
235
  font-size: smaller;
236
}
237

238
/* @end */
239

240
/* @group navigation */
241
nav {
242
  margin-bottom: 1em;
243
}
244

245
nav .nav-section {
246
  margin-top: 2em;
247
  border-top: 2px solid #aaa;
248
  font-size: 90%;
249
  overflow: hidden;
250
}
251

252
nav h2 {
253
  margin: 0;
254
  padding: 2px 8px 2px 8px;
255
  background-color: #e8e8e8;
256
  color: #555;
257
  font-size: 125%;
258
  text-align: center;
259
}
260

261
nav h3,
262
#table-of-contents-navigation {
263
  margin: 0;
264
  padding: 2px 8px 2px 8px;
265
  text-align: right;
266
  background-color: #e8e8e8;
267
  color: #555;
268
}
269

270
nav ul,
271
nav dl,
272
nav p {
273
  padding: 4px 8px 0;
274
  list-style: none;
275
}
276

277
#project-navigation .nav-section {
278
  margin: 0;
279
  border-top: 0;
280
}
281

282
#home-section h2 {
283
  text-align: center;
284
}
285

286
#table-of-contents-navigation {
287
  font-size: 1.2em;
288
  font-weight: bold;
289
  text-align: center;
290
}
291

292
#search-section {
293
  margin-top: 0;
294
  border-top: 0;
295
}
296

297
#search-field-wrapper {
298
  border-top: 1px solid #aaa;
299
  border-bottom: 1px solid #aaa;
300
  padding: 3px 8px;
301
  background-color: #e8e8e8;
302
  color: #555;
303
}
304

305
ul.link-list li {
306
  white-space: nowrap;
307
  line-height: 1.4em;
308
}
309

310
ul.link-list .type {
311
  font-size: 8px;
312
  text-transform: uppercase;
313
  color: white;
314
  background: #969696;
315
  padding: 2px 4px;
316
  -webkit-border-radius: 5px;
317
}
318

319
dl.note-list dt {
320
  float: left;
321
  margin-right: 1em;
322
}
323

324
.calls-super {
325
  background: url(../images/arrow_up.png) no-repeat right center;
326
}
327

328
/* @end */
329

330
/* @group Documentation Section */
331
main {
332
  color: #333;
333
  
334
}
335

336
main > h1:first-child,
337
main > h2:first-child,
338
main > h3:first-child,
339
main > h4:first-child,
340
main > h5:first-child,
341
main > h6:first-child {
342
  margin-top: 0px;
343
}
344

345
main sup {
346
  vertical-align: super;
347
  font-size: 0.8em;
348
}
349

350
/* The heading with the class name */
351
main h1[class] {
352
  margin-top: 0;
353
  margin-bottom: 1em;
354
  font-size: 2em;
355
  /* color: #6C8C22; */
356
  color: #cc3333;
357
}
358

359
main h1 {
360
  margin: 2em 0 0.5em;
361
  font-size: 1.7em;
362
}
363

364
main h2 {
365
  margin: 2em 0 0.5em;
366
  font-size: 1.5em;
367
}
368

369
main h3 {
370
  margin: 2em 0 0.5em;
371
  font-size: 1.2em;
372
}
373

374
main h4 {
375
  margin: 2em 0 0.5em;
376
  font-size: 1.1em;
377
}
378

379
main h5 {
380
  margin: 2em 0 0.5em;
381
  font-size: 1em;
382
}
383

384
main h6 {
385
  margin: 2em 0 0.5em;
386
  font-size: 1em;
387
}
388

389
main p {
390
  margin: 0 0 0.5em;
391
  line-height: 1.4em;
392
}
393

394
main pre {
395
  margin: 1.2em 0.5em;
396
  padding: 1em;
397
  font-size: 0.8em;
398
}
399

400
main hr {
401
  margin: 1.5em 1em;
402
  border: 2px solid #ddd;
403
}
404

405
main blockquote {
406
  margin: 0 2em 1.2em 1.2em;
407
  padding-left: 0.5em;
408
  border-left: 2px solid #ddd;
409
}
410

411
main ol,
412
main ul {
413
  margin: 1em 2em;
414
}
415

416
main li > p {
417
  margin-bottom: 0.5em;
418
}
419

420
main dl {
421
  margin: 1em 0.5em;
422
}
423

424
main dt {
425
  margin-bottom: 0.5em;
426
  font-weight: bold;
427
}
428

429
main dd {
430
  margin: 0 1em 1em 0.5em;
431
}
432

433
main header h2 {
434
  margin-top: 2em;
435
  border-width: 0;
436
  border-top: 4px solid #bbb;
437
  font-size: 130%;
438
}
439

440
main header h3 {
441
  margin: 2em 0 1.5em;
442
  border-width: 0;
443
  border-top: 3px solid #bbb;
444
  font-size: 120%;
445
}
446

447
.documentation-section-title {
448
  position: relative;
449
}
450
.documentation-section-title .section-click-top {
451
  position: absolute;
452
  top: 6px;
453
  left: 12px;
454
  font-size: 10px;
455
  /* color: #9b9877; */
456
  color: #9B7977;
457
  visibility: hidden;
458
  padding-left: 0.5px;
459
}
460

461
.documentation-section-title:hover .section-click-top {
462
  visibility: visible;
463
}
464

465
.constants-list > dl {
466
  margin: 1em 0 2em;
467
  border: 0;
468
}
469

470
.constants-list > dl dt {
471
  margin-bottom: 0.75em;
472
  padding-left: 0;
473
  font-family: "Source Code Pro", Monaco, monospace;
474
  font-size: 110%;
475
}
476

477
.constants-list > dl dt a {
478
  color: inherit;
479
}
480

481
.constants-list > dl dd {
482
  margin: 0 0 2em 0;
483
  padding: 0;
484
  color: #666;
485
}
486

487
.documentation-section h2 {
488
  position: relative;
489
}
490

491
.documentation-section h2 a {
492
  position: absolute;
493
  top: 8px;
494
  right: 10px;
495
  font-size: 12px;
496
  /* color: #9b9877; */
497
  color: #AD6565;
498
  visibility: hidden;
499
}
500

501
.documentation-section h2:hover a {
502
  visibility: visible;
503
}
504

505
/* @group Method Details */
506

507
main .method-source-code {
508
  max-height: 0;
509
  overflow: hidden;
510
  transition-duration: 200ms;
511
  transition-delay: 0ms;
512
  transition-property: all;
513
  transition-timing-function: ease-in-out;
514
}
515

516
main .method-source-code.active-menu {
517
  max-height: 100vh;
518
}
519

520
main .method-description .method-calls-super {
521
  color: #333;
522
  font-weight: bold;
523
}
524

525
main .method-detail {
526
  margin-bottom: 2.5em;
527
  cursor: pointer;
528
}
529

530
main .method-detail:target {
531
  margin-left: -10px;
532
  border-left: 10px solid #f1edba;
533
}
534

535
main .method-heading {
536
  position: relative;
537
  font-family: "Source Code Pro", Monaco, monospace;
538
  font-size: 110%;
539
  font-weight: bold;
540
  color: #333;
541
}
542
main .method-heading :link,
543
main .method-heading :visited {
544
  color: inherit;
545
}
546
main .method-click-advice {
547
  position: absolute;
548
  top: 2px;
549
  right: 5px;
550
  font-size: 12px;
551
  /* color: #Ab9877; */
552
  color: #B37A77;
553
  visibility: hidden;
554
  padding-right: 20px;
555
  line-height: 20px;
556
  background: url(../images/zoom.png) no-repeat right top;
557
}
558
main .method-heading:hover .method-click-advice {
559
  visibility: visible;
560
}
561

562
main .method-alias .method-heading {
563
  color: #666;
564
}
565

566
main .method-description,
567
main .aliases {
568
  margin-top: 0.75em;
569
  color: #333;
570
}
571

572
main .aliases {
573
  padding-top: 4px;
574
  font-style: italic;
575
  cursor: default;
576
}
577
main .method-description ul {
578
  margin-left: 1.5em;
579
}
580

581
main #attribute-method-details .method-detail:hover {
582
  background-color: transparent;
583
  cursor: default;
584
}
585
main .attribute-access-type {
586
  text-transform: uppercase;
587
  padding: 0 1em;
588
}
589
/* @end */
590

591
/* @end */
592

593
/* @group Source Code */
594

595
pre {
596
  margin: 0.5em 0;
597
  border: 1px dashed #999;
598
  padding: 0.5em;
599
  background: #262626;
600
  background: #333;
601
  color: white;
602
  overflow: auto;
603
}
604

605
.ruby-constant   { color: #7fffd4; background: transparent; }
606
.ruby-keyword    { color: #00ffff; background: transparent; }
607
.ruby-ivar       { color: #eedd82; background: transparent; }
608
.ruby-operator   { color: #00ffee; background: transparent; }
609
.ruby-identifier { color: #ffdead; background: transparent; }
610
.ruby-node       { color: #ffa07a; background: transparent; }
611
/* .ruby-comment    { color: #dc0000; background: transparent; } */
612
.ruby-comment    { color: #F66; background: transparent; }
613
.ruby-regexp     { color: #ffa07a; background: transparent; }
614
.ruby-value      { color: #7fffd4; background: transparent; }
615

616
/* @end */
617

618

619
/* @group search results */
620
#search-results {
621
  font-family: Lato, sans-serif;
622
  font-weight: 300;
623
}
624

625
#search-results .search-match {
626
  font-family: Helvetica, sans-serif;
627
  font-weight: normal;
628
}
629

630
#search-results .search-selected {
631
  background: #e8e8e8;
632
  border-bottom: 1px solid transparent;
633
}
634

635
#search-results li {
636
  list-style: none;
637
  border-bottom: 1px solid #aaa;
638
  margin-bottom: 0.5em;
639
}
640

641
#search-results li:last-child {
642
  border-bottom: none;
643
  margin-bottom: 0;
644
}
645

646
#search-results li p {
647
  padding: 0;
648
  margin: 0.5em;
649
}
650

651
#search-results .search-namespace {
652
  font-weight: bold;
653
}
654

655
#search-results li em {
656
  background: yellow;
657
  font-style: normal;
658
}
659

660
#search-results pre {
661
  margin: 0.5em;
662
  font-family: "Source Code Pro", Monaco, monospace;
663
}
664

665

666
/* JGB */
667

668
#actionbar {
669
  background: #646462 ! important;
670
  color: #fff ! important;
671
  font-weight: bold;
672
  width: 100%;
673
  line-height: 2em;
674

675
  font-family: Helvetica, Arial, sans-serif; /* Swap these two lines around to switch between serif and sans */
676
}
677

678
#actionbar .right {
679
  text-align: right;
680
}
681

682
#actionbar form, #actionbar input {
683
display: inline;
684

685
}
686

687
#actionbar li {
688
display: inline;
689
padding: 2px 5px;
690
}
691

692

693
#actionbar li a, #actionbar li  a:visited , #actionbar li  a:link {
694
color: #fff ! important;
695
text-decoration: none  ! important;
696
opacity: 1.0;
697
border-bottom: none;
698
}
699

700

701
#actionbar li  a:hover {
702
 color:red!important;
703
 text-decoration: none!important;
704
  opacity: 1.0;
705
  border-bottom: none;
706
}
707

708
#toggleThing {
709
 border-radius: 5px;
710
 width: 80%;
711
 color: #FFF;
712
 background-color: #C66;
713
 margin:auto; 
714
 text-align:center;
715
display:block;
716
margin-top: 10px;
717
padding: 3px;
718
border-color:  #933;
719
}
720

721
[hidden] {
722
  display: none;
723
}
724

725
.hidden {
726
  display: none;
727
}
728

729
.block {
730
  display: block;
731
}
732

733

734

735
li.gemheader, li.gemname  {
736
  padding: 8px 4px 4px 4px;
737
  font-size: 20px;
738
  font-family: Helvetica, sans-serif;
739
  color: #AA2929; /* JGB */
740
}
741

742

743

744

745
/* --------------------- */
746

747

748

749

750
@media (min-width: 802px) {
751

752
  /* #project-metadata {
753

754
  display: block;
755
} */
756

757
}
758

759

760

761
@media (max-width: 800px) {
762

763
/* #project-metadata {
764
display: none;
765

766
} */
767

768
  nav {
769
/* border: solid 4px red ! important;  */
770
clear: right ! important; 
771

772
/* border: solid 4px green ! important; */
773
}
774

775
main {
776
float: right;
777
display:block! important;  
778
width: 90% ! important;  
779
margin-right: 0%! important; 
780
margin-left: auto ! important; 
781
padding-left: 0 ! important; 
782
clear: right ! important; 
783

784
}
785

786

787
#extraz {
788
 /* border: solid 4px red ! important;  */
789
  clear: both ! important; 
790
  float: left ! important; 
791
  position: static ! important; 
792
 /* position: static; */
793
 display: block! important;
794
 margin-top: 0px! important;
795
 margin-bottom: 100px! important;
796

797
}
798

799
 #carbonads, #carbonads_1  {
800
   margin: 5px 20px! important;
801
  
802
  }
803

804
  div.adzbox-no-files-index {
805
  
806
   margin-top: 5px! important;
807
   margin-right: 5px ! important;    
808
   
809
  }
810

811

812

813
#carbonads-container {
814
 margin-left: 55px ! important;
815
 width: 270px;
816

817
}
818

819

820

821
}
822

823

824
/* DEBUGGERY */
825

826

827
#actionbar {
828
 /* border: solid 2px green ! important; */
829

830
}
831

832

833
/* @end */
834

835

836

837

838

839

840