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 {
64 h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
74 /* Objectives and key points */
75 .objectives, .keypoints {
76 background-color: azure;
77 border: 5px solid azure;
84 background-color: #CCFFCC;
85 border: 5px solid #CCFFCC;
92 text-decoration: underline;
94 background-color: lightgray;
97 /* Putting shadows around things. */
99 -moz-box-shadow: 0 0 30px 5px #999;
100 -webkit-box-shadow: 0 0 30px 5px #999;
101 box-shadow: 0 0 30px 5px #999;
104 /* Things to understand (lead-in to sections in book). */
106 background-color: lightyellow;
109 /* Block quotations. */
116 /* Citation for testimonial quote. */
117 blockquote.testimonial cite {
123 background-color: #EEE;
124 border: 5px solid #EEE;
129 /* Tables used for displaying choices in challenges. */
130 table.choices tr td {
131 vertical-align : top;
134 /* Database tables do _not_ have double borders */
136 border-collapse: collapse;
162 p,ul,ol,li,pre,code {
186 /*----------------------------------------*/
187 /* Override Bootstrap CSS */
188 /*----------------------------------------*/
192 font-weight: inherit;
193 line-height: inherit;
200 /* readability: darken the alert colour for contrast with background */
205 /* Container for page contents. */
208 background-color: white;
214 background-color: inherit;
220 background-color: #F4F4F4;
221 background-image: none;
222 border: 1px solid #d4d4d4;
223 -webkit-border-radius: 0;
224 -moz-border-radius: 0;
230 .navbar-inverse .navbar-inner {
231 background-color: #20267D;
232 background-image: none;
233 border-color: #20267D;
235 .navbar-inverse .nav .active > a,
236 .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {
238 background-color: #20267D;
240 .navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
241 .navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
242 .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
244 background-color: #20267D;
246 .navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret {
247 border-top-color: #999999;
248 border-bottom-color: #999999;
250 .navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret {
251 border-top-color: #ffffff;
252 border-bottom-color: #ffffff;
259 text-decoration: none;
260 font-family: arial, sans-serif;
273 #github-ribbon a:hover {
277 #github-ribbon a::before, #github-ribbon a::after {
287 #github-ribbon a::after {
292 /* GitHub ribbon breaking point */
293 @media screen and (min-width: 600px) {
294 .navbar .btn-navbar {
312 transform: rotate(45deg);
313 -webkit-transform: rotate(45deg);
314 box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.8);
317 @media (max-width: 599px) {