Mercurial > hg > websites > source2info / file comparison
comparison: site/style.css
site/style.css
- changeset 0
- c1d19a9b477c
- child 1
- 0a8d8d1522b7
equal
deleted
inserted
replaced
| -1:000000000000 | 0:c1d19a9b477c |
|---|---|
| 1 body { | |
| 2 background-color:#202020; | |
| 3 } | |
| 4 | |
| 5 div.main { | |
| 6 width:1280px; | |
| 7 margin-right: auto; | |
| 8 margin-left: auto; | |
| 9 max-width: 100%; | |
| 10 } | |
| 11 | |
| 12 /* Header Styles */ | |
| 13 img.headerlogo { | |
| 14 width: 293px; | |
| 15 height: 96px; | |
| 16 display:block; | |
| 17 margin:auto; | |
| 18 } | |
| 19 ul.buttons { | |
| 20 color:#fafafa; | |
| 21 padding: 0px; | |
| 22 margin: 0px; | |
| 23 border-bottom-color: #373737; | |
| 24 border-bottom-width: 1px; | |
| 25 border-bottom-style: solid; | |
| 26 } | |
| 27 ul.buttons li { | |
| 28 font-family: 'Arimo', sans-serif; | |
| 29 font-size: 18px; | |
| 30 font-weight: 400; | |
| 31 list-style-type: none; | |
| 32 text-transform: uppercase; | |
| 33 display: inline-block; | |
| 34 padding: .25em; | |
| 35 padding-left: .25em; | |
| 36 padding-right: .25em; | |
| 37 } | |
| 38 ul.buttons li:hover { | |
| 39 background-color: #484848; | |
| 40 } | |
| 41 li.active{ | |
| 42 border-bottom-color: #f79a10; | |
| 43 border-bottom-width: 1px; | |
| 44 border-bottom-style: solid; | |
| 45 background-color: #484848; | |
| 46 } | |
| 47 ul.buttons a { | |
| 48 color:#FAFAFA; | |
| 49 text-decoration: none; | |
| 50 } | |
| 51 | |
| 52 | |
| 53 /* Text Styles */ | |
| 54 div.content { | |
| 55 font-family: 'Lato', sans-serif; | |
| 56 color:#fafafa; | |
| 57 margin: 1em; | |
| 58 margin-right: 4em; | |
| 59 word-wrap: break-word; | |
| 60 overflow-wrap: break-word; | |
| 61 } | |
| 62 div.content h1 { | |
| 63 margin-bottom: .25em; | |
| 64 } | |
| 65 div.content h3 { | |
| 66 margin-top: .25em; | |
| 67 margin-bottom: .25em; | |
| 68 } | |
| 69 div.content h4 { | |
| 70 margin-top: .25em; | |
| 71 margin-bottom: .25em; | |
| 72 | |
| 73 } | |
| 74 div.content p { | |
| 75 margin: 1em; | |
| 76 margin-top: .25em; | |
| 77 margin-bottom: .25em; | |
| 78 font-size: 0.875em; | |
| 79 } | |
| 80 | |
| 81 | |
| 82 /* Footer Styles */ | |
| 83 div.footer { | |
| 84 color:#fafafa; | |
| 85 border-top-color: #373737; | |
| 86 border-top-width: 1px; | |
| 87 border-top-style: solid; | |
| 88 } | |
| 89 div.footer p{ | |
| 90 font-family: "Arial", sans-serif; | |
| 91 text-align: right; | |
| 92 font-size: 12px; | |
| 93 margin-top: 16px; | |
| 94 margin-right: 2em; | |
| 95 } | |
| 96 | |
| 97 | |
| 98 /* Main Body Content Styles */ | |
| 99 hr { | |
| 100 display: block; | |
| 101 margin-top: 0.5em; | |
| 102 margin-bottom: 0.5em; | |
| 103 margin-left: auto; | |
| 104 margin-right: auto; | |
| 105 border-style: none; | |
| 106 border-width: 0px; | |
| 107 border-bottom-color: #373737; | |
| 108 border-bottom-style: solid; | |
| 109 border-bottom-width: 1px; | |
| 110 } | |
| 111 | |
| 112 div.contentSection { | |
| 113 border-color: #282828; | |
| 114 border-style: solid; | |
| 115 border-width: 1px; | |
| 116 border-radius: 3px; | |
| 117 padding: 0.25em; | |
| 118 /* width: max-content; */ | |
| 119 background-color: #1e1e1e; | |
| 120 margin-bottom: 0.5em; | |
| 121 } | |
| 122 div.contentSection a { | |
| 123 color:#fafafa; | |
| 124 text-decoration: none; | |
| 125 } | |
| 126 | |
| 127 /* Media Styles */ | |
| 128 div.mediaContainer { | |
| 129 margin-left: auto; | |
| 130 margin-right: auto; | |
| 131 width: max-content; | |
| 132 max-width: 100%; | |
| 133 } | |
| 134 video { | |
| 135 max-width: 100%; | |
| 136 } | |
| 137 | |
| 138 /* External Fonts */ | |
| 139 @import url('https://fonts.googleapis.com/css?family=Arimo:400,700&display=swap'); | |
| 140 @import url('https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i&display=swap'); |
