AHL-GL-BFcleaningSC/MyLab.css at master · STAT-ATA-ASU/AHL-GL-BFcleaningSC · 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
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
.fax-slot-machine:before {
    content: "\1f3b0"
}

body {
    counter-reset: li; /* initialize counter named li */
}

h1 {
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
}

h2 {
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    margin-top: 24px;
}

hr {
    border: 1px solid #357FAA;
}

ol {
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
}

ol > li {
    position:relative; /* Create a positioning context */
    margin:0 0 10px 2em; /* Give each list item a left margin to make room for the numbers */
    padding:10px 80px; /* Add some spacing around the content */
    list-style:none; /* Disable the normal item numbering */
    border-top:2px solid #317EAC;
    background:rgba(49, 126, 172, 0.1);
}

ol > li:before {
    content:"Problem " counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    top:-2px;
    left:-2em;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:7em;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin-right:8px;
    padding:4px;
    border-top:2px solid #317EAC;
    color:#fff;
    background:#317EAC;
    font-weight:bold;
    font-family:"Helvetica Neue", Arial, sans-serif;
    text-align:center;
}

li ol,
li ul {margin-top:6px;}

ol ol{
    counter-reset: subitem;
}

li li{
    border-top:0px solid #317EAC;
    background:rgba(49, 126, 172, 0);
    padding:0px 0px; /* No spacing around the content */
}

li li:before{
    content: counter(subitem, upper-alpha) '. ';
    counter-increment: subitem;
    /* Position and style the number */
    position:absolute;
    top:-2px;
    left:-2em;
    /*-moz-box-sizing:border-box;*/
    /*-webkit-box-sizing:border-box;*/
    box-sizing:content-box;
    width:1em;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin-right:4px;
    padding:2px;
    border-top: initial; /*0px solid #317EAC;*/
    color:#317EAC;
    background:transparent;
    font-weight:bold;
    font-family:"Helvetica Neue", Arial, sans-serif;
    text-align:center;
}

div#instructions {
    margin-top: 30px;
    margin-bottom: 30px;
    color: rgba(27, 100, 228, 0.8);
    border:1px solid rgba(0, 102, 102, 0.8);
    padding: 10px 10px;
    background-color: rgba(49, 199, 58, 0.1);
    border-radius: 5px;
}

div#license {
    margin-top: 30px;
    margin-bottom: 30px;
    color: rgba(0, 0, 255, 1);
    border:1px solid rgba(0, 0, 0, 1);
    padding: 10px 10px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}

div#boxedtext {
    background-color: rgba(86, 155, 189, 0.2);
    padding: 20px;
    margin-bottom: 20px;
    font-size: 10pt;
}

div#answer {
    background-color: rgb(255, 255, 200);
    padding: 20px;
    margin-bottom: 20px;
    font-size: 10pt;
}

div#exercise {
    position:relative; /* Create a positioning context */
    margin:0 0 10px 0em; /* Give each list item a left margin to make room for the numbers */
    padding:10px 30px; /* Add some spacing around the content */
    border-top:2px solid #35CD4B;
    background:rgba(49, 199, 58, 0.1);
}