leipuri.css (3285B)
1 @font-face{ 2 font-family: "Now-Bold"; 3 src: url('fonts/Now-Bold.otf'), 4 url('fonts/Now-Bold.otf'); /* IE */ 5 } 6 7 @font-face{ 8 font-family: "Now-Regular"; 9 src: url('fonts/Now-Regular.otf'), 10 url('fonts/Now-Regular.otf'); /* IE */ 11 } 12 13 @font-face{ 14 font-family: "Now-Light"; 15 src: url('fonts/Now-Light.otf'), 16 url('fonts/Now-Light.otf'); /* IE */ 17 } 18 19 body 20 { 21 margin:0px; 22 border:0px; 23 text-align: left; 24 background-color:#242021; 25 font-family: 'Now-Light', sans-serif; 26 font-weight: normal; 27 font-size: 12pt; 28 color: #f4f4f4; 29 -webkit-font-smoothing: antialiased; 30 } 31 32 h1 33 { 34 padding-left: 0px; 35 padding-right: 0px; 36 padding-bottom: 5px; 37 padding-top: 6px; 38 margin: 0px; 39 font-size: 37pt; 40 font-family: 'Now-Bold', sans-serif; 41 } 42 43 h4 44 { 45 padding-left: 0px; 46 padding-right: 0px; 47 padding-bottom: 5px; 48 padding-top: 6px; 49 margin: 0px; 50 } 51 52 a 53 { 54 color:#fff; 55 } 56 57 a:hover 58 { 59 border-radius: 2px; 60 padding: 2px; 61 } 62 63 table 64 { 65 margin: 0px auto; 66 font-style: normal; 67 font-weight: normal; 68 text-align: left; 69 width: auto; 70 padding: 2px; 71 72 } 73 74 th, td 75 { 76 padding: 5px; 77 max-width: 200px; 78 } 79 80 textarea 81 { 82 width: 200px; 83 height: 50px; 84 } 85 86 video 87 { 88 width: 100%; 89 } 90 91 pre 92 { 93 white-space: pre-wrap; /* Since CSS 2.1 */ 94 white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ 95 white-space: -pre-wrap; /* Opera 4-6 */ 96 white-space: -o-pre-wrap; /* Opera 7 */ 97 word-wrap: break-word; /* Internet Explorer 5.5+ */ 98 text-align: left; 99 font-size: 10pt; 100 101 } 102 103 #styrelsen 104 { 105 padding-top:30px; 106 } 107 108 #bokningar 109 { 110 padding-top:30px; 111 } 112 #event 113 { 114 padding:10px; 115 } 116 117 #maara 118 { 119 width: 40px; 120 } 121 122 #jatkuva 123 { 124 display: block; 125 clear:both; 126 } 127 128 div.anslagstavla 129 { 130 margin:0 auto; 131 margin-top: 10px; 132 background-color:#345E5A; 133 font-weight: normal; 134 font-style: normal; 135 font-size: 15px; 136 padding-top: 5px; 137 padding-left: 20px; 138 padding-right: 20px; 139 text-align: left; 140 height: auto; 141 width: 250px; 142 padding-bottom: 5px; 143 border-radius:5px; 144 } 145 146 #container 147 { 148 margin: 0px auto; 149 height: auto; 150 } 151 152 #top 153 { 154 margin: 0 auto; 155 text-align: center; 156 height: 60vh; 157 width: 50%; 158 } 159 160 #default 161 { 162 margin: 0 auto; 163 width: 360px; 164 height: auto; 165 margin-top: 10px; 166 margin-bottom: 10px; 167 text-align: center; 168 } 169 170 171 #two 172 { 173 background-color:#3B6861; 174 font-weight: normal; 175 font-style: normal; 176 font-size: 12px; 177 padding-top: 100px; 178 text-align: center; 179 height: 600px; 180 padding-bottom: 20px; 181 } 182 183 #three 184 { 185 background-color:#345E5A; 186 font-weight: normal; 187 font-style: normal; 188 font-size: 20px; 189 padding-top: 100px; 190 text-align: center; 191 height: auto; 192 padding-bottom: 20px; 193 } 194 195 #four 196 { 197 font-weight: normal; 198 font-style: normal; 199 font-size: 20px; 200 padding-top: 100px; 201 text-align: center; 202 height: auto; 203 padding-bottom: 20px; 204 } 205 206 207 #robin 208 { 209 background-color:#3B6861; 210 padding-bottom: 100px; 211 margin: 0px auto; 212 font-weight: normal; 213 font-size: 16px; 214 text-align: center; 215 } 216 217 #footer 218 { 219 position: fixed; 220 margin: 0 auto; 221 background-color:#231f20; 222 font-weight: normal; 223 font-size: 17px; 224 bottom:0px; 225 padding-top:10px; 226 height:30px; 227 width: 100%; 228 }