bygdis.fi

git clone https://git.tarina.org/bygdis.fi
Log | Files | Refs | README

robstyle.css (3550B)


      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 	padding: 2px;
     56         text-decoration: underline;
     57 }
     58 
     59 a:hover
     60 {
     61 	margin-left: 3px;
     62 }
     63 
     64 table
     65 {
     66         font-style: normal;
     67    	font-weight: normal;
     68         width:90%;
     69 }
     70 
     71 td {
     72         display: block;
     73         clear:both;
     74     }
     75 
     76 th {
     77         display: block;
     78         clear:both;
     79     }
     80 
     81 video
     82 {
     83         width: 100%;
     84 }
     85 
     86 input
     87 {
     88     padding: 5px;
     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 div.addevent
    166 {
    167 	margin:0 auto;
    168 	background-color:#345E5A;
    169    	font-weight: normal;
    170    	font-style: normal; 
    171 	font-size: 15px;
    172 	padding-top: 5px;
    173         padding-left: 20px;
    174         padding-right: 20px;
    175 	text-align: left;
    176 	height: auto;
    177         width: 90%;
    178 	padding-bottom: 20px;
    179         border-radius:5px;
    180 }
    181 
    182 #container
    183 {
    184 	margin: 0px auto;
    185 	height: auto;
    186         width: 95%;
    187 	max-width: 350px;
    188 }
    189 
    190 #bilder
    191 {
    192 	margin: 0px auto;
    193 	height: auto;
    194 	width: 95%;
    195         max-width: 450px;
    196         text-align: center;
    197 }
    198 
    199 #album
    200 {
    201 	margin: 0px auto;
    202 	height: auto;
    203 	width: 90%;
    204         max-width: 900px;
    205 }
    206 
    207 
    208 
    209 #top
    210 {
    211 	margin: 0 auto;
    212 	text-align: center;
    213 	height: 60vh;
    214 	width: 50%;
    215 }
    216 
    217 #default
    218 {
    219         width: 90%;
    220 	margin: 0 auto;
    221 	height: auto;
    222         margin-top: 10px;
    223         margin-bottom: 10px;
    224 }    
    225 
    226 #bild
    227 {
    228     max-height:80%;
    229     max-width: 100%
    230 }
    231 
    232 #intro
    233 {
    234 	font-size: 14px;
    235 	font-family: 'Now-Light', sans-serif;
    236 }
    237 
    238 #intro2
    239 {
    240 	font-size: 15px;
    241 	font-family: 'Now-Light', sans-serif;
    242 }
    243 
    244 #two
    245 {
    246 	background-color:#3B6861;
    247    	font-weight: normal;
    248    	font-style: normal; 
    249 	font-size: 12px;
    250 	padding-top: 100px;
    251 	text-align: center;
    252 	height: 600px;
    253 	padding-bottom: 20px;
    254 }
    255 
    256 #three
    257 {
    258 	background-color:#345E5A;
    259    	font-weight: normal;
    260    	font-style: normal; 
    261 	font-size: 20px;
    262 	padding-top: 100px;
    263 	text-align: center;
    264 	height: auto;
    265 	padding-bottom: 20px;
    266 }
    267 
    268 #four
    269 {
    270    	font-weight: normal;
    271    	font-style: normal; 
    272 	font-size: 20px;
    273 	padding-top: 100px;
    274 	text-align: center;
    275 	height: auto;
    276 	padding-bottom: 20px;
    277 }
    278 
    279 
    280 #robin
    281 {
    282 	background-color:#3B6861;
    283 	padding-bottom: 100px;
    284 	margin: 0px auto;
    285    	font-weight: normal;
    286 	font-size: 16px;
    287 	text-align: center;
    288 }
    289 
    290 #footer
    291 {
    292     font-size:12px;
    293 }