styles.css 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295
  1. /**
  2. * Primary Drupal Styles
  3. * Author: Bachir Soussi Chiadmi
  4. */
  5. body {
  6. font-size: 16px;
  7. font-family: Arial, "MS Trebuchet", sans-serif; }
  8. a {
  9. color: #007BC2;
  10. text-decoration: none; }
  11. h1 {
  12. font-size: 1.6em; }
  13. h2 {
  14. font-size: 1.5em; }
  15. h3 {
  16. font-size: 1.4em; }
  17. h4 {
  18. font-size: 1.3em; }
  19. h5 {
  20. font-size: 1.2em; }
  21. h6 {
  22. font-size: 1.1em; }
  23. input {
  24. font-family: Arial, "MS Trebuchet", sans-serif;
  25. font-size: 0.8em; }
  26. /** layout */
  27. #center, #sidebar-first, #sidebar-second, .footer-block .region, .header-block {
  28. display: inline-block;
  29. vertical-align: top; }
  30. body.two-sidebars #center {
  31. width: 54%; }
  32. body.sidebar-first #center {
  33. width: 73%; }
  34. body.sidebar-second #center {
  35. width: 80%; }
  36. body.no-sidebars #center {
  37. width: 100%; }
  38. #sidebar-first {
  39. width: 24%; }
  40. #sidebar-second {
  41. width: 18%; }
  42. #header, #main, #footer {
  43. padding: 1em; }
  44. body {
  45. background-color: #DFDFDF; }
  46. #container {
  47. width: 1024px;
  48. margin: 0 auto;
  49. background-color: #FFF; }
  50. #header, #footer {
  51. background-color: #535353;
  52. color: #fff; }
  53. .block, .panel-pane {
  54. border: 1px solid #D1D1D1;
  55. padding: 0.5em;
  56. margin: 0.5em;
  57. border-radius: 5px;
  58. background-color: #EAEAEA; }
  59. .footer-block .block {
  60. background-color: #353535;
  61. border: 1px solid #1a1a1a; }
  62. #footer-bottom {
  63. text-align: center; }
  64. #footer-bottom .block {
  65. background-color: transparent;
  66. border: 0 solid #999;
  67. font-size: 0.7em; }
  68. #content {
  69. padding: 1em; }
  70. .logo h1, h1.page-title {
  71. font-size: 2em; }
  72. #header ul.menu li,
  73. #content-top ul.menu li,
  74. #content-bottom ul.menu li,
  75. #footer ul.menu li {
  76. display: inline-block;
  77. vertical-align: top; }
  78. .views-row {
  79. margin-bottom: 1em; }
  80. .views-field-title {
  81. font-size: 1.1em;
  82. font-weight: bold; }
  83. .views-field-title a {
  84. color: #444444;
  85. text-decoration: none; }
  86. li, .item-list ul li {
  87. list-style: none inside url();
  88. margin-left: 0; }
  89. /** Messages. */
  90. div.messages {
  91. padding: 9px;
  92. margin: 0.5em 0 0;
  93. color: #036;
  94. background: #bdf;
  95. border: 1px solid #ace;
  96. border-radius: 5px; }
  97. div.warning {
  98. color: #840;
  99. background: #fe6;
  100. border-color: #ed5; }
  101. div.error {
  102. color: #fff;
  103. background: #e63;
  104. border-color: #d52; }
  105. div.error p.error {
  106. color: #333; }
  107. div.status {
  108. color: #360;
  109. background: #cf8;
  110. border-color: #be7; }
  111. /** Tab navigation */
  112. ul.primary, .views-admin-links ul {
  113. font: 13px/1.231 sans-serif;
  114. *font-size: small;
  115. border-collapse: collapse;
  116. padding: 0 0 0 1em;
  117. /* LTR */
  118. white-space: nowrap;
  119. list-style: none;
  120. margin: 5px;
  121. height: auto;
  122. line-height: normal;
  123. border-bottom: 1px solid #bbb; }
  124. ul.primary li, .views-admin-links li {
  125. display: inline; }
  126. ul.primary li a, .views-admin-links li a {
  127. background-color: #ddd;
  128. border-color: #bbb;
  129. border-width: 1px;
  130. border-style: solid solid none solid;
  131. height: auto;
  132. margin-right: 0.5em;
  133. /* LTR */
  134. padding: 0 1em;
  135. text-decoration: none;
  136. border-top-left-radius: 5px;
  137. border-top-right-radius: 5px; }
  138. ul.primary li.active a {
  139. background-color: #fff;
  140. border: 1px solid #bbb;
  141. border-bottom: #fff 1px solid; }
  142. ul.primary li a:hover, .views-admin-links li a:hover {
  143. background-color: #eee;
  144. border-color: #ccc;
  145. border-bottom-color: #eee; }
  146. ul.secondary {
  147. border-bottom: 1px solid #bbb;
  148. padding: 0.5em 1em;
  149. margin: 5px; }
  150. ul.secondary li {
  151. display: inline;
  152. padding: 0 1em;
  153. border-right: 1px solid #ccc;
  154. /* LTR */ }
  155. ul.secondary a {
  156. padding: 0;
  157. text-decoration: none; }
  158. ul.secondary a.active {
  159. border-bottom: 4px solid #999; }
  160. /** Form */
  161. #node-form .form-region-main {
  162. border-right: 1px solid #BFBFBF;
  163. padding-right: 10px;
  164. width: 68%; }
  165. #node-form .form-region-main label {
  166. float: left;
  167. min-width: 25%; }
  168. #node-form .form-region-main input.form-text {
  169. width: 40%; }
  170. #node-form .form-region-right {
  171. padding-left: 5px; }
  172. #node-form .form-region-right label {
  173. float: left;
  174. min-width: 35%; }
  175. #node-form .form-region-right input.form-text {
  176. width: 60%; }
  177. #node-form .form-region-main label.option, #node-form .form-region-right label.option {
  178. float: none; }
  179. form:not(#views-ui-config-item-form) .form-item {
  180. position: relative;
  181. /* padding:9px;*/ }
  182. form:not(#views-ui-config-item-form) .form-item .description {
  183. position: absolute;
  184. bottom: 140%;
  185. /* right:-15px;*/
  186. z-index: 5;
  187. left: 50%;
  188. color: #1A1A1A;
  189. line-height: 1.1;
  190. background: url(../images/popup.png) 50% 100% no-repeat;
  191. width: 240px;
  192. margin: 0px 0px -15px;
  193. padding: 9px 10px 20px;
  194. display: none;
  195. border-top: 1px solid #9F9F9F; }
  196. form:not(#views-ui-config-item-form) .form-item:hover {
  197. z-index: 1;
  198. height: auto;
  199. /* Fix for flicker in IE7 */ }
  200. form:not(#views-ui-config-item-form) .form-item:hover > .description {
  201. display: block; }
  202. fieldset {
  203. border: 1px solid #D4D4D4;
  204. padding: 10px;
  205. margin-bottom: 1em;
  206. border-radius: 5px; }
  207. fieldset legend {
  208. font-size: 1.6em; }
  209. input.form-text {
  210. max-width: 95%; }
  211. /** TABLE */
  212. table {
  213. width: 100%;
  214. border-radius: 5px; }
  215. table thead th {
  216. background-color: #CCC;
  217. padding: 0.5em 1em;
  218. text-align: left; }
  219. table tbody tr.even, table tbody tr.odd {
  220. border-bottom: 0 solid #CCCCCC;
  221. padding: 0.1em 0.6em; }
  222. table tbody tr.even {
  223. background-color: #EEE; }
  224. table tbody tr.odd {
  225. background-color: #E5E5E5; }
  226. table tbody td {
  227. padding: 0.5em 1em;
  228. text-align: left; }
  229. td.active {
  230. background-color: transparent; }