app/assets/stylesheets/caboose/modal.css in caboose-cms-0.2.15 vs app/assets/stylesheets/caboose/modal.css in caboose-cms-0.2.16

- old
+ new

@@ -204,22 +204,59 @@ position: absolute; top: 0; right: 0; } +#modal_content table.data { + border-collapse: collapse; +} + #modal_content table.data th { - background: #222222; - border: #333 1px solid; + background: #000; + border: #333 1px solid; + color: #efefef; + margin: 0; + padding: 0; +} + +#modal_content table.data th a { + display: block; + text-decoration: none; + border: none; color: #fff; + padding: 8px 12px; } +#modal_content table.data th a:hover { + color: #fff; + background: #333; +} + #modal_content table.data td { background: #111111; border: #333 1px solid; color: #fff; + margin: 0; + padding: 8px 12px; } +#modal_content table.data tr:nth-child(even) td { + background-color: #000; +} + + +#modal_content table.data tr:nth-child(odd) td { + background-color: transparent; +} + +#modal_content table.data tr:hover td, +#modal_content table.data tr:nth-child(even):hover td, +#modal_content table.data tr:nth-child(odd):hover td { + background: #333; + color: #fff; +} + /******************************************************************************* Modeljs *******************************************************************************/ #modal_content div.model_attribute_text { @@ -235,5 +272,88 @@ #modal_content .clear { clear: both; line-height: 0; } + +/******************************************************************************* +Message boxes +*******************************************************************************/ + +#modal_content .note { + padding: 20px; + background: #fef49c; + color: #000000; + font-weight: bold; + font-size: 1.4em; +} + +#modal_content .note_small { + display: block; + padding: 4px 10px; + background: #fef49c; + color: #000000; + font-size: 1em; +} + +#modal_content .error { + background: #9c171b; + color: #ffffff; +} + +#modal_content .error a { + color: #fff; +} + +#modal_content .error a:hover { + color: #000; +} + +#modal_content .success { + background: #009900; + color: #ffffff; +} + +#modal_content .success a { + color: #ffffff; +} + +/******************************************************************************* +Page Bar Generator +*******************************************************************************/ + +.page_links { + +} + +.page_links a { + display: inline-block; + margin: 0 2px; + padding: 5px 8px 3px 8px; + + border: #505050 1px solid; + background: #000; + color: #505050; + text-decoration: none; +} + +.page_links a:hover { + background: #505050; + color: #fff; +} + +.page_links .middle_links a { + +} + +.page_links span.current_page { + display: inline-block; + padding: 5px 8px 3px 8px; + + border: #ccc 1px solid; + background: #ccc; + color: #000; + text-decoration: none; +} + +#search_form input[type='text'] { height: 20px; padding: 6px 12px; } +#search_form input[type='submit'] { height: 35px; padding: 0 12px; }