-
Notifications
You must be signed in to change notification settings - Fork 1
/
example.local.css
66 lines (52 loc) · 2.85 KB
/
example.local.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
/* resident overwrites */
/* often used and cutomized css values needs to be changed in 98% */
/* proportion */
body { font:normal 18px Arial, Helvetica; color:#444; background-color: #ccc ;margin: 0; padding: 0; outline: none;line-height:1.6;}
.main { background-color: #eee; padding: 3px 10px; }
.panel {margin:5px auto;padding:0 10px;max-width:950px;}
.paneloutbreak { display: flex; align-items: center; justify-content: center; }
/* content */
a { text-decoration: underline; color: #0000ee; }
a:visited { color: inherit; }
a:hover { text-decoration: none; }
a:active, /* set class "active" for current pages*/
a.active { color: #2E6465; }
a[href^="#"] { font-style: italic ; } /* anchor links staying on the current page */
a[href^="//"],
a[href^="http"] { background: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3C%3Fxml version=%221.0%22 encoding=%22UTF-8%22%3F%3E %3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22%3E %3Cpath fill=%22%23fff%22 stroke=%22%2336c%22 d=%22M1.5 4.518h5.982V10.5H1.5z%22/%3E %3Cpath fill=%22%2336c%22 d=%22M5.765 1H11v5.39L9.427 7.937l-1.31-1.31L5.393 9.35l-2.69-2.688 2.81-2.808L4.2 2.544z%22/%3E %3Cpath fill=%22%23fff%22 d=%22M9.995 2.004l.022 4.885L8.2 5.07 5.32 7.95 4.09 6.723l2.882-2.88-1.85-1.852z%22/%3E %3C/svg%3E") no-repeat center right; padding-right: 13px; } /* external links */
a[href^="tel:"] { color: inherit; text-decoration: inherit; }
img { border: 0; max-width: 100%;}
ul { list-style:none; list-style-image: url('data:image/gif;base64,R0lGODlhBQANAIAAAGOMnP///yH5BAEAAAEALAAAAAAFAA0AAAIJjI+pu+APo4SpADs'); margin-left: 15px;}
p {margin: 0 0 10px 0;}
hr {color:#000;background-color:#000;height:1px;margin: 0 0 2px 0;}
td{vertical-align: text-top;}
input[type='text'], input[type='email'], input[type='tel'], textarea { width: 350px; }
select { width: 356px; }
textarea { height: 200px; }
/* special areas */
.lead {font-size: 110%;background-color:#F6F6F6;}
.border {border: 1px solid gray;}
/* headings*/
h1,h2,h3,h4,h5,h6{color:#000;padding:0; margin:30px 0 0 0;}
h1{font-size: 1.6em; font-weight: normal; }
h2{font-size: 1.4em; font-weight: normal; border-bottom: 1px solid #474747; }
h3{font-size: 1.1em; border-bottom: 1px dotted #ccc; }
h4{font-size: 1.1em; font-weight: normal; }
h5{font-size: 1em; }
h6{font-size: 1em; font-weight: normal; font-style: italic; }
h1+h2 {margin-top: 2px;}
h2+h3 {margin-top: 2px;}
h3+h4 {margin-top: 2px;}
h4+h5 {margin-top: 2px;}
h5+h6 {margin-top: 2px;}
/** navigation horizontal **/
#navigation ul {margin:0; padding: 0;}
#navigation ul li {display: inline-block; padding: 5px 10px 0 0;}
/* collapse at breakpoint */
@media only screen and (max-width: 549px) {
#navigation ul li {display: block; padding: 5px 10px 0 0;}
}
/* # standard Media Queries */
/* Smaller than standard 950 (devices and browsers) */
@media only screen and (max-width: 949px) {
}