Apollo_13/styles.css at master · Stumpftopf/Apollo_13 · 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
103
104
105
106
107
108
109
body {
    background-color: #ffffff;
    color: #000000;
    /*font-family: Arial, Sans-serif, Verdana, 'Trebuchet MS';*/
    /*font-family: 'Times New Roman';*/
    /*font-size: 15px;*/
}
a { /* link colour */
    color: #4040b0;
}
a:visited { /* visited link colour */
    color: #805050;
}

/* styling directive for every div of every class type */
div {
    padding-top: 5px;
    padding-bottom: 5px;
    color: #000000;
}

/* styling directive for every div that does not have a class assigned to it. This catches "normal" utterances
This sets the first line (with hack) at the left of the page, and pushes any
wrapped text to the right keeping hacks in their own visual column */
div:not([class]) {
    text-indent: -70px;
    padding-left: 70px;
}

ul{
    list-style: none;
}

.unindented {
    padding-left: 0;
    text-indent: 0;
}
.indented {
    padding-left: 70px;
}
.acronLink {
    color: #202060;
}
.attribution {
    font-style: italic;
    color: saddlebrown;
}
.cc {
    color: #802080;
	text-indent: -70px;
    padding-left: 70px;
}
.comment { /* transcript commentary item */
    font-style: italic;
    padding-left: 70px;
    color: #000080;
}
/* add square brackets before and after each commentary statement */
.comment::before {
    content: "["
}
.comment::after {
    content: "]"
}
.fd {
    color: #ff0000;
	text-indent: -70px;
    padding-left: 70px;
}
.pao {
    padding-left: 70px;
    color: #008000;
}
.pao::before {
    font-weight: bold;
    content: "Public Affairs Officer - "
}
.onboard {
    text-indent: -70px;
    padding-left: 70px;
    color: #800000;
}

.photo_wrapper {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 40%;
}

.photo {
    padding: 10px;
    background-color: #ECECEC;
}

.photo img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}
.video {
    padding-left: 70px;
}
.caption {
    font-size: 90%;
	text-align: center;
    background-color: #ECECEC;
}