This repository has been archived by the owner on Aug 22, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 7
/
nfIndex.css
118 lines (83 loc) · 3.97 KB
/
nfIndex.css
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
head {background-color: #B4D6B4;
;}
body {background-color: #e6e6e6 /*#cccccc*/ /*#b0b2b0*/ /*#f9f4de*/ /*#f4ebc8*/ /*#B4D6B4*/; color: #031B3F; font-family: arial, helvetica, sans-serif; padding:15px; line-height:1.3em;
}
/*div#space {background-color:#FFFFFF; width:99%; margin:auto; padding: 20px; line-height:1.2em; }
*/
div#top {width:100%; display:flex; justify-content:space-around; align-items:center; flex-direction:row; flex-wrap: wrap;}
div#bannerImage {/* width:20%; */ flex:1}
div#bannerImage img {width:275px;}
div#text_top{/* width:80%; */ flex:2}
div#about {font-size:1.2em; line-height:1.5em}
div#main {width:100%; padding:30px; margin-left:15%}
div.boilerplate span {
color:#63604F;
padding:25px;
display:block;
font-size:smaller;
line-height:1.4em;}
div.boilerplate img {position: relative; top:7px; right: -2px }
img.circ {width:150px; border-radius: 50%;}
div.image {background-color:#B4D6B4; float:left; width:40%}
div.wideImage {float:left; width:100%; padding:25px}
div.explan{background-color:#3F4F3F; float:right; width:60%; padding:15px;}
div.imageAlt {float:right; width:35%; margin-left: auto;
margin-right: auto; padding:15px;}
div.explanAlt{background-color:#B4D6B4; float:left; width:65%; padding:15px;}
div.container {background-color:#B4D6B4; width:100%; }
h1 {color:#AA0000; letter-spacing:1.1px; display:inline; font-size: 2.3em; text-align:center; padding: 10px}
h1 a{text-decoration:none;}
h1 a:link:hover a:link:visited{text-decoration:underline;}
h2 {color:#5F0000; font-family:arial, helvetica, sans-serif; font-size: 1.3em; text-align:left;
}
h3 {color:#5F0000; display:inline;
font-family:arial, helvetica, sans-serif; font-size: 1.1em; text-align:left; padding:3px
}
h4{color:#004C00; font-family:arial, helvetica, sans-serif; font-size: 1em; text-align:left; padding:0
}
q {quotes:'“' '”' '‘' '’';
}
cite.sub {font-style:normal;}
cite.sub::before {content:'“';
}
cite.sub::after {content:'”';
}
q cite.sub::before {content: '‘'}
q cite.sub::after {content: '’'}
cite.sub cite.sub::before {content: '‘'}
cite.sub cite.sub::after {content: '’'}
img
{padding:5px;}
p {display:block; padding:2px 2px 2px 2px}
hr { display: block; height: 1px;
border: 0; border-top: 1px solid #AA0000;
margin: 1em 0; padding: 0; }
span.smaller {display:inline-block;; font-size:0.8em; line-height:1.2em; padding:2px}
span.red {color: #AA0000; font-weight:bold;}
span.green {color: #004C00; font-weight:bold;}
span.purple {color:#6600FF; font-weight:bold;}
span.code {color:#AA0000; font-weight:bold; width: 60%; margin:auto;}
div.code {background-color: #9EA9B9; color:#000; border:1px navy dashed; padding:10px; line-height:1.5em; width:60%; margin:auto;}
span.badCode {color:#5F0000; background-color: #FFD6D6; width: 60%; margin:auto; }
div.badCode {background-color: #FFD6D6; border:1px red dashed; padding:10px; line-height:1.5em; width:60%; margin:auto; }
span.indent {margin-left: 2em;}
span.indentMore {margin-left:5em;}
span.indentEvMore {margin-left:7em}
ul {list-style-type: none; display:flex; justify-content:space-around; align-items:flex-start; flex-direction:row; flex-wrap: wrap;}
ul li {padding-left: 10px; padding-right:10px; display:flex; justify-content:space-around; align-items:center; flex-direction:column; font-weight:bold;}
ul li a {display:flex; justify-content:space-around; align-items:center; flex-direction:column; flex-wrap: wrap;}
ul li ul {list-style-type:circle; display:flex; justify-content:space-between; align-items:flex-start; flex-direction:row; flex-wrap: wrap;}
ul li ul li {font-size:smaller; padding:5px}
ol li { padding: 3px}
ol.d {list-style-type: lower-alpha; display: block; padding: 10px 10px 20px 20px}
a:link {color:#AA0000;} /* unvisited link */
a:visited {color:#353A41;
;} /* visited link */
a:hover {color:#FF0000;} /* mouse over link */
a:active {color:#FF0000;} /* selected link */
table, th, td
{
border: 1px solid #000066;
padding: 15px;
vertical-align:top;
}