bygdis.fi

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

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 }