style.css 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135
  1. /* html5 boilerplate from http://csswizardry.com/2011/01/the-real-html5-boilerplate/ */
  2. /*------------------------------------*\
  3. RESET
  4. \*------------------------------------*/
  5. /* http://meyerweb.com/eric/tools/css/reset/
  6. v2.0b1 | 201101
  7. NOTE:WORK IN PROGRESS
  8. USE WITH CAUTION AND TEST WITH ABANDON */
  9. html,body,div,span,applet,object,iframe,
  10. h1,h2,h3,h4,h5,h6,p,blockquote,pre,
  11. a,abbr,acronym,address,big,cite,code,
  12. del,dfn,em,img,ins,kbd,q,s,samp,
  13. small,strike,strong,sub,sup,tt,var,
  14. b,u,i,center,
  15. dl,dt,dd,ol,ul,li,
  16. fieldset,form,label,legend,
  17. table,caption,tbody,tfoot,thead,tr,th,td,
  18. article,aside,canvas,details,figcaption,figure,
  19. footer,header,hgroup,menu,nav,section,summary,
  20. time,mark,audio,video{
  21. margin:0;
  22. padding:0;
  23. border:0;
  24. outline:0;
  25. font-size:100%;
  26. font:inherit;
  27. vertical-align:baseline;
  28. }
  29. /* HTML5 display-role reset for older browsers */
  30. article,aside,details,figcaption,figure,
  31. footer,header,hgroup,menu,nav,section{
  32. display:block;
  33. }
  34. body{
  35. line-height:1;
  36. }
  37. ol,ul{
  38. list-style:none;
  39. }
  40. blockquote,q{
  41. quotes:none;
  42. }
  43. blockquote:before,blockquote:after,
  44. q:before,q:after{
  45. content:’’;
  46. content:none;
  47. }
  48. /* remember to define visible focus styles!
  49. :focus{
  50. outline:?????;
  51. } */
  52. /* remember to highlight inserts somehow! */
  53. ins{
  54. text-decoration:none;
  55. }
  56. del{
  57. text-decoration:line-through;
  58. }
  59. table{
  60. border-collapse:collapse;
  61. border-spacing:0;
  62. }
  63. /*------------------------------------*\
  64. $MAIN
  65. \*------------------------------------*/
  66. /* GO! */
  67. body {
  68. font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  69. font-size: 120%;
  70. }
  71. h1 {
  72. font-size: 300%;
  73. font-weight: bold;
  74. text-shadow: 0 5px 6px rgba(150,150,150,0.69);
  75. }
  76. h2 {
  77. font-size: 120%;
  78. margin-bottom: 10px;
  79. }
  80. form {
  81. margin-bottom: 10px;
  82. }
  83. header,footer {
  84. max-width: 600px;
  85. margin: 0 auto;
  86. padding: 20px;
  87. }
  88. footer {
  89. text-align: center;
  90. font-size: 60%;
  91. }
  92. section {
  93. max-width: 600px;
  94. margin: 30px auto;
  95. padding: 10px 15px;
  96. -webkit-box-shadow: 0 0 9px rgba(50,50,50,0.51);
  97. -moz-box-shadow: 0 0 9px rgba(50,50,50,0.51);
  98. box-shadow: 0 0 9px rgba(50,50,50,0.51);
  99. background: #f5f5f5;
  100. }
  101. .description {
  102. font-size:70%;
  103. margin-bottom: 10px;
  104. position:relative;
  105. bottom: 5px;
  106. color: #555;
  107. }
  108. .maintainer {
  109. font-size:60%;
  110. float:right;
  111. color: #777;
  112. }
  113. .placeholder {
  114. color: #aaa;
  115. }
  116. input, label {
  117. font-size: 80%;
  118. }