public/stylesheets/mitamirri.css in mitamirri-0.13.8 vs public/stylesheets/mitamirri.css in mitamirri-2.0.8

- old
+ new

@@ -1,736 +1,49 @@ -/* @group Normalization */ +div.menu_icon#traffic_summary { + background: url(/images/menu_icons/traffic_summary.png) no-repeat center top; +} - body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { - margin: 0; - padding: 0; - } - - h1, h2, h3, h4, h5, h6 { - font-size: 100%; - margin: .67em 0; - } - - ol, ul { - list-style: none; - margin-top: 1em; - } - - ol li, ul li { - font-size: .9em; - margin-bottom: 1em; - } - - ol.numbered { - list-style-type: decimal; - margin-left: 1.5em; - } - - address, caption, cite, code, dfn, em, strong, th, var { - font-style: normal; - font-weight: normal; - } - - table { - border-collapse: collapse; - border-spacing: 0; - } - - table td { - vertical-align: top; - padding: .5em; - } - - fieldset, img { - border: 0; - } - - caption, th { - text-align: left; - } - - q:before, q:after { - content: ''; - } +div.menu_icon#traffic_summary:hover { + background: url(/images/menu_icons/traffic_summary_on.png) no-repeat center top; +} +div.menu_icon#traffic_explorer { + background: url(/images/menu_icons/traffic_explorer.png) no-repeat center top; +} -/* @end */ +div.menu_icon#traffic_explorer:hover { + background: url(/images/menu_icons/traffic_explorer_on.png) no-repeat center top; +} -/* @group Layout */ +div.menu_icon#top_content { + background: url(/images/menu_icons/content_report.png) no-repeat center top; +} - html { - } - - body { - position: relative; - width: auto; - margin: 0em 1em 1em 1em; - background-color: #ffffff; - } - -/* @end */ +div.menu_icon#top_content:hover { + background: url(/images/menu_icons/content_report_on.png) no-repeat center top; +} -/* @group General Typography */ - - .button { - color: #ffffff !important; - text-decoration: none; - background-color: #6f637b; - font-size: .8em; - font-weight: normal !important; - margin: 2em 1.5em 1.5em 0em; - border: 1px solid #666666; - padding: .5em; - } - - a:link { - color: #6f637b; - } - - a:hover { - color: #6f637b; - } - - a:active { - color: #6f637b; - } - - a:visited { - color: #6f637b; - } - - .align_left { - text-align: left !important; - } - - .align_right { - text-align: right !important; - } - - body { - font-family: Verdana, Arial, Sans-Serif; - font-size: .8em; - text-align: left; - } - - h1 { - font-size: 1.5em; - font-weight: bold; - padding: 0em; - color: #ffffff; - margin: 0em 0em 1em 0em; - padding: .5em; - border: 1px solid #000000; - background-color: #222222; - } - - h2 { - color: #ffffff; - font-weight: bold; - font-size: 1.1em; - margin: 1em 0em 1em 0em; - padding: .25em .5em; - border: 1px solid #444444; - background-color: #444444; - } - - h2 a:link { - color: #333333; - } - - h2 a:hover { - color: #333333; - } - - h2 a:active { - color: #333333; - } - - h2 a:visited { - color: #333333; - } - - h3 { - color: #333333; - font-weight: bold; - font-size: 1em; - margin: 1.5em 0em .5em 0em; - } - - p { - margin-bottom: 1.5em; - } +div.menu_icon#leads { + background: url(/images/menu_icons/leads.png) no-repeat center top; +} +div.menu_icon#leads:hover { + background: url(/images/menu_icons/leads_on.png) no-repeat center top; +} - dt { - font-weight: bold; - margin: .5em 0em .5em 1em; - } - - dd { - display: block; - margin: .5em 0em .5em 1em; - } +div.menu_icon#visitor_profile { + background: url(/images/menu_icons/visitor_profile.png) no-repeat center top; +} - em { - font-weight: bold; - } +div.menu_icon#visitor_profile:hover { + background: url(/images/menu_icons/visitor_profile_on.png) no-repeat center top; +} - .indented { - margin-left: 2em; - } +div.menu_icon#intersite_traffic { + background: url(/images/menu_icons/intersite_traffic.png) no-repeat center top; +} - td.indented { - padding-left: 2em !important; - } - - ul.indented li { - margin-left: 1em; - } - - ul.bulleted { - list-style-type: bullet; - } - - .inactive { - color: #aaaaaa; - font-style: italic; - } - - .inactive a:link, .inactive a:hover, .inactive a:visited { - color: #aaaaaa !important; - font-style: italic; - text-decoration: none; - } +div.menu_icon#intersite_traffic:hover { + background: url(/images/menu_icons/intersite_traffic_on.png) no-repeat center top; +} - pre { - font-family: Verdana, Arial, Sans-Serif; - font-size: .9em; - text-align: left; - } - - .two_column{ - float: left; - width: 40%; - margin-right: 1em; - } - - .three_column{ - float: left; - width: 30%; - margin-right: 1em; - } - - .four_column{ - float: left; - width: 20%; - margin-right: 1em; - } - - div.column_left { - float: left; - width: 350px; - margin-right: 5%; - } - - div.column_right { - float: left; - width: 400px; - } - -/* @end */ - -/* @group Component Typography */ - - .graph { - border: 1px solid #999999; - } - - p.footer { - border-top: 1px solid #999999; - font-size: .8em; - line-height: 150%; - padding: 1em 0em 1em 0em; - margin-top: 3em; - margin-bottom: 3em; - } - - p.footer a:link { - color: #444444; - background: none; - border: none; - padding: 0em; - text-transform: none; - text-decoration: underline; - } - - p.footer a:visited { - color: #444444; - } - - table.results { - width: 100%; - margin-top: 0px; - margin-bottom: .5em; - padding: 0px; - border-collapse: collapse; - border: 1px solid #888888; - } - - table.results thead tr { - border: 1px solid #888888; - } - - table.results tr.odd { - background-color: #eeeeee; - } - - table.results tr.even { - background-color: #ffffff; - } - - table.results tfoot tr { - border: 1px solid #888888; - } - - table.results th { - vertical-align: middle; - text-align: left; - font-size: .7em; - background-color: #888888; - color: #ffffff; - padding: 3px; - margin: 0px; - text-transform: uppercase; - } - - table.results th a:link, table.results th a:visited { - text-decoration: none !important; - color: #ffffff; - } - - table.results th a:hover { - text-decoration: underline !important; - color: #ffffff; - } - - table th div.sort_link { - padding-bottom: 1em; - } - - table tr th div.sort_link.sort_desc { - background: url(../images/layout/arrow_desc.png) no-repeat right bottom; - } - - table tr th div.sort_link.sort_asc { - background: url(../images/layout/arrow_asc.png) no-repeat right bottom; - } - - table.results tfoot td { - text-align: left; - font-size: .7em; - background-color: #888888; - color: #ffffff; - padding: 3px; - margin: 0px; - text-transform: uppercase; - } - - table.results tfoot td a { - color: #ffffff !important; - } - - table.results td { - text-align: left; - font-size: .75em; - padding: 6px 6px 6px 6px; - margin: 0px; - vertical-align: top; - } - -/* @end */ - - -/* @group Forms */ - - .button { - display: block; - float: left; - color: #ffffff; - text-transform: uppercase; - font-size: .8em; - font-weight: normal !important; - margin: 2em 1.5em 1.5em 0em; - border: 1px solid #666666; - padding: .5em; - cursor: pointer; - background-color: #6f637b; - text-decoration: none !important; - min-width: 5em; - text-align: center; - } - - .faux_field { - display: block; - color: #666666; - width: 1em; - padding: .5em; - border: 1px solid #cccccc; - background-color: #ffffff; - width: 21.5em; - min-height: 1em; - margin: .25em 0em 1em 0em; - font-size: .8em; - text-align: left; - overflow: auto; - } - - div.fieldWithErrors input { - background: #ffdddd !important; - color: #ff0000; - } - - .form_container { - background-color: #eeeeee; - padding: 1em; - border: 1px solid #999999; - margin-top: 1.5em; - } - - fieldset { - margin: .5em 0em .5em 0em; - } - - fieldset.inline_label { - margin-bottom: 1.5em; - } - - fieldset p { - color: #333333; - } - - .form_column { - float: left; - width: 45%; - margin-right: 5%; - } - - .inline_help p { - font-size: 9px; - color: #666666; - width: 275px; - } - - input[type="text"] { - color: #666666; - margin: 0em 0em 1em 0em; - padding: 3px; - width: 23.75em; - background: #ffffff url(/images/layout/text_field_bg.jpg) repeat-x; - height: auto; - } - - input[type="text"].short { - width: 3em; - } - - input[type="password"] { - color: #666666; - margin: 0em 0em 1em 0em; - padding: 3px; - width: 23.75em; - background: #ffffff url(/images/layout/text_field_bg.jpg) repeat-x; - height: auto; - - } - - input[type="radio"] { - margin: .5em; - } - - textarea { - background: #ffffff url(/images/layout/text_field_bg.jpg) repeat-x; - font-size: 1em; - } - - legend { - padding: .5em; - background-color: #444444; - color: #ffffff; - margin-left: -.95em; - font-weight: bold; - font-size: 1.1em; - padding-left: 1em; - padding-right: 1.75em; - } - - .faux_legend .show_link { - float: right; - margin-top: 0px; - margin-right: 25px; - } - - .faux_legend .hide_link { - float: right; - margin-top: 0px; - margin-right: 25px; - } - - label { - display: block; - font-weight: bold; - color: #333333; - margin: 0em 0em -1em 0em; - font-size: .8em; - } - - label.inline { - display: inline; - margin-left: .5em; - font-size: .8em; - font-weight: normal; - } - - label span.instructions { - font-weight: normal; - display: block; - } - - select { - color: #666666; - margin: 0em 0em 1em 0em; - } - - textarea { - color: #666666; - padding: .5em; - margin: 0em 0em 1em 0em; - height: 10em; - width: 23.75em; - font-family: Verdana, Arial, Sans-Serif; - color: #666666; - } - - textarea.long { - height: 25em; - } - - textarea.wide { - width: 70em; - } - -/* @end */ - -/* @group Tables */ - - tr.odd { - background-color: #dddddd; - } - - table.results { - width: 100%; - margin-top: 1em; - margin-bottom: 20px; - padding: 0px; - border-collapse: collapse; - border: 1px solid #888888; - } - - table.results thead tr { - border: 1px solid #888888; - } - - table.results tr.even { - background-color: #ffffff; - } - - table.results tfoot tr { - border: 1px solid #888888; - } - - table.results th { - vertical-align: middle; - text-align: left; - font-size: .75em; - background-color: #888888; - color: #ffffff; - padding: 1em .5em 1em .5em; - margin: 0px; - text-transform: uppercase; - } - - table.results tfoot td { - text-align: left; - font-size: .7em; - background-color: #888888; - color: #ffffff; - padding: 3px; - margin: 0px; - text-transform: uppercase; - } - - table.results tfoot td a { - color: #ffffff !important; - } - - table.results td { - text-align: left; - font-size: .9em !important; - padding: 6px 6px 6px 6px; - height: auto !important; - margin: 0px; - vertical-align: top; - } - - table.results td.crud_links { - text-align: right; - } - - table.standard { - width: 100%; - text-align: left; - margin-top: 1em; - margin-bottom: 20px; - border: 1px solid #999999; - } - - table.standard th { - text-align: left; - border: 1px solid #666666; - background-color: #666666; - color: #ffffff; - text-transform: uppercase; - font-size: .8em; - padding: 1em .5em 1em .5em; - } - - table.standard th a { - text-decoration: none !important; - } - - table.standard th a.arrow-desc:after{ - content: "\25BC"; - margin-left: 1em; - } - - table.standard th a.arrow-asc:after { - content: "\25B2"; - margin-left: 1em; - } - - table.standard td.crud_links { - text-align: right; - } - - table.standard td.nowrap { - white-space: nowrap; - } - - table.standard tr.muted th { - border: 1px solid #999999; - background-color: #999999; - } - - table.standard tr.summary { - background-color: #cccccc; - border-top: 1px solid #999999; - } - - table.standard tr.odd { - background-color: #ffffff; - } - - table.standard tr.even { - background-color: #dddddd; - } - - table.standard tr:hover { - background-color: #aaaaaa; - } - - table.standard td { - padding: .5em; - text-align: left; - font-size: .9em; - } - - table.standard td span.emphasis { - font-weight: bold; - } - - table.standard td.nowrap { - white-space: nowrap; - } - -/* @end */ - -/* @group Pagination */ - - .pagination { - font-size: 10px; - padding: 3px; - margin: 10px; - text-align: right; - white-space: nowrap; - } - - .pagination_label { - float: left; - width: 30%; - font-size: 10px; - padding-top: 1em; - } - - .pagination_controls { - float: right; - width: 60%; - } - - .pagination a { - padding: 2px 5px 2px 5px; - margin: 2px; - border: 1px solid #999999; - color: #666666; - } - - .pagination a:hover, .pagination a:active { - border: 1px solid #999999; - background-color: #eeeeee; - color: #000; - } - - .pagination span.current { - padding: 2px 5px 2px 5px; - margin: 2px; - border: 1px solid #999999; - font-weight: bold; - background-color: #eeeeee; - color: #000000; - } - - .pagination span.disabled { - padding: 2px 5px 2px 5px; - margin: 2px; - border: 1px solid #999999; - color: #cccccc; - } - -/* @end */ - -/* @group Workarounds */ - - .clearfix:after { - content: "."; - display: block; - height: 0; - clear: both; - visibility: hidden; - } - - /* Hides from IE-mac \*/ - * html .clearfix {height: 1%;} - /* End hide from IE-mac */ - - #preload { height: 0; overflow: hidden; } - -/* @end */ - +.page_break { display: none; }