robstyle.css (3820B)
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:#333; 55 padding: 2px; 56 } 57 58 a:hover 59 { 60 margin-left: 3px; 61 } 62 63 table 64 { 65 font-style: normal; 66 font-weight: normal; 67 width:90%; 68 } 69 70 video 71 { 72 width: 100%; 73 } 74 75 input 76 { 77 padding: 5px; 78 } 79 80 pre 81 { 82 white-space: pre-wrap; /* Since CSS 2.1 */ 83 white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ 84 white-space: -pre-wrap; /* Opera 4-6 */ 85 white-space: -o-pre-wrap; /* Opera 7 */ 86 word-wrap: break-word; /* Internet Explorer 5.5+ */ 87 text-align: left; 88 89 } 90 91 #beskrivning 92 { 93 height: 100px; 94 width: 90%; 95 } 96 97 #personer 98 { 99 height:60px; 100 width:90%; 101 } 102 103 #titel, #fotograf, #plats 104 { 105 width:40%; 106 } 107 108 #kommentar 109 { 110 width:100%; 111 height: 100px; 112 } 113 114 #user, #password, #mail 115 { 116 width:80%; 117 } 118 119 #year 120 { 121 width:80px; 122 } 123 124 #month 125 { 126 width: 50px; 127 } 128 129 #day 130 { 131 width: 50px; 132 } 133 134 #tid 135 { 136 width: 80px; 137 } 138 139 #antal 140 { 141 width: 50px; 142 } 143 144 #event 145 { 146 width: 300px; 147 height: 50px; 148 padding:10px; 149 } 150 151 .bild 152 { 153 padding:10px; 154 } 155 .bild p 156 { 157 font-size: 14px; 158 margin:0px; 159 } 160 .bild h4 161 { 162 padding:5px; 163 } 164 165 166 #bilder 167 { 168 margin: 0px auto; 169 height: auto; 170 width: 95%; 171 max-width: 450px; 172 text-align: center; 173 } 174 175 div.addevent 176 { 177 margin:0 auto; 178 background-color:#345E5A; 179 font-weight: normal; 180 font-style: normal; 181 font-size: 15px; 182 padding-top: 5px; 183 padding-left: 20px; 184 padding-right: 20px; 185 text-align: left; 186 height: auto; 187 width: 90%; 188 padding-bottom: 20px; 189 border-radius:5px; 190 } 191 192 #container 193 { 194 margin: 0px auto; 195 height: auto; 196 width: 95%; 197 max-width: 350px; 198 } 199 200 #bilder 201 { 202 margin: 0px auto; 203 height: auto; 204 width: 95%; 205 max-width: 450px; 206 text-align: center; 207 } 208 209 #album 210 { 211 margin: 0px auto; 212 height: auto; 213 width: 90%; 214 max-width: 900px; 215 } 216 217 218 219 #top 220 { 221 margin: 0 auto; 222 text-align: center; 223 height: 60vh; 224 width: 50%; 225 } 226 227 #default 228 { 229 width: 90%; 230 margin: 0 auto; 231 height: auto; 232 margin-top: 10px; 233 margin-bottom: 10px; 234 } 235 236 #bild 237 { 238 max-height:80%; 239 max-width: 100% 240 } 241 242 #intro 243 { 244 font-size: 14px; 245 font-family: 'Now-Light', sans-serif; 246 } 247 248 #intro2 249 { 250 font-size: 15px; 251 font-family: 'Now-Light', sans-serif; 252 } 253 254 #two 255 { 256 background-color:#3B6861; 257 font-weight: normal; 258 font-style: normal; 259 font-size: 12px; 260 padding-top: 100px; 261 text-align: center; 262 height: 600px; 263 padding-bottom: 20px; 264 } 265 266 #three 267 { 268 background-color:#345E5A; 269 font-weight: normal; 270 font-style: normal; 271 font-size: 20px; 272 padding-top: 100px; 273 text-align: center; 274 height: auto; 275 padding-bottom: 20px; 276 } 277 278 #four 279 { 280 font-weight: normal; 281 font-style: normal; 282 font-size: 20px; 283 padding-top: 100px; 284 text-align: center; 285 height: auto; 286 padding-bottom: 20px; 287 } 288 289 290 #robin 291 { 292 background-color:#3B6861; 293 padding-bottom: 100px; 294 margin: 0px auto; 295 font-weight: normal; 296 font-size: 16px; 297 text-align: center; 298 } 299 300 #footer 301 { 302 font-size:12px; 303 }