Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
epidemian
GitHub Repository: epidemian/gravity
Path: blob/master/docs/stylesheets/styles.css
1218 views
1
/***** GLOBALS *****/
2
body {
3
font-family: 'Open Sans';
4
font-weight: 400;
5
padding-top: 70px;
6
background-color: #FCFCFC;
7
-webkit-font-smoothing: antialiased;
8
-moz-osx-font-smoothing: grayscale;
9
}
10
11
a:hover, a:visited, a:link, a:active {
12
text-decoration: none;
13
}
14
15
hr {
16
border: 0;
17
border-top: 1px solid #eeeeee;
18
}
19
20
pre {
21
background-color: transparent;
22
}
23
24
/***** NAVBAR *****/
25
.navbar-brand {
26
padding-top: 7px;
27
}
28
29
.navbar-default {
30
background-color: rgba(255,255,255,0.98);
31
}
32
33
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
34
background-color: transparent;
35
color: #7E267E;
36
}
37
38
.navbar-fixed-bottom {
39
padding-top: 5px;
40
box-shadow: 0 0 0 1px rgba(0,0,0,0.1);
41
background-color: white;
42
}
43
44
/***** SIDEBAR *****/
45
.sidebar-nav ul {
46
list-style: none;
47
}
48
49
.sidebar-nav h4 {
50
font-size: 12px;
51
text-transform: uppercase;
52
color: #BBB;
53
margin-bottom: 10px;
54
}
55
56
.sidebar-nav ul {
57
margin-left:-32px;
58
list-style: none;
59
}
60
61
.sidebar-nav ul li {
62
font-size: 13px;
63
padding: 3px 0;
64
line-height: 1.4;
65
}
66
67
.sidebar-nav ul li a {
68
color: #666;
69
}
70
71
.sidebar-nav ul li a:hover {
72
color: #7E267E;
73
}
74
75
.sidebar-nav ul + h4 {
76
margin-top: 22px;
77
}
78
79
.sidebar-nav .active {
80
font-weight: bold;
81
color: #7E267E;
82
}
83
84
/***** RIGHT SECTION *****/
85
.section-right h1 {
86
font-size: 27px;
87
margin-top: 0px;
88
margin-bottom: 10px;
89
color: #444;
90
}
91
92
.section-right p {
93
line-height: 1.7em;
94
font-size: 14px;
95
color: #474a54;
96
}
97
98
/***** MAIN *****/
99
.main-content {
100
padding: 30px;
101
box-shadow: 0 0 0 1px rgba(0,0,0,0.1);
102
background-color: #fff;
103
}
104
105
.container {
106
width: auto;
107
max-width: 1100px;
108
padding-right: 15px;
109
padding-left: 15px;
110
margin-right: auto;
111
margin-left: auto;
112
}
113
114
/***** CONTENT *****/
115
.section-title {
116
margin-top: 30px;
117
color: #777;
118
}
119
120
.section-image {
121
display: block;
122
margin-left: auto;
123
margin-right: auto;
124
margin-top: 30px;
125
margin-bottom: 30px;
126
}
127
128
.section-h4 {
129
margin-top: 30px;
130
color: #7E267E;
131
font-weight: bold;
132
}
133
134
/***** FOOTER *****/
135
.footer {
136
font-size: 11px;
137
color: #AAAAAA;
138
}
139
140
.footer a:visited, .footer a:link, .footer a:active {
141
color: #AAAAAA;
142
}
143
144
.footer a:hover {
145
color: #7E267E;
146
}
147
148
.footer-right {
149
float: right !important;
150
}
151
152
.label-version {
153
background-color: #7ec5ff;
154
}
155
156
/***** PRINT *****/
157
@media print {
158
.section-left {
159
display: none;
160
}
161
.col-sm-9 {
162
width: 100%;
163
}
164
.navbar {
165
display: none;
166
}
167
.main-content {
168
padding: 10px;
169
}
170
}
171
172