1 /* Main body of pages. */
5 font-family: "Open Sans", Helvetica, Arial, sans-serif;
6 color: rgb(03, 03, 03);
9 /* Styling for editorial stylesheet */
16 /* Top banner of every page. */
18 background-color: #FFFFFF;
23 border-bottom: 1px solid #A6A6A6;
27 background-color: #20267D;
30 /* Padding around image in top banner. */
35 @media (max-width: 700px) {
41 /* Footer of every page. */
44 background: url("/img/main_shadow.png") repeat-x scroll center top #FFFFFF;
45 padding: 4px 10px 7px 10px;
46 border-top: 1px solid #A6A6A6;
51 h1, h2, h3, h4, h5, h6 {
57 border-bottom:1px solid #515151;
60 h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
64 /* Objectives and key points */
65 .objectives, .keypoints {
66 background-color: azure;
71 text-decoration: underline;
73 background-color: lightgray;
76 /* Things to understand (lead-in to sections in book). */
78 background-color: lightyellow;
81 /* Block quotations. */
84 padding: 1em 1em .5em 1em;
88 /* Tables used for displaying choices in challenges. */
93 /* Database tables do _not_ have double borders */
95 border-collapse: collapse;
110 p,ul,ol,li,pre,code {
134 /*----------------------------------------*/
135 /* Override Bootstrap CSS */
136 /*----------------------------------------*/
140 font-weight: inherit;
141 line-height: inherit;
143 /* readability: darken the alert colour for contrast with background */
148 /* Container for page contents. */
151 background-color: white;
157 background-color: inherit;
163 background-color: #F4F4F4;
164 background-image: none;
165 border: 1px solid #d4d4d4;
166 -webkit-border-radius: 0;
167 -moz-border-radius: 0;
173 .navbar-inverse .navbar-inner {
174 background-color: #20267D;
175 background-image: none;
176 border-color: #20267D;
178 .navbar-inverse .nav .active > a,
179 .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {
181 background-color: #20267D;
183 .navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
184 .navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
185 .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
187 background-color: #20267D;
189 .navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret {
190 border-top-color: #999999;
191 border-bottom-color: #999999;
193 .navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret {
194 border-top-color: #ffffff;
195 border-bottom-color: #ffffff;
202 text-decoration: none;
203 font-family: arial, sans-serif;
216 #github-ribbon a:hover {
220 #github-ribbon a::before, #github-ribbon a::after {
230 #github-ribbon a::after {
235 /* GitHub ribbon breaking point */
236 @media screen and (min-width: 600px) {
237 .navbar .btn-navbar {
255 transform: rotate(45deg);
256 -webkit-transform: rotate(45deg);
257 box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.8);
260 @media (max-width: 599px) {