PageRenderTime 57ms CodeModel.GetById 26ms RepoModel.GetById 0ms app.codeStats 0ms

/sites/all/themes/contrib/rubik/core.css

https://github.com/claudinec/drupalmel
CSS | 655 lines | 480 code | 113 blank | 62 comment | 0 complexity | 89a91f90dc2c26fa6849123284a60c38 MD5 | raw file
  1. p:last-child { margin:0px; }
  2. hr { display:none; }
  3. /**
  4. * Toggleables ========================================================
  5. */
  6. .toggleable { display:none; }
  7. /**
  8. * Generic ============================================================
  9. */
  10. .page-content dl dt {}
  11. .page-content dl dd,
  12. .page-content dl dl {
  13. margin-left:20px;
  14. margin-bottom:10px;
  15. }
  16. /**
  17. * Console ============================================================
  18. */
  19. div.messages {
  20. padding:15px;
  21. color:#036;
  22. background-color:#f8f8f8;
  23. border:5px solid #fff;
  24. }
  25. table tr.warning th,
  26. div.warning {
  27. color:#a84;
  28. background-color:#fff4c0;
  29. }
  30. table tr.error th,
  31. div.error {
  32. color:#965;
  33. background-color:#ffe4e0;
  34. }
  35. table tr.ok th,
  36. table tr.info th,
  37. div.status {
  38. color:#687;
  39. background-color:#ecf8f4;
  40. }
  41. div.error { border-color:#fff8f4; }
  42. div.warning { border-color:#fffce4; }
  43. div.status { border-color:#f8fffc; }
  44. /**
  45. * Pagers =============================================================
  46. */
  47. div.pager {
  48. font-weight:normal;
  49. font-size:11px;
  50. }
  51. div.pager ul.pager-list { float:left; }
  52. div.pager ul.pager-links { float:right; }
  53. /**
  54. * Menus, lists =======================================================
  55. */
  56. div.help-items ul li,
  57. form.confirmation ul li,
  58. .item-list ul li,
  59. .prose .item-list li,
  60. ul.menu li {
  61. float:none;
  62. display:block;
  63. padding:5px 10px 4px;
  64. border-bottom:1px solid #f4f4f4;
  65. }
  66. div.help-items ul li:last-child,
  67. form.confirmation ul li:last-child,
  68. .item-list ul li:last-child,
  69. .prose .item-list li:last-child,
  70. ul.menu li:last-child {
  71. border-bottom:0px;
  72. padding-bottom:5px;
  73. }
  74. ul.admin-list li a span.icon {
  75. position:absolute;
  76. left:10px;
  77. top:10px;
  78. }
  79. ul.admin-list-compact li a span.icon { top:5px; }
  80. ul.node-type-list li,
  81. ul.admin-list li {
  82. position:relative;
  83. padding:10px 5px 9px 50px;
  84. margin:0px;
  85. border-bottom:1px solid #e8e8e8;
  86. }
  87. ul.node-type-list li:last-child,
  88. ul.admin-list li:last-child {
  89. padding-bottom:10px;
  90. border:0px;
  91. }
  92. ul.node-type-list label { font-size:15px; }
  93. /**
  94. * Tables =============================================================
  95. */
  96. table {
  97. width:100%;
  98. font-size:11px;
  99. line-height:15px;
  100. margin:0px 0px 10px;
  101. background-color:#fff;
  102. border-collapse:collapse;
  103. border-color:#ccc #ddd #eee;
  104. border-width:1px;
  105. border-style:solid;
  106. }
  107. .fieldset table { margin:0px; }
  108. table td,
  109. table th {
  110. vertical-align:top;
  111. border-width:1px 0px;
  112. border-style:solid;
  113. border-color:#ddd;
  114. padding:5px;
  115. }
  116. table th {
  117. text-align:left;
  118. font-weight:normal;
  119. color:#666;
  120. background:#eee;
  121. }
  122. table thead th { border-top-color:#ccc; }
  123. table td.active { background:#e4f0f8; }
  124. table tr.odd td.active { background:#ecf8fc; }
  125. table tr.selected td.active,
  126. table tr.selected td {
  127. background:#ffc;
  128. border-color:#eeb;
  129. }
  130. /* Block administration */
  131. table tr.region td { background:#f8f8f8; }
  132. /* Hide tabledrag markers */
  133. table tr.draggable span.tabledrag-changed { display:none; }
  134. /**
  135. * Forms ==============================================================
  136. */
  137. .block,
  138. .item-list,
  139. .help-items ul,
  140. .form-item,
  141. form.confirmation ul,
  142. .admin-list,
  143. .node-type-list,
  144. .admin-panel {
  145. background:#fff;
  146. margin:0px 0px 10px;
  147. border-width:1px;
  148. border-style:solid;
  149. border-color:#ccc #ddd #eee;
  150. }
  151. .form-item {
  152. position:relative;
  153. padding:9px;
  154. }
  155. .admin-list { margin:0px; }
  156. .block .item-list,
  157. .block .form-item,
  158. .admin-panel .admin-list,
  159. .teaser-checkbox .form-item,
  160. .form-item .form-item,
  161. .fieldset .form-item,
  162. table div.form-item {
  163. background:transparent;
  164. padding:5px;
  165. margin:0px;
  166. border:0px;
  167. }
  168. .block .item-list,
  169. .admin-panel .admin-list,
  170. .form-item .form-item-filter { padding:0px; }
  171. .form-item label {
  172. margin:0px;
  173. padding:0px;
  174. color:#999;
  175. font-weight:bold;
  176. font-size:10px;
  177. text-transform:uppercase;
  178. }
  179. .form-item label.option {
  180. text-transform:none;
  181. font-size:11px;
  182. }
  183. .form-item label.option input { vertical-align:middle; }
  184. .page-content .password-description,
  185. .page-content .password-strength,
  186. .page-content div.description,
  187. .page-content .form-item div.description {
  188. line-height:15px;
  189. font-size:11px;
  190. white-space:normal;
  191. }
  192. .admin-panel p.description {
  193. background:#eee;
  194. border-top:1px solid #ddd;
  195. border-bottom:1px solid #fff;
  196. line-height:20px;
  197. font-size:11px;
  198. padding:4px 9px;
  199. margin:0px;
  200. }
  201. .fieldset div.description { margin:0px 0px 10px; }
  202. .page-content .form-item div.description {
  203. position:absolute;
  204. bottom:100%;
  205. right:-15px;
  206. z-index:5;
  207. color:#687;
  208. background:url(images/popup.png) 50% 100% no-repeat;
  209. border-top:1px solid #d8e4e0;
  210. width:240px;
  211. margin:0px 0px -15px;
  212. padding:9px 10px 20px;
  213. display:none;
  214. }
  215. .page-content div.form-item:hover {
  216. z-index:1;
  217. height:auto; /* Fix for flicker in IE7 */
  218. }
  219. .page-content div.form-item:hover > div.description { display:block; }
  220. input.teaser-button,
  221. input.form-submit {
  222. cursor:pointer;
  223. padding:2px 10px;
  224. color:#333;
  225. text-align:center;
  226. font-weight:normal;
  227. border-width:1px;
  228. border-style:solid;
  229. border-color:#ddd #ddd #ccc;
  230. background:#f4f4f4 url(images/bleeds.png) 0px -41px repeat-x;
  231. }
  232. input.form-submit:hover {
  233. border-color:#999 #999 #888;
  234. background:#888 url(images/bleeds.png) 0px 0px repeat-x;
  235. color:#fff;
  236. }
  237. input.form-submit:active {
  238. background:#666;
  239. color:#fff;
  240. }
  241. /* Teaser splitter */
  242. div.teaser-checkbox {
  243. position:relative;
  244. z-index:2;
  245. }
  246. div.teaser-checkbox div { margin:5px 0px 0px; }
  247. input.teaser-button {
  248. padding:0px 5px;
  249. font-size:11px;
  250. }
  251. form input#edit-delete { color:#ccc; }
  252. /* Filter form */
  253. .filter-options .form-item,
  254. .filter-options .filter-help {
  255. font-size:11px;
  256. margin:10px 10px 0px 0px;
  257. padding:0px;
  258. float:left;
  259. }
  260. .filter-options div.form-item:hover > div.description { display:none; }
  261. input.form-autocomplete,
  262. input.form-text,
  263. textarea.form-textarea,
  264. select.form-select {
  265. padding:2px;
  266. border-width:2px;
  267. border-style:solid;
  268. border-color:#e8e8e8 #f0f0f0 #f8f8f8;
  269. background:#fff;
  270. color:#666;
  271. max-width:100%;
  272. }
  273. input.form-autocomplete:hover,
  274. input.form-text:hover,
  275. textarea.form-textarea:hover,
  276. select.form-select:hover,
  277. input.form-autocomplete:focus,
  278. input.form-text:focus,
  279. textarea.form-textarea:focus,
  280. select.form-select:focus {
  281. color:#333;
  282. border-color:#ace;
  283. }
  284. input.fluid {
  285. -moz-box-sizing:border-box;
  286. -webkit-box-sizing:border-box;
  287. width:100%;
  288. }
  289. table input.fluid { width:auto; }
  290. html.js input.form-autocomplete { background-position:100% 7px; }
  291. html.js input.throbbing { background-position:100% -13px; }
  292. /* Exceptions */
  293. #diff-inline-form select,
  294. #content div.filter-options select { padding:0px; }
  295. /* Fieldsets */
  296. .fieldset,
  297. .fieldset-title,
  298. .fieldset-title a,
  299. .fieldset-content { display:block; }
  300. .fieldset { margin:0px 0px 10px; }
  301. .fieldset.titled {
  302. display:block;
  303. position:relative;
  304. min-height:30px;
  305. }
  306. .fieldset-title {
  307. display:block;
  308. position:absolute;
  309. left:0px;
  310. right:0px;
  311. top:0px;
  312. border-width:1px;
  313. border-style:solid;
  314. border-color:#ccc #ddd #eee;
  315. }
  316. .container-inline .fieldset-title .fieldset-content,
  317. .fieldset.titled .fieldset-content {
  318. display:block;
  319. padding-top:40px;
  320. }
  321. .item-list h3,
  322. .block .block-title,
  323. .admin-panel h3,
  324. .fieldset-title,
  325. .collapsible .fieldset-title a {
  326. display:block;
  327. font-size:11px;
  328. margin:0px;
  329. padding:4px 9px 5px;
  330. color:#333;
  331. background:#f4f4f4;
  332. }
  333. .fieldset-title,
  334. .collapsible .fieldset-title a { padding-bottom:4px; }
  335. /* Explicit height for IE */
  336. .collapsible .fieldset-title a { height:20px; }
  337. .admin-panel h3 { background:#eee; }
  338. .collapsible .fieldset-title span.icon {
  339. position:absolute;
  340. left:-20px;
  341. top:4px;
  342. background:url(images/sprite.png) 0px -20px no-repeat;
  343. width:20px;
  344. height:20px;
  345. display:block;
  346. cursor:pointer;
  347. }
  348. html.js .collapsed .fieldset-title span.icon { background-position:0px 0px; }
  349. .fieldset .collapsible .fieldset-title span.icon { display:none; }
  350. .collapsed .fieldset-title a {
  351. background:#eee;
  352. color:#999;
  353. }
  354. .collapsed .fieldset-title a:hover { color:#666; }
  355. .collapsible .fieldset-title {
  356. padding:0px;
  357. background:transparent;
  358. }
  359. .collapsed .fieldset-title a { padding-bottom:4px; }
  360. .block .block-content,
  361. .container-inline .fieldset-content,
  362. .fieldset-content {
  363. padding:10px 9px 9px;
  364. background:#fff;
  365. }
  366. .container-inline .fieldset-content,
  367. .fieldset-content {
  368. border-width:1px;
  369. border-style:solid;
  370. border-color:#ccc #ddd #eee;
  371. }
  372. .titled .fieldset-content { border-width:0px 1px 1px; }
  373. html.js .collapsed .fieldset-content { display:none; }
  374. .fieldset .fieldset .fieldset-content { background:#fff; }
  375. /**
  376. * Form layout: Default ===============================================
  377. */
  378. div.form-layout-default { background:url(images/vrule.png) 65% 0% repeat-y; }
  379. div.column-main {
  380. float:left;
  381. width:65%;
  382. }
  383. div.column-main div.column-wrapper { padding-right:10px; }
  384. div.column-side {
  385. float:right;
  386. width:34.99%;
  387. }
  388. div.column-side div.column-wrapper { padding-left:10px; }
  389. div.column-footer { clear:both; }
  390. form div.buttons {
  391. background:#eee;
  392. border:1px solid #ddd;
  393. padding:9px;
  394. }
  395. div.form-layout-default div.column-main div.buttons { display:none; }
  396. div.form-layout-default div.column-side div.buttons { margin:0px 0px 10px; }
  397. div.form-layout-default div.column-side div.buttons input.form-submit { margin:1px 0px; }
  398. /**
  399. * "Boxes" aka generic wrappers =======================================
  400. */
  401. .box-title {
  402. font-weight:normal;
  403. font-size:10px;
  404. text-transform:uppercase;
  405. background:#eee;
  406. border:1px solid #ddd;
  407. padding:4px 9px;
  408. margin:0px 0px 10px;
  409. }
  410. /**
  411. * System =============================================================
  412. */
  413. div.admin .right {
  414. padding-left:5px;
  415. float:right;
  416. }
  417. div.admin .left {
  418. padding-right:5px;
  419. float:left;
  420. }
  421. div.admin .right,
  422. div.admin .left {
  423. box-sizing:border-box;
  424. -moz-box-sizing:border-box;
  425. -webkit-box-sizing:border-box;
  426. width:50%;
  427. margin:0px;
  428. }
  429. /* admin/content/node & admin/user/user */
  430. #content dl.multiselect,
  431. #content dl.multiselect dt,
  432. #content dl.multiselect dd { margin:0px 10px 0px 0px; }
  433. #content dl.multiselect select {
  434. font-size:11px;
  435. background:#fff;
  436. border-style:solid;
  437. border-width:2px;
  438. border-color:#e8e8e8 #f0f0f0 #f8f8f8;
  439. }
  440. /* update options */
  441. div.admin-options {
  442. background:#f8f8f8;
  443. line-height:30px;
  444. height:30px;
  445. padding:9px;
  446. border:1px solid #ddd;
  447. margin:0px 0px 10px;
  448. }
  449. div.admin-options label,
  450. div.admin-options div.form-item {
  451. margin-right:10px;
  452. float:left;
  453. }
  454. div.admin-options div.form-item {
  455. padding:0px;
  456. border:0px;
  457. }
  458. /* dependency colors */
  459. div.admin-dependencies,
  460. div.admin-required { color: #666; }
  461. span.admin-disabled { color: #900; }
  462. span.admin-enabled { color: #099; }
  463. span.admin-missing { color: #c30; }
  464. /**
  465. * Help pages =========================================================
  466. */
  467. div.help-items { float:left; width:25%; }
  468. div.help-items ul { margin:10px 5px; }
  469. /**
  470. * Admin toolbar ======================================================
  471. */
  472. body.rubik div#admin-toolbar a.menu-hover span.menu-description { padding-left:50px; }
  473. body.rubik div#admin-toolbar a.menu-hover span.menu-description span.icon {
  474. position:absolute;
  475. left:10px;
  476. top:0px;
  477. }
  478. /**
  479. * Form description exceptions ========================================
  480. */
  481. /**
  482. * Some form elements are either too weirdly positioned or really benefit
  483. * from persistent descriptions. Reset for all of these.
  484. */
  485. .ctools-export-ui-row .form-item,
  486. .ctools-export-ui-row .form-item .description,
  487. .multiselect .form-item,
  488. .multiselect .form-item .description,
  489. .page-content table .form-item,
  490. .page-content table .form-item .description,
  491. .page-content .form-item .widget-edit .description,
  492. #upload-attachments .description,
  493. #views-ajax-pad .form-item,
  494. #views-ajax-pad .form-item .description {
  495. width:auto;
  496. padding:0px;
  497. margin:0px;
  498. border:0px;
  499. background:transparent;
  500. position:static;
  501. display:block;
  502. }
  503. .ctools-export-ui-row .form-item:hover,
  504. .multiselect .form-item:hover,
  505. .page-content table .form-item:hover,
  506. #views-ajax-pad .form-item:hover { position:static; }
  507. .page-content table .form-item .description,
  508. #upload-attachments .description,
  509. #views-ajax-pad .form-item .description {
  510. padding:0px;
  511. color:#666;
  512. display:block;
  513. max-width:none;
  514. }
  515. /**
  516. * Form containers ====================================================
  517. */
  518. .container-inline h2,
  519. .container-inline div {
  520. display:inline;
  521. border:0px;
  522. padding:0px;
  523. background:transparent;
  524. }
  525. .container-inline { margin:0px 0px 10px; }
  526. .buttons .container-inline { margin:0px; }
  527. /**
  528. * ORPHANED MARKUP ====================================================
  529. * The following selectors target markup generated by Drupal that have
  530. * exactly 1 or extremely few instances. It will make a great future
  531. * hitlist of markup to consolidate and generalize.
  532. */
  533. div.compact-link {
  534. font-size:11px;
  535. margin:0px 0px 10px;
  536. }
  537. div.compact-link a {
  538. border:1px solid #ddd;
  539. padding:4px 9px;
  540. color:#666;
  541. background:#fff;
  542. }