html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; color: #444444; } .row { max-width: 800px; margin: auto; text-align: justify; } .row h1 { font-size: 3em; margin-top: 50px; } .row p { padding: 0 10px; max-width: 700px; } .row h3,ul { margin: 4px 8px;} .hmarg { margin: 0 20px; } .top_margin { margin-top: 60px; } .center { text-align: center; } h1 { font-size: 5em; } input { border: 2px solid #666666; color: #444444; padding: 8px; background-color: #FFFFFF; font-size: 1.1em; } input[type="checkbox"] { visibility: hidden; } .checkbox_container { display: inline-block; position: relative; padding-left: 3px; margin: 0 10px; } .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; } a { text-decoration: none; } .result { margin-bottom: 16px; clear: both; } .result_title { margin-bottom: 0; } .result p { margin-top: 0; padding-top: 0; font-size: 0.8em; max-width: 50em; } .result h3 { font-size: 0.9em;} .result { max-width: 70em; } .url { font-weight: bold; } .q { width: 30em; } .engines { color: #888888; } .small_font { font-size: 0.8em; } .small p { margin: 2px 0; } .right { float: right; } .invisible { display: none; } .image_result { float: left; max-width: 250px; margin: 10px; height: 380px; min-width: 250px; } .image_result img { max-width: 240px; max-height: 320px; border: 2px solid #000000; }