| 
									
										
										
										
											2013-10-15 18:19:31 +02:00
										 |  |  | html { | 
					
						
							|  |  |  |   font-family: sans-serif; | 
					
						
							|  |  |  |   -webkit-text-size-adjust: 100%; | 
					
						
							|  |  |  |       -ms-text-size-adjust: 100%; | 
					
						
							|  |  |  |   color: #444444; | 
					
						
							|  |  |  | } | 
					
						
							| 
									
										
										
										
											2013-10-21 00:28:48 +02:00
										 |  |  | 
 | 
					
						
							|  |  |  | .row { max-width: 800px; margin: auto; text-align: justify; } | 
					
						
							|  |  |  | .row h1 { font-size: 3em; margin-top: 50px; } | 
					
						
							| 
									
										
										
										
											2013-10-21 00:42:07 +02:00
										 |  |  | .row p { padding: 0 10px; max-width: 700px; } | 
					
						
							|  |  |  | .row h3,ul { margin: 4px 8px;} | 
					
						
							| 
									
										
										
										
											2013-10-21 00:28:48 +02:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2013-10-22 21:31:56 +02:00
										 |  |  | .hmarg { margin: 0 20px; } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | .top_margin { margin-top: 60px; } | 
					
						
							| 
									
										
										
										
											2013-10-21 00:28:48 +02:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2013-10-15 18:19:31 +02:00
										 |  |  | .center { text-align: center; } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | h1 { font-size: 5em; } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2013-10-19 18:28:58 +02:00
										 |  |  | input { border: 2px solid #666666; color: #444444;  padding: 8px; background-color: #FFFFFF; font-size: 1.1em; } | 
					
						
							| 
									
										
										
										
											2013-10-15 19:11:43 +02:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2013-10-20 12:19:34 +02:00
										 |  |  | input[type="checkbox"] { visibility: hidden; } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2013-10-20 22:37:55 +02:00
										 |  |  | .checkbox_container { display: inline-block; position: relative; padding-left: 3px; margin: 0 10px; } | 
					
						
							| 
									
										
										
										
											2013-10-20 12:19:34 +02:00
										 |  |  | .checkbox_container label { | 
					
						
							|  |  |  |     cursor: pointer; | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | .checkbox_container label.cb { | 
					
						
							|  |  |  |     position: absolute; | 
					
						
							|  |  |  |     width: 16px; | 
					
						
							|  |  |  |     height: 16px; | 
					
						
							|  |  |  |     top: 2px; | 
					
						
							|  |  |  |     left: 2px; | 
					
						
							|  |  |  |     background: #eee; | 
					
						
							|  |  |  |     border:1px solid #ddd; | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | .checkbox_container label.cb:after { | 
					
						
							|  |  |  |     opacity: 0.2; | 
					
						
							|  |  |  |     content: ''; | 
					
						
							|  |  |  |     position: absolute; | 
					
						
							|  |  |  |     width: 8px; | 
					
						
							|  |  |  |     height: 4px; | 
					
						
							|  |  |  |     background: transparent; | 
					
						
							|  |  |  |     top: 3px; | 
					
						
							|  |  |  |     left: 3px; | 
					
						
							|  |  |  |     border: 3px solid #333; | 
					
						
							|  |  |  |     border-top: none; | 
					
						
							|  |  |  |     border-right: none; | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     -webkit-transform: rotate(-45deg); | 
					
						
							|  |  |  |     -moz-transform: rotate(-45deg); | 
					
						
							|  |  |  |     -o-transform: rotate(-45deg); | 
					
						
							|  |  |  |     -ms-transform: rotate(-45deg); | 
					
						
							|  |  |  |     transform: rotate(-45deg); | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | .checkbox_container label.cb:hover:after { | 
					
						
							|  |  |  |     opacity: 0.5; | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | .checkbox_container input[type=checkbox]:checked + label.cb:after { | 
					
						
							|  |  |  |     opacity: 1; | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2013-10-15 19:11:43 +02:00
										 |  |  | a { text-decoration: none; } | 
					
						
							| 
									
										
										
										
											2013-10-15 18:47:26 +02:00
										 |  |  | 
 | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2013-10-22 23:32:52 +02:00
										 |  |  | .result { margin-bottom: 16px; clear: both; } | 
					
						
							| 
									
										
										
										
											2013-10-20 22:37:55 +02:00
										 |  |  | .result_title { margin-bottom: 0; } | 
					
						
							| 
									
										
										
										
											2013-10-19 18:28:58 +02:00
										 |  |  | .result p { margin-top: 0; padding-top: 0; font-size: 0.8em; max-width: 50em; } | 
					
						
							|  |  |  | .result h3 { font-size: 0.9em;} | 
					
						
							| 
									
										
										
										
											2013-10-17 20:44:50 +02:00
										 |  |  | .result { max-width: 70em; } | 
					
						
							| 
									
										
										
										
											2013-10-15 18:47:26 +02:00
										 |  |  | 
 | 
					
						
							|  |  |  | .url { font-weight: bold; } | 
					
						
							| 
									
										
										
										
											2013-10-17 20:44:50 +02:00
										 |  |  | 
 | 
					
						
							|  |  |  | .q { width: 30em; } | 
					
						
							| 
									
										
										
										
											2013-10-19 18:28:58 +02:00
										 |  |  | 
 | 
					
						
							|  |  |  | .engines { color: #888888; } | 
					
						
							| 
									
										
										
										
											2013-10-19 19:55:43 +02:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2013-10-22 23:32:52 +02:00
										 |  |  | .small_font { font-size: 0.8em; } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2013-10-19 19:55:43 +02:00
										 |  |  | .small p { margin: 2px 0; } | 
					
						
							| 
									
										
										
										
											2013-10-19 22:35:06 +02:00
										 |  |  | 
 | 
					
						
							|  |  |  | .right { float: right; } | 
					
						
							| 
									
										
										
										
											2013-10-20 10:39:49 +02:00
										 |  |  | 
 | 
					
						
							|  |  |  | .invisible { display: none; } | 
					
						
							| 
									
										
										
										
											2013-10-22 23:32:52 +02:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2013-10-22 23:43:28 +02:00
										 |  |  | .image_result { float: left; max-width: 250px; margin: 10px; height: 380px; min-width: 250px; } | 
					
						
							| 
									
										
										
										
											2013-10-22 23:32:52 +02:00
										 |  |  | .image_result img { max-width: 240px; max-height: 320px; border: 2px solid #000000; } |