-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css
executable file
·139 lines (114 loc) · 2.33 KB
/
style.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
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
/*global styling*/
* {
box-sizing: border-box;
/*Colour palette/other constants*/
/*Later we can have multiple CSS files, each with simply these colour constants changed to mathc the new theme - these can be selectivley imported using JS*/
--mainGrey: DarkGray;
--lighterGrey: lightgray;
--testColor: red;
}
body {
font-family: "Times-New-Roman", Times, Serif;
font-size: 100%;
background-image: url("Images/footer_lodyas.png"); /*Source http://subtlepatterns.com/dark-sharp-edges/ */
}
/*page structure styling*/
#ocwrap {
width: 90%;
margin: auto;
min-width: 640px;
max-width: 1920px;
min-height: 480px;
}
#logo {
float: left;
width: 50px;
margin-right: 10px;
}
header, footer, #logo, nav#top {
height: 50px;
}
header, footer, nav#top {
line-height: 50px;
font-family: Arial, Helvetica, Sans-Serif;
background-color: var(--mainGrey);
padding-left: 10px;
margin: 25px 0px;
}
footer {
/*text-align: center;*/
}
main {
width: 90%;
min-width: 640px;
min-height: 480px;
margin: auto;
background-color: white;
padding: 5px;
}
/*Styling for top bar links*/
nav#top a {
/*all variations inherit from this, overriding where necessary*/
color: black;
text-decoration: none;
background-color: var(--lighterGrey);
padding: 5px;
width: 50px;
transition: background-color 0.5s;
}
nav#top a:hover {
background-color: white;
}
nav#top a:link {
}
nav#top a:active {
background-color: var(--mainGrey);
}
nav#top a:visited {
}
/*In-page link styling*/
a {
text-decoration: none;
color: blue;
}
a:visited {
color: purple;
}
a:hover {
color: inherit;
}
a:active {
color: red;
}
/*------------------------------------------------------------------*/
/*MAIN - Specific Styles*/
nav#folders {
}
nav#lists {
}
#listView {
}
#listTitle {
width: 100%
}
.loginBox,.settingsBox {
margin: auto;
background-color: lightblue;
height: 250px;
width: 250px;
padding: 25px;
border: 10px solid white;
}
#BoxWrapper {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-content: center;
align-content: center;
background-color: inherit;
width: 100%;
min-width: 635px;
min-height: 475px;
}
/*Colour selectors for theme TO DO at some point*/