biggles-plot.github.io/main.css at website · biggles-plot/biggles-plot.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
    body {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
        padding-top: 50px;
        font-weight: 300;
        font-family: 'Noto Sans', Helvetica, sans-serif;
        font-size: 22px;
        position: relative;
        width: 100%;
        height: 100%;
    }

    .content-section h3 { padding-bottom: 10px; }

    section { padding-bottom: 60px; }

    .navbar-inverse { font-size: 26px;
                      background-color: black;
                      border: 0; }
    .navbar-inverse .navbar-brand { font-size: 26px; }
    .navbar-inverse .navbar-nav > li > a:focus { color: grey; }

    #biggles { background-image: url("cmb_dark.png");
               position:relative;
               margin: 0 0 10px 0;
               padding: 0 0 0 0;
               background-size: cover;
               width: 100%;
               height: 100vh;
               border: 0;}
    #biggles a.nava { font-size: 75px;
                      color: white;}
    #biggles a:link,
    #biggles a:visited {
        color: white;
    }

    #biggles a:hover,
    #biggles a:active {
        color: grey;
    }

    #biggles .text-center {padding-top: 20vh;}
    #biggles h1 { padding-top: 110px;
                  color: white;
                  font-size: 116px;}
    #biggles small { font-size: 48px;
                     color: #bfbfbf;}

    @media only screen and (min-width:769px) and (max-width:1125px) {
        #biggles h1 { font-size: 90px; }
        #biggles small { font-size: 40px; }
    }

    @media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
        #biggles h1 { font-size: 56px; }
        #biggles small { font-size: 32px; }
        #biggles a.nava { font-size: 50px; }
        body { font-size: 18px; }
    }

    #quickstart pre {
        font-size: 22px;
        background-color: white;
        border: 0;
    }

    .carousel {
        background-color: white;
    }

    .carousel-control.left, .carousel-control.right {
        background-image: none;
        color: black;
		opacity: 0.5;
    }

	.carousel-indicators > li {
		background-color: black;
		opacity: 0.5
	}
	.carousel-indicators > li.active {
		background-color: black;
		opacity: 0.5
	}

    .photocredit { font-size: 12px; }

    #install code, #quickstart code {
        margin: 0 0 0 40px;
        padding: 0 0 0 0;
    }

    #gallery code {
        font-size: 12px;
        margin: 0;
        padding: 0;
		border: 0;
        line-height: 0;
        border: 1px solid red;
    }