style.css 2.1 KB

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