a { cursor: pointer; } body{ font-family:Calibri,"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:13px; } p {margin:0.8em 0 0.9em;} p a {margin-bottom:0.3em} th { font-weight:normal; background:#79c9ec; color:#026890; vertical-align: top; } tr.even td { background:#e5ecf9; } tr.checked td { background:#fcd113; } li.odd { background:#eaf5f7; } li.even { background:#fbfdfe; } li.checked { background:#fcd113; } caption { background:#0078ae; color:#fff; padding-left:5px; font-size:1.2em; } caption a:link, caption a:visited{ text-decoration:underline; color:#fff; } caption a:hover{ color:#eaf5f7; } tfoot { font-size:10px; } h1 small { color:gray; } label{ font-weight:normal; } th.required label{ font-weight:bold; } li.required{ font-weight:bold; } td.nowrap{ white-space: nowrap; } /* GENERAL CLASSES ---------------------------------------------------------------------- */ .spacer-top { margin-top:10px!important; } .spacer-bottom { margin-top:10px!important; } .spacer-y { margin-top:10px!important; margin-bottom:10px!important; } .cjust { text-align:center; } .ljust { text-align:left; } .rjust { text-align:right; } .nobr{ white-space: nowrap; } .align{ padding: 12px; position: relative; } .edit-in-place-text{ display: inline; padding-right:22px !important; } .hovered { background:url(../images/famfamfam/pencil.png) no-repeat right center; padding-right:22px !important; } /* bootstrap like badge */ .badge { display: inline-block; padding: .25em .4em; font-size: 75%; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25rem; } .badge-danger { background-color: #d9534f; } .badge-warning { background-color: #f0ad4e; } .badge-info { background-color: #5bc0de; } .badge-success { background-color: #449d44; } .badge-default, .badge.disabled { background-color: #999; } /* FORMS ---------------------------------------------------------------------- */ select { padding:5px; } input[type="text"], input[type="password"] { width:250px; } input.disabled { background: #ddd; color: #aaa; } .fg-button .ui-button-text, .fg-button-disabled .ui-button-text { font-size: 0.9em; } /* blueprint override */ .fg-button-disabled:hover, .fg-button-disabled:focus { color: white; } .fb-button { padding: 8px 15px; border: 1px solid #ccc; background-color: #f6f6f6; color: #333; cursor: pointer; transition: background-color 0.3s ease; background-color: #007BFF; border: none; color: white; padding: 10px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; border-radius: 4px; } /* Specific style for button text */ .fb-button .ui-button-text { font-size: 0.9em; font-weight: bold; } .fb-button-disabled { opacity: 0.5; cursor: not-allowed; padding: 8px 15px; border: 1px solid #ccc; transition: background-color 0.3s ease; background-color: #007BFF; color: white; padding: 10px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; border-radius: 4px; } /* Style for text in disabled buttons, inherits size from .fg-button .ui-button-text */ .fb-button-disabled .ui-button-text { color: #999; } .fb-select { background-color: #007BFF; color: black; padding: 10px 20px; font-size: 16px; height: 40px; text-align: center; text-decoration: none; display: inline-block; margin: 4px 2px; cursor: pointer; border-radius: 4px; appearance: none; } /* .ui-button { padding: .4em 0.4em; } */ ul.errorlist { margin:0; list-style-type:none; } ul.errorlist li{ margin-bottom:5px; } ul.successlist { margin:0; list-style-type:none; } ul.successlist li{ margin-bottom:5px; } table.plain th, table.plain td { font-weight:normal; background:#fff!important; color:#000; } table.plain tr.odd td { background:#fff; } table.plain tr.even td { background:#fff; } form table ul li{ list-style-type: none; } fieldset { border: 1px solid #A6C9E2; } input.search-field { background: white url(../images/famfamfam/zoom.png) right no-repeat; padding-right: 20px; } .ui-autocomplete { max-height: 100px; overflow-y: auto; /* prevent horizontal scrollbar */ overflow-x: hidden; } /* ACTIONS / OPTIONS ---------------------------------------------------------------------- */ .activate-object, .change-object, .delete-object, .activate-object-disabled{ padding: 0 0 0 17px; text-decoration:none; } .change-object{ background:url(../images/famfamfam/pencil.png) no-repeat; } .delete-object:link, .delete-object:visited{ background:url(../images/famfamfam/cross.png) no-repeat; color:#ff0000; } .activate-object:link, .activate-object:visited{ background:url(../images/famfamfam/accept.png) no-repeat; /* workaround IE 7>=: see http://stackoverflow.com/questions/1251416/png-transparency-problems-in-ie8 */ /* background-color: white; */ } .activate-object-disabled:link, .activate-object-disabled:visited{ background:url(../images/famfamfam/accept.png) no-repeat; /* workaround IE 7>=: see http://stackoverflow.com/questions/1251416/png-transparency-problems-in-ie8 */ /* background-color: white; */ opacity:0.3; filter:alpha(opacity = 30); zoom:1; } /* AJAX ---------------------------------------------------------------------- */ .data{ display:none; } /* DIALOG ---------------------------------------------------------------------- */ .ui-dialog-content table { margin-bottom:0em; width:100%; } .ui-dialog-title .td-icon-thin { background-position: 2px 1px; } .ui-dialog .ui-dialog-buttonpane { text-align: center; margin: auto; padding: 0px; } .ui-dialog .ui-dialog-buttonpane .ui-button { float: none; } /* ONLINE-MODE ---------------------------------------------------------------------- */ #onlinemode_status { font-weight: bold; } #onlinemode_status_log { font-style: italic; } #onlinemode_canvas { padding: 4px; } #online-mode-live-table.display tr td { font-weight: bold; } /* DEVICE DETAIL ---------------------------------------------------------------------- */ #slider_duration_display { float: right; } span[id*='slider'] { position: relative; padding-left: 12px; bottom: 3px; } /* SMARTPHONE DETAIL ---------------------------------------------------------------------- */ .smartphone-app-table td { padding: 8px 10px 8px 5px; vertical-align: middle; } .smartphone-app-table td img { vertical-align: middle; } /* NETWORKS ---------------------------------------------------------------------- */ #tree_control a { width: 14.1%; /* 100/7 (7 buttons) */ } #tree_control{margin-right:-4px;} /* HELPER CLASSES ---------------------------------------------------------------------- */ ul.no-bullets { margin:0; list-style-type:none; } /* ICON CLASSES ---------------------------------------------------------------------- */ /*.td-tabs-icons .ui-tabs-nav .ui-icon { display: inline-block; margin-right: .5em; }*/ .td-icon-thin { background:url(../images/famfamfam/information.png) no-repeat 2px; padding-left:22px !important; padding-top:1px; /* fix for network list menu */ } /*.ui-state-hover .td-icon-thin{ padding-top:4px; }*/ .td-icon-tab { background:url(../images/famfamfam/information.png) no-repeat 6px 9px; padding-left:26px !important; /* width:16px; height:16px; display: inline-block; margin-right: .5em; background:url(../images/famfamfam/information.png); */ } .td-icon-accordion { background:url(../images/famfamfam/information.png) no-repeat; padding-left:8px; width:16px; height:16px; display: inline-block; vertical-align: middle; } .td-icon-page-gear { background-image:url(../images/famfamfam/page_gear.png); } .td-icon-shield, .td-icon-police-report, .td-icon-report-enforcement, .td-icon-upgrade { background-image:url(../images/famfamfam/shield.png); } .td-icon-camera { background-image:url(../images/famfamfam/camera.png); } .td-icon-monitor { background-image:url(../images/famfamfam/monitor.png); } .td-icon-asterisk, .td-icon-development { background-image:url(../images/famfamfam/asterisk_orange.png); } .td-icon-attach { background-image:url(../images/famfamfam/attach.png); } .td-icon-copy { background-image:url(../images/famfamfam/copy.png); } .td-icon-cut { background-image:url(../images/famfamfam/cut.png); } .td-icon-paste { background-image:url(../images/famfamfam/paste.png); } .td-icon-user-comment { background-image:url(../images/famfamfam/user_comment.png); } .td-icon-info { background-image:url(../images/famfamfam/information.png); } .td-icon-folder, .td-icon-files { background-image:url(../images/famfamfam/folder.png); } .td-icon-box, .td-icon-report-container { background-image:url(../images/famfamfam/folder.png); } .td-icon-layout-content { background-image:url(../images/famfamfam/layout_content.png); } .td-icon-report-sensors, .td-icon-gprs, .td-icon-control, .td-icon-gprs-login-analysis, .td-icon-transmit { background-image:url(../images/famfamfam/transmit.png); } .td-icon-gprs-alt, .td-icon-wan, .td-icon-transmit-alt { background-image:url(../images/famfamfam/transmit_blue.png); } .td-icon-ftp, .td-icon-gprs-edit { background-image:url(../images/famfamfam/transmit_edit.png); } .td-icon-news, .td-icon-newspaper { background-image:url(../images/famfamfam/newspaper.png); } .td-icon-email, .td-icon-news-1 { background-image:url(../images/famfamfam/email.png); } .td-icon-email-open, .td-icon-news-2 { background-image:url(../images/famfamfam/email_open.png); } .td-icon-email-go, .td-icon-news-3, .td-icon-news-4 { background-image:url(../images/famfamfam/email_go.png); } .td-icon-create { background-image:url(../images/famfamfam/add.png); } .td-icon-control-fastforward-blue, .td-icon-control-fastforward, .td-icon-quick { background-image:url(../images/famfamfam/control_fastforward_blue.png); } .td-icon-report { background-image:url(../images/famfamfam/report.png); } .td-icon-update, .td-icon-setup, .td-icon-edit { background-image:url(../images/famfamfam/pencil.png); } .td-icon-file, .td-icon-page_white_text, .td-icon-txt, .td-icon-seq, .td-icon-fime, .td-icon-dmp, .td-icon-imports { background-image:url(../images/famfamfam/page_white_text.png); } .td-icon-measurement, .td-icon-car { background-image:url(../images/famfamfam/car.png); } .td-icon-cog, .td-icon-compute, .td-icon-device { background-image:url(../images/famfamfam/cog.png); } .td-icon-report-site, .td-icon-site, .td-icon-sites-history, .td-icon-map { background-image:url(../images/famfamfam/map.png); } .td-icon-route { background-image:url(../images/famfamfam/flag_orange.png); } .td-icon-network { background-image:url(../images/famfamfam/sitemap.png); } .td-icon-user, .td-icon-source, .td-icon-report-author, .td-icon-account { background-image:url(../images/famfamfam/user.png); } .td-icon-accept, .td-icon-apply, .td-icon-activation { background-image:url(../images/famfamfam/accept.png); } .td-icon-data, .td-icon-chart-pie { background-image:url(../images/famfamfam/chart_pie.png); } .td-icon-errors, .td-icon-delete { background-image:url(../images/famfamfam/cross.png); } .td-icon-config, .td-icon-report-config { background-image:url(../images/famfamfam/wrench_orange.png); } .td-icon-more, .td-icon-diagnostics, .td-icon-zoom, .td-icon-monitor, .td-icon-preview { background-image:url(../images/famfamfam/zoom.png); } .td-icon-upload { background-image:url(../images/famfamfam/page_white_get.png); } .td-icon-download { background-image:url(../images/famfamfam/page_white_put.png); } .td-icon-pages { background-image:url(../images/famfamfam/page_white_copy.png); } .td-icon-page { background-image:url(../images/famfamfam/page_white.png); } .td-icon-xls, .td-icon-excel { background-image:url(../images/famfamfam/page_white_excel.png); } .td-icon-time { background-image:url(../images/famfamfam/clock.png); } .td-icon-timezone { background-image:url(../images/famfamfam/time.png); } .td-icon-link { background-image:url(../images/famfamfam/link.png); } .td-icon-notifications, .td-icon-bell { background-image:url(../images/famfamfam/bell.png); } .td-icon-alarms, .td-icon-voltage-usage, .td-icon-lightning { background-image:url(../images/famfamfam/lightning.png); } .td-icon-analysis, .td-icon-chart-bar { background-image:url(../images/famfamfam/chart_bar.png); } .td-icon-table { background-image:url(../images/famfamfam/table.png); } .td-icon-rain { background-image:url(../images/famfamfam/weather_rain.png); } .td-icon-cloudy { background-image:url(../images/famfamfam/weather_cloudy.png); } .td-icon-save { background-image:url(../images/famfamfam/disk.png); } .td-icon-ok, .td-icon-tick { background-image:url(../images/famfamfam/tick.png); } .td-icon-calendar { background-image:url(../images/famfamfam/calendar.png); } .td-icon-pause { background-image:url(../images/famfamfam/control_pause_blue.png); } .td-icon-cart, .td-icon-appstore { background-image:url(../images/famfamfam/cart.png); } .td-icon-play, .td-icon-resume { background-image:url(../images/famfamfam/control_play_blue.png); } .td-icon-vcard { background-image:url(../images/famfamfam/vcard.png); } .td-icon-next { background-image:url(../images/famfamfam/arrow_right.png); } .td-icon-back { background-image:url(../images/famfamfam/arrow_left.png); } .td-icon-undo { background-image:url(../images/famfamfam/arrow_undo.png); } .td-icon-preview, .td-icon-eye { background-image:url(../images/famfamfam/eye.png); } .td-icon-lock { background-image:url(../images/famfamfam/lock.png); } .td-icon-folder-add { background-image:url(../images/famfamfam/folder_add.png); } .td-icon-file-add, .td-icon-page-white-add { background-image:url(../images/famfamfam/page_white_add.png); } .td-icon-rename { background-image:url(../images/famfamfam/folder_edit.png); } .td-icon-textfield-rename { background-image:url(../images/famfamfam/textfield_rename.png); } .td-icon-reset, .td-icon-cog-delete { background-image:url(../images/famfamfam/cog_delete.png); } .td-icon-meta-reports, .td-icon-server-database { background-image:url(../images/famfamfam/server_database.png); } .td-icon-store-file { background-image:url(../images/famfamfam/folder_page.png); } .td-icon-store-setup-file { background-image:url(../images/famfamfam/folder_wrench.png); } .td-icon-folder-go { background-image:url(../images/famfamfam/folder_go.png); } .td-icon-folder-delete { background-image:url(../images/famfamfam/folder_delete.png); } .td-icon-dsd, .td-icon-dsd-app { background-image:url(../images/devices/dsd.png); } .td-icon-sdr, .td-icon-sdr-app { background-image:url(../images/devices/sdr.png); } .td-icon-etube, .td-icon-etube-app { background-image:url(../images/devices/etube.png); } .td-icon-escan, .td-icon-escan-app { background-image:url(../images/devices/escan.png); } .td-icon-smartphone { background-image:url(../images/devices/smartphone.png); } .td-icon-datacollector { background-image:url(../images/devices/datacollector.png); } .td-icon-refresh { background-image:url(../images/famfamfam/arrow_refresh_small.png); } .td-icon-apps { background-image:url(../images/famfamfam/bricks.png); } .td-icon-rma { background-image:url(../images/famfamfam/box.png); } .td-icon-production { background-image:url(../images/famfamfam/wrench_orange.png); } .td-icon-accept { background-image:url(../images/famfamfam/accept.png); } .td-icon-cancel { background-image:url(../images/famfamfam/cancel.png); } .td-icon-release { background-image:url(../images/famfamfam/thumb_up.png); } .td-icon-defect { background-image:url(../images/famfamfam/thumb_down.png); } .td-icon-assemble { background-image:url(../images/famfamfam/wrench.png); } .td-icon-find, .td-icon-search { background-image:url(../images/famfamfam/find.png); } .td-icon-select-all { background-image:url(../images/famfamfam/pictures.png); } .td-icon-toggle-minus { background-image:url(../images/famfamfam/bullet_toggle_minus.png); } .td-icon-toggle-plus { background-image:url(../images/famfamfam/bullet_toggle_plus.png); } .td-icon-toggle-expand { background-image:url(../images/famfamfam/bullet_arrow_down.png); } .td-icon-bookmark, .td-icon-star { background-image:url(../images/famfamfam/star.png); } .td-icon-bluetooth { background-image:url("../images/bluetooth.png"); } .td-icon-journal { background-image:url(../images/famfamfam/book_edit.png); } .td-icon-print { background-image:url(../images/famfamfam/printer.png); } .td-icon-frames { background-image:url(../images/famfamfam/page_white_get.png); } .td-icon-transmitted { background-image:url(../images/famfamfam/page_white_put.png); } .td-icon-queue { background-image:url(../images/famfamfam/page_white_stack.png); } .td-icon-send-queue { background-image:url(../images/famfamfam/page_white_go.png); } .td-icon-text-display { background-image:url(../images/famfamfam/text_align_justify.png); } .td-icon-devices-history { background-image:url(../images/famfamfam/arrow_rotate_clockwise.png); } /* UI Button Icons ---------------------------------------------------------------------- */ .ui-button .ui-icon.td-icon-refresh { background-image: url(../images/famfamfam/arrow_refresh_small.png); } /* DEVICES, etc. ---------------------------------------------------------------------- */ .td-status-1{ /* activating */ color:#f8da4e; } .td-status-2{ /* online */ color:#6eac2c; } .td-status-3{ /* paused */ color:#f8da4e; } .td-status-4{ /* deactivating */ color:#f8da4e; } .td-status-5{ /* offline */ color:#e14f1c; } .td-status-6{ /* import */ color:#915608; } /* LAYOUT ---------------------------------------------------------------------- */ /* HEADER */ #header{ padding:0; background-image:url(../images/mytrafficdata_header.jpg)!important; } #header a{ display:block; text-align:center; font-style:italic; width:100%; height:100%; margin:0; padding:12px 12px 0 12px; } /* BREADCRUMBS & FOOTER */ #maintenance, #breadcrumbs, #footer { margin-top:10px; margin-bottom:10px; } #breadcrumbs p, #footer p { margin:1px; padding:0; /* make icon work */ padding-top: 0.4em; padding-right: 1em; padding-bottom: 0.4em; padding-left: 20px; text-decoration: none; position: relative; } #breadcrumbs span.ui-icon { margin-right: 5px; margin-bottom: 0pt; margin-left: 0pt; position: absolute; left: 0.2em; top: 50%; margin-top: -8px; } #breadcrumbs a, #footer a{ text-decoration:underline; } /* ERRORS & MESSAGES */ #errors ul, #messages ul{ margin:0; list-style-type:none; } #errors ul li, #messages ul li{ margin-bottom:5px; } /* NAVIGATION */ #navigation { margin-right:0px; list-style-type:none; width:200px; float:left; } #navigation div ul { margin:0 -8px; list-style-type:none; } #navigation div ul li { } #navigation div ul li a { display:block; margin-bottom:5px; padding:3px; border:1px solid #77d5f7; background: #0078ae url(//ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/start/images/ui-bg_glass_45_0078ae_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; outline: none; -moz-border-radius:5px; -webkit-border-radius: 5px; text-decoration:none; } #navigation div ul li a:hover { display:block; margin-bottom:5px; padding:3px; border: 1px solid #448dae; background: #79c9ec url(//ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/start/images/ui-bg_glass_75_79c9ec_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #026890; outline: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration:none; } /* PAGE (CONTENT) */ #page{ border: 1px solid #a6c9e2; /* margin-left:-2px; */ min-height: 485px; margin-left: 210px; padding-top: 8px; } #steps{ padding:4px; } #steps div{ padding:2px; text-align:center; font-weight:bold; } #steps div strong{ font-size:1.2em; } /* PAGINATION ---------------------------------------------------------------------- */ .paginator { clear: both; margin: 20px auto; text-align: center; padding: 20px .25em .6em .25em; } /* SUB-PAGE LAYOUT ---------------------------------------------------------------------- */ #site-info { margin-top: -10px; margin-bottom: 10px; } #measurement-site-device, #data-summary { min-height:270px; } #configuration-errors { margin-top:10px; margin-bottom:10px; } /* * BLUEPRINT CORRECTIONS * ------------------------ */ .portlet-content .document_wrapper h3 { font-size:.8em; } /* * File Explorer */ #explorer_container { padding: 0px; margin-bottom: 0px; } #explorer { padding: 8px; } #explorer_panel { /* padding: 12px; */ background: #EAF5F7; } #explorer_panel div:first-child { margin: 12px; } .jqueryFileTree a.selected { font-weight: bold; } #dlg_upload { padding: 8px 0 0 0; } #setup-form ul { margin-left: 0; padding-left: .2em; } #setup-form ul li { list-style: none; float: left; } #setup-form ul li label img { vertical-align: middle; padding-right: 3px; } #sdr_basic_settings ul li { width:120px; } .system_folder .folder { color: #0078AE; } /* * Events */ ul#events { font-size: 0.9em; list-style:none; margin:0; padding:5px 0; } ul#events li, div#event_message div { padding:5px; margin-bottom:3px; } ul#events li a, div#event_message a { color: #ffffff; text-decoration: none; } ul#events li a:hover { text-decoration: underline; } ul#events li div, div#event_message div div { margin: 0; padding: 0; } div#event_message .additional { background-color: silver; color: gray; } /* div#log_message .related_object { font-size: 1.5em; } div#log_message .more_data { font-size: 1.2em; } .message { font-size: 2em; }*/ .event_object { color: #ffffff; } .event_meta { text-align: left; color: #ffffff; } .severity-10 { background-color: #6EAC2C; color: #06276F; } .severity-20 { background-color: #6EAC2C; color: #1142AA; } .severity-30 { background-color: #FFCF73; color: #A66E00; } .severity-40 { background-color: #FF9073; color: #A62300; } .severity-50 { background-color: #FF3500; color: #FF9073; } /* * App Store */ #apps {min-height: 330px;} .app {height:190px; overflow:hidden; margin-bottom:40px; cursor:pointer;} .app-hover {width:190px;height:190px;cursor:pointer;background:#eaeaea no-repeat 138px 20px;margin:0;} .app p {padding:12px 10px 0 10px; margin:0;} .app h3{padding:0 10px 10px 10px; margin:0;} .new-app {color: #e14f1c;} form .app_container p.checkbox {padding:0;margin:-32px 0 32px 0;text-align:center;} body#appstore_request .app_container .app {opacity:0.7;} body#appstore_request .app_container .app-checked {opacity:1!important;} /* * Dashboards */ .portlet { margin: 0 0 1em 0!important; } .portlet-header { margin: 0.3em; padding-bottom: 4px; padding-left: 0.2em; } .portlet-header .ui-icon { float: right; margin-top: 1px; display: inline-block!important; } .portlet-content { padding: 6px; } .portlet.ui-sortable-placeholder { border: 1px dashed black; visibility: visible !important; } .portlet.ui-sortable-placeholder * { visibility: hidden; } #dashboard-layout ul li { display: inline; } #dashboard-layout .aui-dialog {border:none;} #dashboard-layout h2 a,#dashboard-layout h2 a:link,#dashboard-layout h2 a:visited,#dashboard-layout h2 a:hover,#dashboard-layout h2 a:active,#dashboard-layout h2 a:focus {background:transparent url('../images/sprite-layouts.png') no-repeat 0 0;display:block;height:16px;position:absolute;right:.5em;text-indent:-9999px;top:.75em;width:16px;} #dashboard-layout .dialog-panel-body {padding:10px 0 10px 16px;} #dashboard-layout p {margin:0 0 1em 0;text-align:left;} #dashboard-layout ul {margin:0;padding:0;} #dashboard-layout ul li {list-style-type:none;margin:0;padding:0;} #dashboard-layout ul li a,#dashboard-layout ul li a:link,#dashboard-layout ul li a:visited {border:1px solid #bbb;display:block;float:left;margin:0 1em 1em 0;outline:none;padding:.35em;width:auto;} #dashboard-layout ul li a:hover,#dashboard-layout ul li a:active,#dashboard-layout ul li a:focus {border-color:#666;} #dashboard-layout ul li a strong {background:#fff url('../images/sprite-layouts.png') no-repeat 0 0;cursor:pointer;display:block;float:left;height:37px;text-indent:-9999px;width:68px;} ul li a#layout-aa strong {background-position:0 -41px;} ul li a#layout-ba strong {background-position:0 -82px;} ul li a#layout-ab strong {background-position:0 -123px;} ul li a#layout-aaa strong {background-position:0 -163px;} .layout-aa ul li #layout-aa strong,#dashboard-layout #layout-aa:hover strong,#dashboard-layout #layout-aa:active strong,#dashboard-layout #layout-aa:focus strong {background-position:-72px -41px;} .layout-ba #layout-ba strong,#dashboard-layout #layout-ba:hover strong,#dashboard-layout #layout-ba:active strong,#dashboard-layout #layout-ba:focus strong {background-position:-72px -82px;} .layout-ab #layout-ab strong,#dashboard-layout #layout-ab:hover strong,#dashboard-layout #layout-ab:active strong,#dashboard-layout #layout-ab:focus strong {background-position:-72px -122px;} .layout-aaa #layout-aaa strong,#dashboard-layout #layout-aaa:hover strong,#dashboard-layout #layout-aaa:active strong,#dashboard-layout #layout-aaa:focus strong {background-position:-72px -163px;} .layout-aa ul li a#layout-aa,.layout-ba ul li a#layout-ba,.layout-ab ul li a#layout-ab,.layout-aaa ul li a#layout-aaa {background-color:#eee;border-color:#666;} #dashboard-layout {float: right;} /* External codes for usage across the page ---------------------------------------------------------------------- */ /**** Isotope Filtering ****/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* Animate.css - http://daneden.me/animate LICENSED UNDER THE MIT LICENSE (MIT) Copyright (c) 2011 Dan Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .animated { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: 1s ease; -moz-animation: 1s ease; -ms-animation: 1s ease; -o-animation: 1s ease; animation: 1s ease; } .animated.hinge { -webkit-animation: 2s ease; -moz-animation: 2s ease; -ms-animation: 2s ease; -o-animation: 2s ease; animation: 2s ease; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); } } @-moz-keyframes wobble { 0% { -moz-transform: translateX(0%); } 15% { -moz-transform: translateX(-25%) rotate(-5deg); } 30% { -moz-transform: translateX(20%) rotate(3deg); } 45% { -moz-transform: translateX(-15%) rotate(-3deg); } 60% { -moz-transform: translateX(10%) rotate(2deg); } 75% { -moz-transform: translateX(-5%) rotate(-1deg); } 100% { -moz-transform: translateX(0%); } } @-ms-keyframes wobble { 0% { -ms-transform: translateX(0%); } 15% { -ms-transform: translateX(-25%) rotate(-5deg); } 30% { -ms-transform: translateX(20%) rotate(3deg); } 45% { -ms-transform: translateX(-15%) rotate(-3deg); } 60% { -ms-transform: translateX(10%) rotate(2deg); } 75% { -ms-transform: translateX(-5%) rotate(-1deg); } 100% { -ms-transform: translateX(0%); } } @-o-keyframes wobble { 0% { -o-transform: translateX(0%); } 15% { -o-transform: translateX(-25%) rotate(-5deg); } 30% { -o-transform: translateX(20%) rotate(3deg); } 45% { -o-transform: translateX(-15%) rotate(-3deg); } 60% { -o-transform: translateX(10%) rotate(2deg); } 75% { -o-transform: translateX(-5%) rotate(-1deg); } 100% { -o-transform: translateX(0%); } } @keyframes wobble { 0% { transform: translateX(0%); } 15% { transform: translateX(-25%) rotate(-5deg); } 30% { transform: translateX(20%) rotate(3deg); } 45% { transform: translateX(-15%) rotate(-3deg); } 60% { transform: translateX(10%) rotate(2deg); } 75% { transform: translateX(-5%) rotate(-1deg); } 100% { transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; -moz-animation-name: wobble; -ms-animation-name: wobble; -o-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(0); -webkit-animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) scale(1); -webkit-animation-timing-function: ease-in; } } @-moz-keyframes flip { 0% { -moz-transform: perspective(400px) rotateY(0); -moz-animation-timing-function: ease-out; } 40% { -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg); -moz-animation-timing-function: ease-out; } 50% { -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -moz-animation-timing-function: ease-in; } 80% { -moz-transform: perspective(400px) rotateY(360deg) scale(.95); -moz-animation-timing-function: ease-in; } 100% { -moz-transform: perspective(400px) scale(1); -moz-animation-timing-function: ease-in; } } @-ms-keyframes flip { 0% { -ms-transform: perspective(400px) rotateY(0); -ms-animation-timing-function: ease-out; } 40% { -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg); -ms-animation-timing-function: ease-out; } 50% { -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-animation-timing-function: ease-in; } 80% { -ms-transform: perspective(400px) rotateY(360deg) scale(.95); -ms-animation-timing-function: ease-in; } 100% { -ms-transform: perspective(400px) scale(1); -ms-animation-timing-function: ease-in; } } @-o-keyframes flip { 0% { -o-transform: perspective(400px) rotateY(0); -o-animation-timing-function: ease-out; } 40% { -o-transform: perspective(400px) translateZ(150px) rotateY(170deg); -o-animation-timing-function: ease-out; } 50% { -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -o-animation-timing-function: ease-in; } 80% { -o-transform: perspective(400px) rotateY(360deg) scale(.95); -o-animation-timing-function: ease-in; } 100% { -o-transform: perspective(400px) scale(1); -o-animation-timing-function: ease-in; } } @keyframes flip { 0% { transform: perspective(400px) rotateY(0); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translateZ(150px) rotateY(170deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); animation-timing-function: ease-in; } 80% { transform: perspective(400px) rotateY(360deg) scale(.95); animation-timing-function: ease-in; } 100% { transform: perspective(400px) scale(1); animation-timing-function: ease-in; } } .flip { -webkit-backface-visibility: visible !important; -webkit-animation-name: flip; -moz-backface-visibility: visible !important; -moz-animation-name: flip; -ms-backface-visibility: visible !important; -ms-animation-name: flip; -o-backface-visibility: visible !important; -o-animation-name: flip; backface-visibility: visible !important; animation-name: flip; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } } @-moz-keyframes rollIn { 0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } } @-ms-keyframes rollIn { 0% { opacity: 0; -ms-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -ms-transform: translateX(0px) rotate(0deg); } } @-o-keyframes rollIn { 0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; -moz-animation-name: rollIn; -ms-animation-name: rollIn; -o-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); } } @-moz-keyframes rollOut { 0% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -moz-transform: translateX(100%) rotate(120deg); } } @-ms-keyframes rollOut { 0% { opacity: 1; -ms-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -ms-transform: translateX(100%) rotate(120deg); } } @-o-keyframes rollOut { 0% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -o-transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; -moz-animation-name: rollOut; -ms-animation-name: rollOut; -o-animation-name: rollOut; animation-name: rollOut; } .loading-indicator { height: 80px; width: 80px; background: url('../images/ajax_loading_circle.gif') no-repeat center center; } .loading-indicator-small { height: 16px; width: 16px; background: url('../images/ajax_loading_small_circle.gif') no-repeat center center; } .loading-indicator-overlay { background-color: #FFFFFF; opacity: 0.6; filter: alpha(opacity = 60); } .loading-indicator-small-overlay { background-color: transparent; opacity: 0.6; filter: alpha(opacity = 60); } .loading-indicator-bars { background-image: url('../images/ajax_loading_bars.gif'); width: 150px; } /* IE Fixes */ #ui-accordion-additional_data_panel-header-3 { zoom: 0; /* ie fix in panel 'analysis' */ } #ui-accordion-additional_data_panel-panel-0 { overflow: hidden!important; position: relative; } #ui-accordion-additional_data_panel-panel-4 { overflow: hidden!important; position: relative; max-width: 100%!important; } #ui-accordion-additional_data_panel-panel-4 table { table-layout: fixed; position: relative; width: 100%!important; } #ui-accordion-additional_data_panel-panel-4 th { width: 30%; vertical-align: middle!important; } #ui-accordion-additional_data_panel-panel-4 .submit { height: 30%; } #ui-accordion-additional_data_panel-panel-4 .submit button { margin: 5px 5px; } #ui-accordion-additional_data_panel-panel-4 select input { margin-left: 5px; } .spacer-y { overflow: visible; position: relative; } .bluetooth-icon-network { background: url("../images/bluetooth.png") no-repeat; padding-left: 16px; padding-bottom: 2px; margin-left: -6px; height: 12px; display: inline-block; vertical-align: middle; } /* WebReport Configuration */ #report, #report-head { margin-bottom: 10px; padding-bottom: 10px; } #page-preview, #report-head { border: 1px solid rgb(166, 201, 226); } #page-preview { float: left; margin-left: 10px; } #page-description { overflow: hidden; padding-left: 10px; margin-bottom: 20px; } .divider { border-top: 1px solid rgb(166, 201, 226); padding-top: 10px; padding-bottom: 10px; } #page-preview img { cursor: pointer; } .google-visualization-table-table { table-layout: fixed; width: 100%; } .google-visualization-table-td { word-break: break-all; } /* Apps and checkcode verfication styles ---------------------------------------------------------------------- */ .apps-left-column { float: left; width: 50%; } .apps-right-column { float: right; width: 50%; } .apps-table-layout td { padding-right: 0px; } .apps-table-layout img, .apps-table-layout input, .apps-table-layout label { vertical-align: middle; } .apps-table-layout td:first-child { white-space: nowrap; width: 50px; } /* Measuringsites location overflow ie7 fix ---------------------------------------------------------------------- */ #additional_data_panel { overflow: hidden; } /* Paginator Alignment ---------------------------------------------------------------------- */ .paginate { margin-top: 20px; margin-bottom: 10px; } /* Device Details - Traffic Flow ---------------------------------------------------------------------- */ #tf-1 input { width: 150px; } #tf-2 input { width: 50px; } #tf-1 { margin-bottom: 30px!important; } #tf-2 { margin-bottom: 0px!important; } /* Device Details - Alarms ---------------------------------------------------------------------- */ #alarms input[type="text"] { width: 100px; } /* Fix blueprint's liquid grids ---------------------------------------------------------------------- */ /* jQuery Data Table */ /* fixes DataTable editor misaligned calendar widget on datetime fields */ div.editor-datetime table { width: auto; } /* overwrite even/odd behaviour on td because else jQuery DataTable * row selections won't work properly */ .dataTable tbody tr:nth-child(even) td, .dataTable tbody tr.even td { background: none; } .dataTable tbody tr:nth-child(odd) td, .dataTable tbody tr.even td { background: none; } .dataTable th { background: none; } .dataTables_length select { margin: 0px; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * DataTables row classes */ /* Generic raw data */ table.dataTable.display tbody tr.odd.deleted-row { background-color: #ffdddd; } table.dataTable.display tbody tr.odd.deleted-row.selected { background-color: #abb9d3; } table.dataTable.display tbody tr.even.deleted-row { background-color: #ffeeee; } table.dataTable.display tbody tr.even.deleted-row.selected { background-color: #abb9d3; } table.dataTable.display tbody tr.odd.uncleaned-row { background-color: #ffdddd; } table.dataTable.display tbody tr.even.uncleaned-row { background-color: #ffeeee; } table.dataTable.display tbody tr.odd.uncleaned-row td.sorting_1 { background-color: #ffc4c4; } table.dataTable.display tbody tr.even.uncleaned-row td.sorting_1 { background-color: #ffd5d5; } /* Production */ table.dataTable.display tbody tr.odd.released-row { background-color: #ddffdd; } table.dataTable.display tbody tr.odd.released-row.selected { background-color: #abb9d3; } table.dataTable.display tbody tr.even.released-row { background-color: #eeffee; } table.dataTable.display tbody tr.even.released-row.selected { background-color: #abb9d3; } table.dataTable.display tbody tr.odd.defect-row { background-color: #ffdddd; } table.dataTable.display tbody tr.odd.defect-row.selected { background-color: #abb9d3; } table.dataTable.display tbody tr.even.defect-row { background-color: #ffeeee; } table.dataTable.display tbody tr.even.defect-row.selected { background-color: #abb9d3; } /* For the Conditional-CSS grading rows */ /* Colour calculations (based off the main row colours) */ table.dataTable.display tbody tr.odd.deleted-row td.sorting_1 { background-color: #ffc4c4; } table.dataTable.display tbody tr.odd.deleted-row.selected td.sorting_1 { background-color: #abb9d3; } table.dataTable.display tbody tr.even.deleted-row td.sorting_1 { background-color: #ffd5d5; } table.dataTable.display tbody tr.even.deleted-row.selected td.sorting_1 { background-color: #abb9d3; } /* Production */ table.dataTable.display tbody tr.odd.released-row td.sorting_1 { background-color: #c4ffc4; } table.dataTable.display tbody tr.odd.released-row.selected td.sorting_1 { background-color: #abb9d3; } /*table.dataTable.display tbody tr.odd.released-row td.sorting_2 { background-color: #d1ffd1; } table.dataTable.display tbody tr.odd.released-row td.sorting_3 { background-color: #d1ffd1; }*/ table.dataTable.display tbody tr.even.released-row td.sorting_1 { background-color: #d5ffd5; } table.dataTable.display tbody tr.even.released-row.selected td.sorting_1 { background-color: #abb9d3; } /*table.dataTable.display tbody tr.even.released-row td.sorting_2 { background-color: #e2ffe2; } table.dataTable.display tbody tr.even.released-row td.sorting_3 { background-color: #e2ffe2; }*/ table.dataTable.display tbody tr.odd.defect-row td.sorting_1 { background-color: #ffc4c4; } table.dataTable.display tbody tr.odd.defect-row.selected td.sorting_1 { background-color: #abb9d3; } /*table.dataTable.display tbody tr.odd.defect-row td.sorting_2 { background-color: #ffd1d1; } table.dataTable.display tbody tr.odd.defect-row td.sorting_3 { background-color: #ffd1d1; }*/ table.dataTable.display tbody tr.even.defect-row td.sorting_1 { background-color: #ffd5d5; } table.dataTable.display tbody tr.even.defect-row.selected td.sorting_1 { background-color: #abb9d3; } /*table.dataTable.display tbody tr.even.defect-row td.sorting_2 { background-color: #ffe2e2; } table.dataTable.display tbody tr.even.defect-row td.sorting_3 { background-color: #ffe2e2; }*/