style.css

Same filename in this branch
  1. 6.x drupal-6.x/themes/bluemarine/style.css
  2. 6.x drupal-6.x/themes/garland/style.css
  3. 6.x drupal-6.x/themes/chameleon/style.css
  4. 6.x drupal-6.x/themes/pushbutton/style.css
  5. 6.x drupal-6.x/themes/chameleon/marvin/style.css
/*
** HTML elements
*/
body {
  margin: 0;
  padding: 0;
  color: #000;
  background-color: #fff;
  font: 76% Verdana, Arial, Helvetica, sans-serif;
}
tr.odd td, tr.even td {
  padding: 0.3em;
}
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0.5em;
}
h1 {
  font-size: 1.3em;
}
h2 {
  font-size: 1.2em;
}
h3, h4, h5, h6 {
  font-size: 1.1em;
}
p {
  margin-top: 0.5em;
  margin-bottom: 0.9em;
}
a {
  text-decoration: none;
  font-weight: bold;
}
a:link {
  color: #39c;
}
a:visited {
  color: #369;
}
a:hover {
  color: #39c;
  text-decoration: underline;
}
fieldset {
  border: 1px solid #ccc;
}
pre {
  background-color: #eee;
  padding: 0.75em 1.5em;
  font-size: 12px;
  border: 1px solid #ddd;
}
table {
  /* make <td> sizes relative to body size! */
  font-size: 1em;
}
.form-item label {
  font-size: 1em;
  color: #222;
}
.item-list .title {
  font-size: 1em;
  color: #222;
}
.links {
  margin-bottom: 0;
}
.comment .links {
  margin-bottom: 0;
}

/*
** Page layout blocks / IDs
*/
#header, #content {
  width: 100%;
}
#header {
  background-color: #69c;
}
#logo {
  vertical-align: middle;
  border: 0;
}
#logo img {
  float: left; /* LTR */
  padding: 0 1em;
  border: 0;
}
#menu {
  padding: 0.5em 0.5em 0 0.5em; /* LTR */
  text-align: right; /* LTR */
  vertical-align: middle;
}
#navlist {
  font-size: 1.0em;
  padding: 0 0.8em 1.2em 0; /* LTR */
  color: #9cf;
}
#navlist a {
  font-weight: bold;
  color: #fff;
}
#subnavlist {
  padding: 0.5em 1.2em 0.4em 0; /* LTR */
  font-size: 0.8em;
  color: #9cf;
}
#subnavlist a {
  font-weight: bold;
  color: #9cf;
}
ul.links li {
  border-left: 1px solid #9cf; /* LTR */
}
ul.links li.first {
  border: none;
}
#search .form-text, #search .form-submit {
  border: 1px solid #369;
  font-size: 1.1em;
  height: 1.5em;
  vertical-align: middle;
}
#search .form-text {
  width: 8em;
  padding: 0 0.5em;
}
#mission {
  background-color: #369;
  padding: 1.5em 2em;
  color: #fff;
}
#mission a, #mission a:visited {
  color: #9cf;
  font-weight: bold;
}
.site-name {
  margin: 0.6em 0 0 ;
  padding: 0;
  font-size: 2em;
}
.site-name a:link, .site-name a:visited {
  color: #fff;
}
.site-name a:hover {
  color: #369;
  text-decoration: none;
}
.site-slogan {
  font-size: 1em;
  color: #eee;
  display: block;
  margin: 0;
  font-style: italic;
  font-weight: bold;
}
#main {
  /* padding in px not ex because IE messes up 100% width tables otherwise */
  padding: 10px;
}
#mission, .node .content, .comment .content {
  line-height: 1.4em;
}
#help {
  font-size: 0.9em;
  margin-bottom: 1em;
}
.breadcrumb {
  margin-bottom: .5em;
}
.messages {
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 0.3em;
  margin-bottom: 1em;
}
.error {
  border-color: red;
}
#sidebar-left, #sidebar-right {
  background-color: #ddd;
  width: 16em;
  /* padding in px not ex because IE messes up 100% width tables otherwise */
  padding: 10px;
  vertical-align: top;
}
#footer {
  background-color: #eee;
  padding: 1em;
  font-size: 0.8em;
}

/*
** Common declarations for child classes of node, comment, block, box, etc.
** If you want any of them styled differently for a specific parent, add
** additional rules /with only the differing properties!/ to .parent .class.
** See .comment .title for an example.
*/
.title, .title a {
  font-weight: bold;
  font-size: 1.3em;
  color: #777;
  margin: 0 auto;  /* decrease default margins for h<x>.title */
}
.submitted {
  color: #999;
  font-size: 0.8em;
}
.links {
  color: #999;
}
.links a {
  font-weight: bold;
}
.block, .box {
  padding: 0 0 1.5em 0; /* LTR */
}
.block {
  border-bottom: 1px solid #bbb;
  padding-bottom: 0.75em;
  margin-bottom: 1.5em;
}
.block .title {
  margin-bottom: .25em;
}
.box .title {
  font-size: 1.1em;
}
.node {
  margin: .5em 0 2em; /* LTR */
}
.sticky {
  padding: .5em;
  background-color: #eee;
  border: solid 1px #ddd;
}
.node .content, .comment .content {
  margin: .5em 0 .5em;
}
.node .taxonomy {
  color: #999;
  font-size: 0.8em;
  padding-left: 1.5em; /* LTR */
}
.node .picture {
  border: 1px solid #ddd;
  float: right; /* LTR */
  margin: 0.5em;
}
.comment {
  border: 1px solid #abc;
  padding: .5em;
  margin-bottom: 1em;
}
.comment .title a {
  font-size: 1.1em;
  font-weight: normal;
}
.comment .new {
  text-align: right; /* LTR */
  font-weight: bold;
  font-size: 0.8em;
  float: right; /* LTR */
  color: red;
}
.comment .picture {
  border: 1px solid #abc;
  float: right; /* LTR */
  margin: 0.5em;
}

/*
** Module specific styles
*/
#aggregator .feed-source {
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 1em;
  margin: 1em 0;
}
#aggregator .news-item .categories, #aggregator .source, #aggregator .age {
  color: #999;
  font-style: italic;
  font-size: 0.9em;
}
#aggregator .title {
  margin-bottom: 0.5em;
  font-size: 1em;
}
#aggregator h3 {
  margin-top: 1em;
}
#forum table {
  width: 100%;
}
#forum td {
  padding: 0.5em;
}
#forum td.forum, #forum td.posts {
  background-color: #eee;
}
#forum td.topics, #forum td.last-reply {
  background-color: #ddd;
}
#forum td.container {
  background-color: #ccc;
}
#forum td.container a {
  color: #555;
}
#forum td.statistics, #forum td.settings, #forum td.pager {
  height: 1.5em;
  border: 1px solid #bbb;
}
#forum td .name {
  color: #96c;
}
#forum td .links {
  padding-top: 0.7em;
  font-size: 0.9em;
}
#profile .profile {
  clear: both;
  border: 1px solid #abc;
  padding: .5em;
  margin: 1em 0em;
}
#profile .profile .name {
  padding-bottom: 0.5em;
}
.block-forum h3 {
  margin-bottom: .5em;
}
div.admin-panel .description {
  color: #999;
}
div.admin-panel .body {
  background: #f4f4f4;
}
div.admin-panel h3 {
  background-color: #69c;
  color: #fff;
  padding: 5px 8px 5px;
  margin: 0;
}

Archivo

drupal-6.x/themes/bluemarine/style.css
View source
  1. /*
  2. ** HTML elements
  3. */
  4. body {
  5. margin: 0;
  6. padding: 0;
  7. color: #000;
  8. background-color: #fff;
  9. font: 76% Verdana, Arial, Helvetica, sans-serif;
  10. }
  11. tr.odd td, tr.even td {
  12. padding: 0.3em;
  13. }
  14. h1, h2, h3, h4, h5, h6 {
  15. margin-bottom: 0.5em;
  16. }
  17. h1 {
  18. font-size: 1.3em;
  19. }
  20. h2 {
  21. font-size: 1.2em;
  22. }
  23. h3, h4, h5, h6 {
  24. font-size: 1.1em;
  25. }
  26. p {
  27. margin-top: 0.5em;
  28. margin-bottom: 0.9em;
  29. }
  30. a {
  31. text-decoration: none;
  32. font-weight: bold;
  33. }
  34. a:link {
  35. color: #39c;
  36. }
  37. a:visited {
  38. color: #369;
  39. }
  40. a:hover {
  41. color: #39c;
  42. text-decoration: underline;
  43. }
  44. fieldset {
  45. border: 1px solid #ccc;
  46. }
  47. pre {
  48. background-color: #eee;
  49. padding: 0.75em 1.5em;
  50. font-size: 12px;
  51. border: 1px solid #ddd;
  52. }
  53. table {
  54. /* make sizes relative to body size! */
  55. font-size: 1em;
  56. }
  57. .form-item label {
  58. font-size: 1em;
  59. color: #222;
  60. }
  61. .item-list .title {
  62. font-size: 1em;
  63. color: #222;
  64. }
  65. .links {
  66. margin-bottom: 0;
  67. }
  68. .comment .links {
  69. margin-bottom: 0;
  70. }
  71. /*
  72. ** Page layout blocks / IDs
  73. */
  74. #header, #content {
  75. width: 100%;
  76. }
  77. #header {
  78. background-color: #69c;
  79. }
  80. #logo {
  81. vertical-align: middle;
  82. border: 0;
  83. }
  84. #logo img {
  85. float: left; /* LTR */
  86. padding: 0 1em;
  87. border: 0;
  88. }
  89. #menu {
  90. padding: 0.5em 0.5em 0 0.5em; /* LTR */
  91. text-align: right; /* LTR */
  92. vertical-align: middle;
  93. }
  94. #navlist {
  95. font-size: 1.0em;
  96. padding: 0 0.8em 1.2em 0; /* LTR */
  97. color: #9cf;
  98. }
  99. #navlist a {
  100. font-weight: bold;
  101. color: #fff;
  102. }
  103. #subnavlist {
  104. padding: 0.5em 1.2em 0.4em 0; /* LTR */
  105. font-size: 0.8em;
  106. color: #9cf;
  107. }
  108. #subnavlist a {
  109. font-weight: bold;
  110. color: #9cf;
  111. }
  112. ul.links li {
  113. border-left: 1px solid #9cf; /* LTR */
  114. }
  115. ul.links li.first {
  116. border: none;
  117. }
  118. #search .form-text, #search .form-submit {
  119. border: 1px solid #369;
  120. font-size: 1.1em;
  121. height: 1.5em;
  122. vertical-align: middle;
  123. }
  124. #search .form-text {
  125. width: 8em;
  126. padding: 0 0.5em;
  127. }
  128. #mission {
  129. background-color: #369;
  130. padding: 1.5em 2em;
  131. color: #fff;
  132. }
  133. #mission a, #mission a:visited {
  134. color: #9cf;
  135. font-weight: bold;
  136. }
  137. .site-name {
  138. margin: 0.6em 0 0 ;
  139. padding: 0;
  140. font-size: 2em;
  141. }
  142. .site-name a:link, .site-name a:visited {
  143. color: #fff;
  144. }
  145. .site-name a:hover {
  146. color: #369;
  147. text-decoration: none;
  148. }
  149. .site-slogan {
  150. font-size: 1em;
  151. color: #eee;
  152. display: block;
  153. margin: 0;
  154. font-style: italic;
  155. font-weight: bold;
  156. }
  157. #main {
  158. /* padding in px not ex because IE messes up 100% width tables otherwise */
  159. padding: 10px;
  160. }
  161. #mission, .node .content, .comment .content {
  162. line-height: 1.4em;
  163. }
  164. #help {
  165. font-size: 0.9em;
  166. margin-bottom: 1em;
  167. }
  168. .breadcrumb {
  169. margin-bottom: .5em;
  170. }
  171. .messages {
  172. background-color: #eee;
  173. border: 1px solid #ccc;
  174. padding: 0.3em;
  175. margin-bottom: 1em;
  176. }
  177. .error {
  178. border-color: red;
  179. }
  180. #sidebar-left, #sidebar-right {
  181. background-color: #ddd;
  182. width: 16em;
  183. /* padding in px not ex because IE messes up 100% width tables otherwise */
  184. padding: 10px;
  185. vertical-align: top;
  186. }
  187. #footer {
  188. background-color: #eee;
  189. padding: 1em;
  190. font-size: 0.8em;
  191. }
  192. /*
  193. ** Common declarations for child classes of node, comment, block, box, etc.
  194. ** If you want any of them styled differently for a specific parent, add
  195. ** additional rules /with only the differing properties!/ to .parent .class.
  196. ** See .comment .title for an example.
  197. */
  198. .title, .title a {
  199. font-weight: bold;
  200. font-size: 1.3em;
  201. color: #777;
  202. margin: 0 auto; /* decrease default margins for h.title */
  203. }
  204. .submitted {
  205. color: #999;
  206. font-size: 0.8em;
  207. }
  208. .links {
  209. color: #999;
  210. }
  211. .links a {
  212. font-weight: bold;
  213. }
  214. .block, .box {
  215. padding: 0 0 1.5em 0; /* LTR */
  216. }
  217. .block {
  218. border-bottom: 1px solid #bbb;
  219. padding-bottom: 0.75em;
  220. margin-bottom: 1.5em;
  221. }
  222. .block .title {
  223. margin-bottom: .25em;
  224. }
  225. .box .title {
  226. font-size: 1.1em;
  227. }
  228. .node {
  229. margin: .5em 0 2em; /* LTR */
  230. }
  231. .sticky {
  232. padding: .5em;
  233. background-color: #eee;
  234. border: solid 1px #ddd;
  235. }
  236. .node .content, .comment .content {
  237. margin: .5em 0 .5em;
  238. }
  239. .node .taxonomy {
  240. color: #999;
  241. font-size: 0.8em;
  242. padding-left: 1.5em; /* LTR */
  243. }
  244. .node .picture {
  245. border: 1px solid #ddd;
  246. float: right; /* LTR */
  247. margin: 0.5em;
  248. }
  249. .comment {
  250. border: 1px solid #abc;
  251. padding: .5em;
  252. margin-bottom: 1em;
  253. }
  254. .comment .title a {
  255. font-size: 1.1em;
  256. font-weight: normal;
  257. }
  258. .comment .new {
  259. text-align: right; /* LTR */
  260. font-weight: bold;
  261. font-size: 0.8em;
  262. float: right; /* LTR */
  263. color: red;
  264. }
  265. .comment .picture {
  266. border: 1px solid #abc;
  267. float: right; /* LTR */
  268. margin: 0.5em;
  269. }
  270. /*
  271. ** Module specific styles
  272. */
  273. #aggregator .feed-source {
  274. background-color: #eee;
  275. border: 1px solid #ccc;
  276. padding: 1em;
  277. margin: 1em 0;
  278. }
  279. #aggregator .news-item .categories, #aggregator .source, #aggregator .age {
  280. color: #999;
  281. font-style: italic;
  282. font-size: 0.9em;
  283. }
  284. #aggregator .title {
  285. margin-bottom: 0.5em;
  286. font-size: 1em;
  287. }
  288. #aggregator h3 {
  289. margin-top: 1em;
  290. }
  291. #forum table {
  292. width: 100%;
  293. }
  294. #forum td {
  295. padding: 0.5em;
  296. }
  297. #forum td.forum, #forum td.posts {
  298. background-color: #eee;
  299. }
  300. #forum td.topics, #forum td.last-reply {
  301. background-color: #ddd;
  302. }
  303. #forum td.container {
  304. background-color: #ccc;
  305. }
  306. #forum td.container a {
  307. color: #555;
  308. }
  309. #forum td.statistics, #forum td.settings, #forum td.pager {
  310. height: 1.5em;
  311. border: 1px solid #bbb;
  312. }
  313. #forum td .name {
  314. color: #96c;
  315. }
  316. #forum td .links {
  317. padding-top: 0.7em;
  318. font-size: 0.9em;
  319. }
  320. #profile .profile {
  321. clear: both;
  322. border: 1px solid #abc;
  323. padding: .5em;
  324. margin: 1em 0em;
  325. }
  326. #profile .profile .name {
  327. padding-bottom: 0.5em;
  328. }
  329. .block-forum h3 {
  330. margin-bottom: .5em;
  331. }
  332. div.admin-panel .description {
  333. color: #999;
  334. }
  335. div.admin-panel .body {
  336. background: #f4f4f4;
  337. }
  338. div.admin-panel h3 {
  339. background-color: #69c;
  340. color: #fff;
  341. padding: 5px 8px 5px;
  342. margin: 0;
  343. }