demo.css 5.5KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294
  1. /*
  2. Copyright (c) 2010, Yahoo! Inc. All rights reserved.
  3. Code licensed under the BSD License:
  4. http://developer.yahoo.com/yui/license.html
  5. version: 2.8.2r1
  6. Reset
  7. */
  8. html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
  9. html, body
  10. {
  11. background-color: #EFEFEF;
  12. }
  13. body
  14. {
  15. font-size: 14px;
  16. font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  17. color: #313131;
  18. }
  19. a
  20. {
  21. color: #08C;
  22. text-decoration: none;
  23. }
  24. a:hover
  25. {
  26. text-decoration: underline;
  27. }
  28. strong
  29. {
  30. font-weight: bold;
  31. }
  32. em
  33. {
  34. font-style: italic;
  35. }
  36. h1, h2, h3
  37. {
  38. font-family: Georgia, "Times New Roman", Times, serif;
  39. color: #404040;
  40. }
  41. h1
  42. {
  43. font-size: 45px;
  44. padding-bottom: 30px;
  45. }
  46. h2
  47. {
  48. font-weight: bold;
  49. color: #FFFFFF;
  50. /* Font is duplicated of body (sans-serif) */
  51. font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  52. margin-bottom: 10px;
  53. background-color: #aacd4e;
  54. padding: 2px 4px;
  55. display: inline-block;
  56. text-transform: uppercase;
  57. }
  58. p
  59. {
  60. line-height: 20px;
  61. padding-bottom: 20px;
  62. }
  63. ul#demo-list a
  64. {
  65. background: url(../images/blue-arrow.png) no-repeat right 6px;
  66. padding-right: 10px;
  67. }
  68. ul, ol
  69. {
  70. padding-left: 20px;
  71. }
  72. li
  73. {
  74. padding-bottom: 18px;
  75. }
  76. ol li
  77. {
  78. list-style-type: decimal;
  79. }
  80. ul li
  81. {
  82. list-style-type: none;
  83. }
  84. #symfony-header
  85. {
  86. position: relative;
  87. padding: 30px 30px 20px 30px;
  88. }
  89. #symfony-wrapper
  90. {
  91. width: 970px;
  92. margin: 0 auto;
  93. }
  94. .symfony-content
  95. {
  96. background-color: white;
  97. border: 1px solid #DFDFDF;
  98. padding: 50px;
  99. -moz-border-radius: 16px;
  100. -webkit-border-radius: 16px;
  101. border-radius: 16px;
  102. margin-bottom: 20px;
  103. word-wrap: break-word;
  104. }
  105. #symfony-search
  106. {
  107. position: absolute;
  108. top: 50px;
  109. right: 30px;
  110. }
  111. #symfony-search input[type="search"]
  112. {
  113. -webkit-appearance: textfield;
  114. }
  115. #symfony-search-field
  116. {
  117. width: 190px;
  118. }
  119. #symfony-search label
  120. {
  121. display: block;
  122. float: left;
  123. width: 20px;
  124. height: 25px;
  125. background: url(../images/search.png) no-repeat left 5px;
  126. }
  127. #symfony-search label span
  128. {
  129. display: none;
  130. }
  131. input[type=text], input[type=password]
  132. {
  133. border: 1px solid #DADADA;
  134. background: white url(../images/field-background.gif) repeat-x left top;
  135. padding: 5px 6px;
  136. color: #565656;
  137. font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
  138. font-size: 12px;
  139. }
  140. .symfony-button-grey,
  141. .symfony-button-green
  142. {
  143. font-size: 0.85em;
  144. font-weight: bold;
  145. cursor: pointer;
  146. display: inline-block;
  147. outline: none;
  148. text-align: center;
  149. text-transform: uppercase;
  150. padding: 3px 10px;
  151. text-shadow: 0 1px 1px rgba(0,0,0,.3);
  152. -webkit-border-radius: 4px;
  153. -moz-border-radius: 4px;
  154. border-radius: 4px;
  155. }
  156. .symfony-button-grey
  157. {
  158. color: #868686;
  159. font-weight: normal;
  160. padding: 5px 10px;
  161. border: solid 1px #d7d7d7;
  162. background: #ffffff;
  163. background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d7d7d7));
  164. background: -moz-linear-gradient(top, #ffffff, #d7d7d7);
  165. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d7d7d7');
  166. }
  167. .symfony-button-green
  168. {
  169. padding: 5px 12px;
  170. color: white;
  171. border: solid 1px #a7da39;
  172. background: #a7da39;
  173. background: -webkit-gradient(linear, left top, left bottom, from(#a7da39), to(#6a9211));
  174. background: -moz-linear-gradient(top, #a7da39, #6a9211);
  175. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a7da39', endColorstr='#6a9211');
  176. }
  177. .symfony-blocks-welcome
  178. {
  179. overflow: hidden;
  180. }
  181. .symfony-blocks-welcome > div
  182. {
  183. background-color: whitesmoke;
  184. float: left;
  185. width: 240px;
  186. margin-right: 14px;
  187. text-align: center;
  188. padding: 26px 20px;
  189. }
  190. .symfony-blocks-welcome > div.block-demo
  191. {
  192. margin-right: 0;
  193. }
  194. .symfony-blocks-welcome .illustration
  195. {
  196. padding-bottom: 20px;
  197. }
  198. .symfony-blocks-help
  199. {
  200. overflow: hidden;
  201. }
  202. .symfony-blocks-help
  203. {
  204. margin-top: 30px;
  205. padding: 18px;
  206. border: 1px solid #E6E6E6;
  207. }
  208. .symfony-blocks-help > div
  209. {
  210. width: 254px;
  211. float: left;
  212. }
  213. .flash-message
  214. {
  215. padding: 10px;
  216. margin: 5px;
  217. margin-top: 15px;
  218. background-color: #ffe;
  219. }
  220. .error
  221. {
  222. color: red;
  223. }
  224. #login label, #contact_form label
  225. {
  226. display: block;
  227. float: left;
  228. width: 90px;
  229. }
  230. ul#menu
  231. {
  232. float: right;
  233. margin-bottom: 20px;
  234. padding-left: 0;
  235. }
  236. #menu li
  237. {
  238. padding-left: 0;
  239. margin-right: 10px;
  240. display: inline;
  241. }