/dev/css/cla.css

https://github.com/ajanthanm/cssfilterlab · CSS · 117 lines · 96 code · 15 blank · 6 comment · 0 complexity · ec27755aa5b195050bd093e11e419908 MD5 · raw file

  1. @font-face
  2. {
  3. font-family: "LeagueGothic";
  4. src: url('../fonts/league_gothic/League_Gothic-webfont.ttf'),
  5. url('../fonts/league_gothic/League_Gothic-webfont.svg'),
  6. url('../fonts/league_gothic/League_Gothic-webfont.woff'),
  7. url('../fonts/league_gothic/League_Gothic-webfont.eot');
  8. /* "League Gothic" Copyright (c) 2010, Caroline Hadilaksono & Micha Rich */
  9. /* http://theleagueofmoveabletype.com */
  10. }
  11. @font-face
  12. {
  13. font-family: "Source";
  14. src: url('../fonts/sourcesans/sourcesans-regular-webfont.ttf'),
  15. url('../fonts/sourcesans/sourcesans-regular-webfont.svg'),
  16. url('../fonts/sourcesans/sourcesans-regular-webfont.woff'),
  17. url('../fonts/sourcesans/sourcesans-regualr-webfont.eot');
  18. /* "Source Sans" Copyright (c) 2012, Adobe Systems Inc */
  19. /* http://sourceforge.net/projects/sourcesans.adobe/ */
  20. }
  21. @font-face
  22. {
  23. font-family: "Source Semibold";
  24. src: url('../fonts/sourcesans/sourcesans-semibold-webfont.ttf'),
  25. url('../fonts/sourcesans/sourcesans-semibold-webfont.svg'),
  26. url('../fonts/sourcesans/sourcesans-semibold-webfont.woff'),
  27. url('../fonts/sourcesans/sourcesans-semibold-webfont.eot');
  28. /* "Source Sans Semibold" Copyright (c) 2012, Adobe Systems Inc */
  29. /* http://sourceforge.net/projects/sourcesans.adobe/ */
  30. }
  31. html
  32. {
  33. background: #eee;
  34. }
  35. body
  36. {
  37. margin: 0 auto;
  38. padding: 2em;
  39. max-width:800px;
  40. -webkit-box-shadow: 0 0 12px rgba(0,0,0,0.4);
  41. -moz-box-shadow: 0 0 12px rgba(0,0,0,0.4);
  42. box-shadow: 0 0 12px rgba(0,0,0,0.4);
  43. }
  44. p
  45. {
  46. margin: 1.2em 0;
  47. }
  48. p, li
  49. {
  50. font-family: "Source", Verdana;
  51. font-size: 1.1em;
  52. line-height: 1.6em;
  53. }
  54. .well
  55. {
  56. font-family: "Source Semibold", Verdana;
  57. font-size: 1.3em;
  58. padding: 2em;
  59. }
  60. h1
  61. {
  62. font-family: "LeagueGothic", Verdana;
  63. font-size: 5em;
  64. line-height: 1.1em
  65. }
  66. .icon-white {
  67. background-image: url("../img/glyphicons-halflings-white.png");
  68. }
  69. @media only screen
  70. and (max-width: 320px)
  71. {
  72. h1
  73. {
  74. font-size: 2em;
  75. }
  76. .well
  77. {
  78. font-size: 1em;
  79. padding: 1em;
  80. }
  81. body
  82. {
  83. margin: 0;
  84. }
  85. }
  86. @media only screen
  87. and (min-width: 320px) and (max-width: 600px)
  88. {
  89. h1
  90. {
  91. font-size: 3em;
  92. }
  93. body
  94. {
  95. margin: 0;
  96. }
  97. .well
  98. {
  99. font-size: 1em;
  100. padding: 1em;
  101. }
  102. }