Skip to content

C
cloud-quote
Commit c9aeaf90 authored by Sven Franck's avatar Sven Franck
Browse files
Options

added fallback for browsers not supporting inline <style>

parent 5e501a8d
Show whitespace changes
Inline Side-by-side
Showing with 491 additions and 116 deletions
css/_css.css
View file @ c9aeaf90
......@@ -9,44 +9,15 @@ article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,su
h1,h2,h3,h4, .ui-btn-inner{ font-weight: 400; }
/* custom layouting */
.ui-title {
color: white;
font-weight: bold;
text-shadow: 0 1px 1px #a2a2a2;
font-size: 1.5em !important;
margin: 0.2em 30% !important;
.ui-title { color: white; font-weight: bold; text-shadow: 0 1px 1px #a2a2a2; font-size: 1.5em !important; margin: 0.2em 30% !important; }
.supersize { font-size: 1.4em !important; color: #636363; font-weight: bold; text-align: center; }
.super { font-size: 1.2em !important; color: #636363; font-weight: bold; text-align: center; }
.regular { font-size: 1em !important; color: #636363; font-weight: bold; text-align: center; }
.small { font-size: .8em !important; color: #636363; font-weight: normal; text-align: left;}
.mini { font-size: 0.6em !important; color: #636363; font-weight: italic; text-align: center;}
@media all and (max-width: 30em) {
.ui-title { font-size: 1em !important; height: 22px !important; margin: 0.6em 30% !important; }
}
.supersize {
font-size: 1.4em !important;
color: #636363;
font-weight: bold;
text-align: center;
}
.super {
font-size: 1.2em !important;
color: #636363;
font-weight: bold;
text-align: center;
}
.regular {
font-size: 1em !important;
color: #636363;
font-weight: bold;
text-align: center;
}
.small {
font-size: .8em !important;
color: #636363;
font-weight: normal;
text-align: left;
}
.mini {
font-size: 0.6em !important;
color: #636363;
font-weight: italic;
text-align: center;
}
/* overwrite icon background */
/* .ui-btn-up-f .ui-icon, .ui-btn-hover-f .ui-icon, .ui-btn-active-f .ui-icon { background-color: #60BFB8; } */
......
css/about.css 0 → 100644
View file @ c9aeaf90
#about_info .about_element_wrapper { margin: 4em auto; text-align: center;}
#about_info .ui-block-a, #about_info .ui-block-b { padding: 0 .5em;}
@media all and (min-width: 30em) {
#about_info .about_element_wrapper {max-width: 90%;}
}
@media all and (min-width: 45em) {
#about_info .about_element_wrapper {max-width: 80%;}
}
@media all and (min-width: 60em) {
#about_info .about_element_wrapper {max-width: 70%;}
}
\ No newline at end of file
css/configure.css 0 → 100644
View file @ c9aeaf90
/* move slider input to the right, add meter */
.ui-slider {float:left;}
.measure {float: right; line-height: 30px;padding: 7px 2px 5px 6px;}
input.ui-input-text.ui-slider-input { float: right;}
.ui-slider-track, .ui-slider-switch { margin: 0 68px 0 15px; }
.opq {opacity: .25; -webkit-opacity: 0.25; -moz-opacity: 0.25; filter:alpha(opacity=25); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; color: #333;}
.records {padding: 0 1em;}
/* table */
.quote_config { margin: 4% auto 2%; width: 70%; }
.quote_config .ui-block-c { padding-top: 0; padding-bottom: 0; text-align: center; }
.quote_config .get_quote { margin-top: 0;}
.quote_config .get_quote .ui-btn-text {font-weight: bold !important;}
.quote_config table thead {position: absolute !important; left: -9999px; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px);}
/* hint */
.hint { text-align: center;}
.gray { color: #636363;}
.menu_compare {text-align: center;}
.show_all {padding: 0 .5em; display: block; text-align: center;}
/* responsive css */
.rwd .ui-first-child {
-webkit-border-top-right-radius: inherit;
border-top-right-radius: inherit;
-webkit-border-top-left-radius: inherit;
border-top-left-radius: inherit;
}
.rwd .ui-last-child {
-webkit-border-bottom-right-radius: inherit;
border-bottom-right-radius: inherit;
-webkit-border-bottom-left-radius: inherit;
border-bottom-left-radius: inherit;
}
.rwd .ui-body {
-webkit-border-radius: inherit;
border-radius: inherit;
border-top-width: 0px;
border-bottom-width: 0px;
}
.rwd .ui-first-child .ui-body {
border-width: 1px 1px 0 1px;
}
.rwd .ui-last-child .ui-body {
border-width: 0 1px 1px 1px;
}
.rwd .ui-rwd-a, .rwd .ui-rwd-b, .rwd .ui-rwd-c { width: 100%; float:none;}
.rwd .ui-slider-track, .rwd .ui-slider-switch {min-width: 8em;}
.rwd .ui-table-reflow tbody th {margin-top: 0; text-align: center;}
.rwd .info_popup { margin: 0 .5em;}
@media all and (max-width: 30em) {
.quote_config { width: 100%; margin: 5% auto; }
.teaser { font-size: 1em !important;}
.rwd .ui-slider-track, .rwd .ui-slider-switch {margin: 0 55px 0 0; min-width: 7em;}
.rwd .ui-table-reflow tbody th {padding: 0 .25em 0.25em; font-size: .8em !important}
.results_wrapper table ul li { max-width: 250px; }
}
@media all and (min-width: 30em) {
.quote_config { width: 90%; margin: 5% auto; }
.teaser { font-size: 1.1em !important;}
.rwd .ui-table-reflow tbody th {padding: 0 .25em 0.25em; font-size: 1em !important}
.rwd .ui-slider-track, .rwd .ui-slider-switch {min-width: 12em;}
.rwd .ui-table-reflow tbody th {margin-top: 1em;}
.rwd .info_popup { margin: 0;}
}
@media all and (min-width: 45em) {
.quote_config { width: 80%; margin: 5% auto; }
.rwd .ui-slider-track, .rwd .ui-slider-switch {min-width: 16em;}
.rwd .ui-table-reflow tbody th {margin: 0;}
.rwd .info_popup { margin: 0;}
}
@media all and (min-width: 60em) {
.rwd .ui-slider-track, .rwd .ui-slider-switch {min-width: 24em;}
.rwd .ui-table-reflow tbody th {margin: 0;}
.rwd .info_popup { margin: 0;}
}
\ No newline at end of file
css/css.css
View file @ c9aeaf90
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{outline:0}a:hover,a:active{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border:0 none}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,htmlinput[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}iinput[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}.ui-mobile-rendering>*{visibility:visible!important}h1,h2,h3,h4,.ui-btn-inner{font-weight:400}.ui-title{color:white;font-weight:bold;text-shadow:0 1px 1px #a2a2a2;font-size:1.5em!important;margin:.2em 30%!important}.supersize{font-size:1.4em!important;color:#636363;font-weight:bold;text-align:center}.super{font-size:1.2em!important;color:#636363;font-weight:bold;text-align:center}.regular{font-size:1em!important;color:#636363;font-weight:bold;text-align:center}.small{font-size:.8em!important;color:#636363;font-weight:normal;text-align:left}.mini{font-size:.6em!important;color:#636363;font-weight:italic;text-align:center}.ui-header-fixed.ui-fixed-hidden{padding-top:1px;top:-1px}table{margin:0 auto}table.table-inline{width:auto!important;display:table!important}.ui-table thead th{padding-bottom:.25em}abbr[title]{border:0 none!important}.float_left{float:left;padding:.5em 1em;margin:0}.ui-popup .ui-header{margin:-15px -15px 15px}.ui-popup .ui-header{-webkit-border-bottom-right-radius:0!important;border-bottom-right-radius:0!important;-webkit-border-bottom-left-radius:0!important;border-bottom-left-radius:0!important}.ui-btn-icon-notext:not(.no-pad){height:30px;width:30px}.ui-btn.ui-input-clear{margin:-16px 4px 0 0}.ui-btn-icon-notext:not(.no-pad) .ui-btn-inner{padding:.25em 3px}.ui-fullscreen-mode .ui-btn-icon-notext:not(.no-pad) .ui-btn-inner{padding:2px 3px!important}.ui-controlgroup-horizontal .ui-btn,.ui-controlgroup-horizontal .ui-select{vertical-align:middle}.ad_wrapper{text-align:center}.ad_self{height:80px}
\ No newline at end of file
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{outline:0}a:hover,a:active{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border:0 none}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,htmlinput[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}iinput[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}.ui-mobile-rendering>*{visibility:visible!important}h1,h2,h3,h4,.ui-btn-inner{font-weight:400}.ui-title{color:white;font-weight:bold;text-shadow:0 1px 1px #a2a2a2;font-size:1.5em!important;margin:.2em 30%!important}.supersize{font-size:1.4em!important;color:#636363;font-weight:bold;text-align:center}.super{font-size:1.2em!important;color:#636363;font-weight:bold;text-align:center}.regular{font-size:1em!important;color:#636363;font-weight:bold;text-align:center}.small{font-size:.8em!important;color:#636363;font-weight:normal;text-align:left}.mini{font-size:.6em!important;color:#636363;font-weight:italic;text-align:center} @media all and (max-width: 30em) {.ui-title {font-size: 1em !important;height: 22px !important;margin: 0.6em 30% !important}} .ui-header-fixed.ui-fixed-hidden{padding-top:1px;top:-1px}table{margin:0 auto}table.table-inline{width:auto!important;display:table!important}.ui-table thead th{padding-bottom:.25em}abbr[title]{border:0 none!important}.float_left{float:left;padding:.5em 1em;margin:0}.ui-popup .ui-header{margin:-15px -15px 15px}.ui-popup .ui-header{-webkit-border-bottom-right-radius:0!important;border-bottom-right-radius:0!important;-webkit-border-bottom-left-radius:0!important;border-bottom-left-radius:0!important}.ui-btn-icon-notext:not(.no-pad){height:30px;width:30px}.ui-btn.ui-input-clear{margin:-16px 4px 0 0}.ui-btn-icon-notext:not(.no-pad) .ui-btn-inner{padding:.25em 3px}.ui-fullscreen-mode .ui-btn-icon-notext:not(.no-pad) .ui-btn-inner{padding:2px 3px!important}.ui-controlgroup-horizontal .ui-btn,.ui-controlgroup-horizontal .ui-select{vertical-align:middle}.ad_wrapper{text-align:center}.ad_self{height:80px}
css/legal.css 0 → 100644
View file @ c9aeaf90
#legal_info #map_canvas_1 { height: 300px; }
#legal_info #from { text-align: center;}
#legal_info #from, #legal_info #to { font-weight: normal;}
#legal_info .mapControls label {width: auto; padding: .2em 0; display: block;}
#legal_info .legal_element_wrapper .get_directions {width: 100%; }
#legal_info .legal_element_wrapper { margin: 4em auto; text-align: center;}
#legal_info .ui-block-a, #legal_info .ui-block-b { padding: 0 .5em;}
#legal_info .adp-legal {font-size: .7em; padding: 0 0 5px;}
#legal_info #directions {margin-top: -10px;}
#legal_info .adp-text {display: block;}
@media all and (max-width: 30em) {
#legal_info .ui-block-a, #legal_info .ui-block-b { margin-bottom: 1em; }
}
@media all and (min-width: 30em) {
#legal_info .legal_element_wrapper {max-width: 90%;}
}
@media all and (min-width: 45em) {
#legal_info .legal_element_wrapper {max-width: 80%;}
#legal_info .legal_element_wrapper .get_directions {margin: 0 auto; width: 77%;}
}
@media all and (min-width: 60em) {
#legal_info .legal_element_wrapper {max-width: 70%;}
}
\ No newline at end of file
css/mailto.css 0 → 100644
View file @ c9aeaf90
#contact_mailto .mail_wrapper { margin: 1em auto; padding: .5em; }
#contact_mailto .marginfree {margin: 0;}
#contact_mailto .mailer_menu { text-align: center; }
#contact_mailto .ui-field-contain .ui-controlgroup-controls {}
#contact_mailto .mailer_menu div.ui-btn {max-width: 200px; min-width: 65px; margin: 1em 0;}
#contact_mailto .mail_wrapper .ui-checkbox label { -moz-border-radius: .7em; -webkit-border-radius: .7em; border-radius: .7em;}
#contact_mailto #msg_comment {height: 200px;}
#contact_mailto .mail_wrapper form > label { padding: .5em 0;}
/* mobile first */
#contact_mailto .ui-field-contain input.ui-input-text,
#contact_mailto .ui-field-contain textarea.ui-input-text,
#contact_mailto .ui-field-contain .ui-input-search,
#contact_mailto .ui-field-contain div.ui-input-text {width: auto;}
@media all and (min-width: 30em) {
#contact_mailto .ui-field-contain input.ui-input-text,
#contact_mailto .ui-field-contain textarea.ui-input-text,
#contact_mailto .ui-field-contain .ui-input-search,
#contact_mailto .ui-field-contain div.ui-input-text { width: 100%;}
#contact_mailto .mail_wrapper {max-width: 20em;}
#contact_mailto .mailer_menu { text-align: right; } /*this is crap..., controlgroup-controls prevents proper centering*/
}
@media all and (min-width: 45em) {
#contact_mailto .mail_wrapper {max-width: 30em;}
}
@media all and (min-width: 60em) {
#contact_mailto .mail_wrapper {max-width: 40em;}
}
\ No newline at end of file
css/navigation.css 0 → 100644
View file @ c9aeaf90
.simple_menu {margin:0}
.simple_menu {list-style: none; display: inline-block; padding: 0 !important;}
.simple_menu li {float: left; padding: 0 0.5em;}
section {text-align: center; }
section p {margin: 0.2em 0;}
@media all and (max-width: 30em) {
.simple_menu li {padding: 1em 0.25em;}
}
@media all and (min-width: 30em) {
.simple_menu {margin: 1em 0;}
}
@media all and (min-width: 45em) {
}
@media all and (min-width: 60em) {
}
\ No newline at end of file
css/results.css 0 → 100644
View file @ c9aeaf90
/* search_criteria */
#results_list .search_info {text-align: center;}
#results_list .search_criteria {font-weight: bold; }
/* results table */
#results_list .rendered_result_wrapper .regular {font-weight: normal;}
#results_list #results_wrapper table thead th {padding: 0.1em 0.25em;}
#results_list #results_wrapper table tbody th, #results_wrapper table tbody td,
#results_list #results_wrapper table thead th, #results_wrapper table thead td {text-align: center;}
#results_list #results_wrapper {padding: 0; margin: 1em; }
#results_list #results_wrapper .ui-mini .ui-btn-inner {font-size: 16px !important;}
#results_list #results_wrapper .ui-select .ui-btn-icon-right .ui-btn-inner,
#results_list #results_wrapper .ui-select .ui-li-has-count .ui-btn-inner,
#results_list #results_wrapper .show_providers .ui-btn-inner,
#results_list #results_wrapper .ui-table-columntoggle-btn .ui-btn-inner {padding-top: 11px; padding-bottom: 11px;}
.image_wrapper {text-align: center; padding: 0; display: block; max-height: 50px !important;}
.image_wrapper img {width: 65px; height: auto; text-align: center;}
#results_list #results_wrapper .provider_name {text-align: center; margin: 0;}
#results_list #results_wrapper tr {height: 52px; min-height: 52px;}
#results_list .start_over .ui-btn-inner { padding-top: 11px; padding-bottom: 11px; }
/* graph */
#results_list #graph_container_cell { min-height:360px; padding: .25em; max-width: 80%; margin: 2em auto;}
#results_list .jqplot-table-legend td {padding: 0 .2em;}
#results_list .jqplot-table-legend {margin: 0; border: 0 none;}
/* popups */
.ui-collapsible-popup {padding: 0;}
.ui-collapsible-popup .ui-collapsible-set-horizontal .ui-collapsible-content {margin-top: -15px; border:0 none; padding: 0;}
.ui-collapsible-set-horizontal .ui-collapsible-heading {margin: -1px 0;}
.custom_grid_a, .custom_grid_b {overflow:hidden; width: 100%; float: none;}
.custom_grid ul { padding: .5em; width: auto;}
.jqplot-title {top:-1.5em !important; font-size: .8em !important;}
@media all and (max-width: 30em) {
#results_list #results_wrapper {padding: 0; margin: 0; }
#results_list #results_wrapper .ui-input-search .ui-input-text { font-size: 12.5px !important; }
#results_list #results_wrapper .table-top-wrapper .ui-btn-inner,
#results_list #results_wrapper .table-bottom-wrapper .ui-btn-inner{padding-left: 10px; padding-right: 30px; font-size: 12.5px !important; height: 21px; line-height: 21px;}
}
@media all and (min-width: 30em) {
}
@media all and (min-width: 45em) {
.image_wrapper img {}
.provider_popup { width: 35em;}
.jqplot-title {top:-1em !important; font-size: 1em !important;}
.custom_grid .custom_grid_a, .custom_grid .custom_grid_b { width: 49.95%; }
.custom_grid > :nth-child(n) { width: 50%; margin-right: -.5px; }
.custom_grid .custom_grid_a { clear: left; }
}
@media all and (min-width: 60em) {
.provider_popup { width: 50em;}
}
\ No newline at end of file
css/social.css 0 → 100644
View file @ c9aeaf90
.menu_social {text-align: center; margin: 1em 0;}
.action_menu {display: inline-block;}
.follow_us {display: inline-block; margin: 0; padding: 0 .5em 0 0;}
/* custom icons - vendors */
.setIcon {top: 0px !important;}
.ui-icon-vendor .ui-icon {background-image: url(../img/custom-vendor-18.png); background-color: transparent;}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-resolution: 240dpi) {
.ui-icon-vendor .ui-icon { -moz-background-size: 1200px 18px; -o-background-size: 1200px 18px; -webkit-background-size: 1200px 18px; background-size: 1200px 18px;}
.ui-icon-vendor .ui-icon { background-image: url(../img/custom-vendor-36.png); #background-image: url(../img/custom-vendor-18.png);}
}
/* background position for all sprites */
.ui-icon-vendor.ios .ui-icon {background-position: 0px -50%;}
.ui-icon-vendor.android .ui-icon {background-position: -36px -50%;}
.ui-icon-vendor.blackberry .ui-icon {background-position: -72px -50%;}
.ui-icon-vendor.bada .ui-icon {background-position: -108px -50%;}
.ui-icon-vendor.windows .ui-icon {background-position: -144px -50%;}
.ui-icon-vendor.hp .ui-icon {background-position: -180px -50%;}
.ui-icon-vendor.i-forgot .ui-icon {background-position: -216px -50%;}
.ui-icon-vendor.meegoo .ui-icon {background-position: -252px -50%;}
.ui-icon-vendor.facebook .ui-icon {background-position: -288px -50%;}
.ui-icon-vendor.youtube .ui-icon {background-position: -324px -50%;}
.ui-icon-vendor.twitter .ui-icon {background-position: -360px -50%;}
.ui-icon-vendor.firefox .ui-icon {background-position: -396px -50%;}
.ui-icon-vendor.chrome .ui-icon {background-position: -432px -50%;}
.ui-icon-vendor.safari .ui-icon {background-position: -468px -50%;}
.ui-icon-vendor.opera .ui-icon {background-position: -504px -50%;} /*-515px -10px*/
.ui-icon-vendor.ie .ui-icon {background-position: -540px -50%;}
\ No newline at end of file
css/translate.css 0 → 100644
View file @ c9aeaf90
/* saftey, as older devices ignore both inline and linked stylesheets */
.setIcon {top: -7px !important;}
.ui-icon-lang { background-image: url(../img/custom-lang-18.png); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-resolution: 240dpi) {
.ui-icon-lang {
-moz-background-size: 1200px 18px;
-o-background-size: 1200px 18px;
-webkit-background-size: 1200px 18px;
background-size: 1200px 18px;
}
.ui-icon-lang {
background-image: url(../img/custom-lang-36.png);
}
}
.ui-fake-icon.AT, .AT {background-position: 0px -50%;}
.ui-fake-icon.BE, .BE {background-position: -36px -50%;}
.ui-fake-icon.BG, .BG {background-position: -72px -50%;}
.ui-fake-icon.CH, .CH {background-position: -108px -50%;}
.ui-fake-icon.CZ, .CZ {background-position: -144px -50%;}
.ui-fake-icon.DE, .DE {background-position: -180px -50%;}
.ui-fake-icon.DK, .DK {background-position: -216px -50%;}
.ui-fake-icon.EE, .EE {background-position: -252px -50%;}
.ui-fake-icon.ES, .ES {background-position: -288px -50%;}
.ui-fake-icon.FI, .FI {background-position: -324px -50%;}
.ui-fake-icon.FR, .FR {background-position: -360px -50%;}
.ui-fake-icon.global, .global {background-position: -396px -50%;}
.ui-fake-icon.GR, .GR {background-position: -432px -50%;}
.ui-fake-icon.HU, .HU {background-position: -468px -50%;}
.ui-fake-icon.IE, .IE {background-position: -504px -50%;}
.ui-fake-icon.IS, .IS {background-position: -540px -50%;}
.ui-fake-icon.IT, .IT {background-position: -576px -50%;}
.ui-fake-icon.LT, .LT {background-position: -612px -50%;}
.ui-fake-icon.LV, .LV {background-position: -648px -50%;}
.ui-fake-icon.MT, .MT {background-position: -684px -50%;}
.ui-fake-icon.NL, .NL {background-position: -720px -50%;}
.ui-fake-icon.NO, .NO {background-position: -756px -50%;}
.ui-fake-icon.PL, .PL {background-position: -792px -50%;}
.ui-fake-icon.PT, .PT {background-position: -828px -50%;}
.ui-fake-icon.RO, .RO {background-position: -864px -50%;}
.ui-fake-icon.RU, .RU {background-position: -900px -50%;}
.ui-fake-icon.SCO, .SCO {background-position: -936px -50%;}
.ui-fake-icon.SE, .SE {background-position: -973px -50%;}
.ui-fake-icon.SK, .SK {background-position: -1008px -50%;}
.ui-fake-icon.UA, .UA {background-position: -1044px -50%;}
.ui-fake-icon.EN, .EN {background-position: -1080px -50%;}
.ui-fake-icon.WAL, .WAL {background-position:-1116px -50%;}
/* make some space */
.ui-li-text {padding-left: 40px; padding-left: 15px; }
.ui-li-divider {text-align: center;}
\ No newline at end of file
gadgets/about.html
View file @ c9aeaf90
<!DOCTYPE html>
<head>
<style type="text/css" scoped>
.el {width: 1px;}
#about_info .about_element_wrapper { margin: 4em auto; text-align: center;}
#about_info .ui-block-a, #about_info .ui-block-b { padding: 0 .5em;}
......@@ -17,7 +18,7 @@
</style>
</head>
<body>
<span class="el ui-hidden-accessible"></span>
<div data-role="fieldcontain" class="about_element_wrapper">
<div class="ui-grid-solo ui-responsive">
<div class="ui-block-a">
......@@ -45,6 +46,16 @@
(function () {
$(document).ready(function() {
var gadget = RenderJs.getSelfGadget();
// fallback for old devices which cannot load <style> css
if (gadget.dom.find(".el").css('width') !== "1px") {
require(['text!../css/configure.css'], function (t) {
var x = '<style>'+t+'</style>';
// why does this not updat the DOM, too?
gadget.dom.append(x);
});
}
$(this).trigger("render_enhance", {gadget: gadget.dom});
});
......
gadgets/configure.html
View file @ c9aeaf90
<!DOCTYPE html>
<head>
<style type="text/css" scoped>
.el {width: 1px;}
/* move slider input to the right, add meter */
.ui-slider {float:left;}
.measure {float: right; line-height: 30px;padding: 7px 2px 5px 6px;}
......@@ -10,7 +11,7 @@
.records {padding: 0 1em;}
/* table */
.quote_config { width: 80%; margin: 5% auto; }
.quote_config { margin: 4% auto 2%; width: 70%; }
.quote_config .ui-block-c { padding-top: 0; padding-bottom: 0; text-align: center; }
.quote_config .get_quote { margin-top: 0;}
.quote_config .get_quote .ui-btn-text {font-weight: bold !important;}
......@@ -18,6 +19,7 @@
/* hint */
.hint { text-align: center;}
.gray { color: #636363;}
.menu_compare {text-align: center;}
.show_all {padding: 0 .5em; display: block; text-align: center;}
......@@ -49,18 +51,26 @@
.rwd .ui-rwd-a, .rwd .ui-rwd-b, .rwd .ui-rwd-c { width: 100%; float:none;}
.rwd .ui-slider-track, .rwd .ui-slider-switch {min-width: 8em;}
.rwd .ui-table-reflow tbody th {margin-top: 1.5em; text-align: center;}
.rwd .ui-table-reflow tbody th {margin-top: 0; text-align: center;}
.rwd .info_popup { margin: 0 .5em;}
@media all and (max-width: 30em) {
.quote_config { width: 100%; margin: 5% auto; }
.teaser { font-size: 1em !important;}
.rwd .ui-slider-track, .rwd .ui-slider-switch {margin: 0 55px 0 0; min-width: 7em;}
.rwd .ui-table-reflow tbody th {padding: 0 .25em 0.25em; font-size: .8em !important}
.results_wrapper table ul li { max-width: 250px; }
}
@media all and (min-width: 30em) {
.quote_config { width: 90%; margin: 5% auto; }
.teaser { font-size: 1.1em !important;}
.rwd .ui-table-reflow tbody th {padding: 0 .25em 0.25em; font-size: 1em !important}
.rwd .ui-slider-track, .rwd .ui-slider-switch {min-width: 12em;}
.rwd .ui-table-reflow tbody th {margin-top: 1em;}
.rwd .info_popup { margin: 0;}
}
@media all and (max-width: 30em) {
.results_wrapper table ul li { max-width: 250px; }
}
@media all and (min-width: 45em) {
.quote_config { width: 80%; margin: 5% auto; }
.rwd .ui-slider-track, .rwd .ui-slider-switch {min-width: 16em;}
.rwd .ui-table-reflow tbody th {margin: 0;}
.rwd .info_popup { margin: 0;}
......@@ -74,12 +84,12 @@
</style>
</head>
<body>
<span class="el ui-hidden-accessible"></span>
<div class="rwd ui-corner-all quote_config">
<div class="ui-rwd-a ui-first-child">
<div class="ui-body ui-body-d">
<h2 class="supersize t" data-i18n="tx.what_hosting"></h2>
<div class="hint"><span class="found t" data-i18n="gen.found">&nbsp;</span><span class="records"></span></div>
<h2 class="supersize t teaser" data-i18n="tx.what_hosting"></h2>
<div class="hint small"><span class="found t" data-i18n="gen.found">&nbsp;</span><span class="records"></span></div>
</div>
</div>
<div class="ui-rwd-b">
......@@ -103,41 +113,28 @@
</tr>
-->
<tr>
<th class="t" data-i18n="feat.archive"></th>
<th class="t gray" data-i18n="feat.archive"></th>
<td>
<input type="range" name="storage_capacity" id="storage_capacity" class="search_parameters" min="0" max="10000" />
<div class="measure">GB</div>
<div class="measure gray">GB</div>
</td>
</tr>
<tr>
<th class="t" data-i18n="feat.ram"></th>
<th class="t gray" data-i18n="feat.ram"></th>
<td>
<input type="range" name="memory_size" id="memory_size" min="1" class="search_parameters" max="128" />
<div class="measure">GB</div>
<div class="measure gray">GB</div>
</td>
</tr>
<tr>
<th class="t" data-i18n="feat.cpu"></th>
<th class="t gray" data-i18n="feat.cpu"></th>
<td>
<input type="range" name="cpu_frequency" id="cpu_frequency" class="search_parameters" min="1" max="2400" />
<div class="measure">Hz</div>
<div class="measure gray">Hz</div>
</td>
</tr>
<!--
<tr>
<th class="t" data-i18n="feat.type"></th>
<td>
<div data-role="fieldcontain">
<input type="checkbox" name="type_bare" id="type_bare" />
<label for="type_bare">Bare Metal</label>
<input type="checkbox" name="type_vm" id="type_vm" />
<label for="type_vm">Virtual Machine</label>
</div>
</td>
</tr>
-->
<tr>
<th class="t" data-i18n="feat.architecture"></th>
<th class="t gray" data-i18n="feat.architecture"></th>
<td>
<select data-theme="c" class="t search_parameters" id="cpu_type" name="cpu_type" data-i18n="[placeholder]feat.architecture">
<option value="default" disabled selected="selected" class="t" data-i18n="gen.please_select">Please select</option>
......@@ -553,6 +550,16 @@
// trigger enhancement
$(document).ready(function() {
var gadget = RenderJs.getSelfGadget();
// fallback for old devices which cannot load <style> css
if (gadget.dom.find(".el").css('width') !== "1px") {
require(['text!../css/configure.css'], function (t) {
var x = '<style>'+t+'</style>';
// why does this not updat the DOM, too?
gadget.dom.append(x);
});
}
$(this).trigger("render_enhance", {gadget: gadget.dom});
});
......
gadgets/legal.html
View file @ c9aeaf90
......@@ -2,6 +2,7 @@
<head>
<style type="text/css" scoped>
/* google maps */
.el {width: 1px;}
#legal_info #map_canvas_1 { height: 300px; }
#legal_info #from { text-align: center;}
#legal_info #from, #legal_info #to { font-weight: normal;}
......@@ -11,6 +12,10 @@
#legal_info .ui-block-a, #legal_info .ui-block-b { padding: 0 .5em;}
#legal_info .adp-legal {font-size: .7em; padding: 0 0 5px;}
#legal_info #directions {margin-top: -10px;}
#legal_info .adp-text {display: block;}
@media all and (max-width: 30em) {
#legal_info .ui-block-a, #legal_info .ui-block-b { margin-bottom: 1em; }
}
@media all and (min-width: 30em) {
#legal_info .legal_element_wrapper {max-width: 90%;}
}
......@@ -25,7 +30,7 @@
</style>
</head>
<body>
<span class="el ui-hidden-accessible"></span>
<div data-role="fieldcontain" class="legal_element_wrapper">
<div class="ui-grid-a ui-responsive">
<div class="ui-block-a">
......@@ -85,6 +90,15 @@
var gadget = RenderJs.getSelfGadget(),
gmap, home, lat, lng, str, storedmap, target_destination;
// fallback for old devices which cannot load <style> css
if (gadget.dom.find(".el").css('width') !== "1px") {
require(['text!../css/legal.css'], function (t) {
var x = '<style>'+t+'</style>';
// why does this not updat the DOM, too?
gadget.dom.append(x);
});
}
require([
'async!http://maps.google.com/maps/api/js?v=3&sensor=false',
'../js/plugins/jquery-ui-map/jquery.ui.map.full.min.js',
......
gadgets/legal_wrapper.html
View file @ c9aeaf90
......@@ -2,6 +2,11 @@
<!DOCTYPE html>
<head>
<style type="text/css" scoped>
@media all and (max-width: 30em) {
#legal_wrapper: { margin: -1em 0 !important; }
}
</style>
</head>
<body>
......
gadgets/mailto.html
View file @ c9aeaf90
<!DOCTYPE html>
<head>
<style type="text/css" scoped>
.el {width: 1px;}
#contact_mailto .mail_wrapper { margin: 1em auto; padding: .5em; }
#contact_mailto .marginfree {margin: 0;}
#contact_mailto .mailer_menu { text-align: center; }
......@@ -34,7 +35,7 @@
</style>
</head>
<body>
<span class="el ui-hidden-accessible"></span>
<div data-role="fieldcontain" class="mail_wrapper ui-body ui-body-d ui-corner-all ui-shadow">
<p class="t supersize marginfree" data-i18n="contact.info">How can we help?</p>
......@@ -61,6 +62,16 @@
(function () {
$(document).ready(function() {
var gadget = RenderJs.getSelfGadget();
// fallback for old devices which cannot load <style> css
if (gadget.dom.find(".el").css('width') !== "1px") {
require(['text!../css/configure.css'], function (t) {
var x = '<style>'+t+'</style>';
// why does this not updat the DOM, too?
gadget.dom.append(x);
});
}
$(this).trigger("render_enhance", {gadget: gadget.dom});
})
.on('click', '#mail_trigger', function (e) {
......
gadgets/navigation.html
View file @ c9aeaf90
<!DOCTYPE html>
<head>
<style type="text/css" scoped>
.el {width: 1px;}
.simple_menu {margin:0}
.simple_menu {list-style: none; display: inline-block; padding: 0 !important;}
.simple_menu li {float: right; padding: 0 0.5em;}
.simple_menu li {float: left; padding: 0 0.5em;}
section {text-align: center; }
section p {margin: 0.2em 0;}
@media all and (max-width: 30em) {
.simple_menu li {padding: 1em 0.25em;}
}
@media all and (min-width: 30em) {
.simple_menu {margin: 1em 0;}
}
......@@ -20,6 +24,7 @@
</head>
<body>
<span class="el ui-hidden-accessible"></span>
<section>
<ul class="simple_menu">
<li><a href="legal.html" data-i18n="gen.notice" class="t"></a></li>
......@@ -38,6 +43,15 @@
(function () {
$(document).ready(function() {
var gadget = RenderJs.getSelfGadget();
// fallback for old devices which cannot load <style> css
if (gadget.dom.find(".el").css('width') !== "1px") {
require(['text!../css/navigation.css'], function (t) {
var x = '<style>'+t+'</style>';
// why does this not updat the DOM, too?
gadget.dom.append(x);
});
}
// trigger enhancement
$(this).trigger("render_enhance", {gadget: gadget.dom});
});
......
gadgets/results.html
View file @ c9aeaf90
<!DOCTYPE html>
<head>
<style type="text/css" scoped>
.el {width: 1px;}
/* search_criteria */
#results_list .search_info {text-align: center;}
#results_list .search_criteria {font-weight: bold; }
/* results table */
#results_list .rendered_result_wrapper .regular {font-weight: normal;}
#results_list #results_wrapper table thead th {padding: 0.1em 0.25em;}
#results_list #results_wrapper table tbody th, #results_wrapper table tbody td,
#results_list #results_wrapper table thead th, #results_wrapper table thead td {text-align: center;}
......@@ -15,8 +17,8 @@
#results_list #results_wrapper .ui-select .ui-li-has-count .ui-btn-inner,
#results_list #results_wrapper .show_providers .ui-btn-inner,
#results_list #results_wrapper .ui-table-columntoggle-btn .ui-btn-inner {padding-top: 11px; padding-bottom: 11px;}
.image_wrapper {text-align: center; padding: 0; display: block;}
.image_wrapper img {width: 50px; text-align: center;}
.image_wrapper {text-align: center; padding: 0; display: block; max-height: 50px !important;}
.image_wrapper img {width: 65px; height: auto; text-align: center;}
#results_list #results_wrapper .provider_name {text-align: center; margin: 0;}
#results_list #results_wrapper tr {height: 52px; min-height: 52px;}
#results_list .start_over .ui-btn-inner { padding-top: 11px; padding-bottom: 11px; }
......@@ -34,14 +36,17 @@
.custom_grid ul { padding: .5em; width: auto;}
.jqplot-title {top:-1.5em !important; font-size: .8em !important;}
@media all and (min-width: 30em) {
}
@media all and (max-width: 30em) {
#results_list #results_wrapper {padding: 0; margin: 0; }
#results_list #results_wrapper .ui-input-search .ui-input-text { font-size: 12.5px !important; }
#results_list #results_wrapper .table-top-wrapper .ui-btn-inner,
#results_list #results_wrapper .table-bottom-wrapper .ui-btn-inner{padding-left: 10px; padding-right: 30px; font-size: 12.5px !important; height: 21px; line-height: 21px;}
}
@media all and (min-width: 30em) {
}
@media all and (min-width: 45em) {
.image_wrapper img {height: 25px !important; border:1px solid red;}
.image_wrapper img {}
.provider_popup { width: 35em;}
.jqplot-title {top:-1em !important; font-size: 1em !important;}
.custom_grid .custom_grid_a, .custom_grid .custom_grid_b { width: 49.95%; }
......@@ -55,7 +60,8 @@
<link rel="stylesheet" type="text/css" href="../js/plugins/jqplot/jquery.jqplot.min.css" />
</head>
<body>
<p class="search_info">
<span class="el ui-hidden-accessible"></span>
<p class="search_info small">
<span class="t search_title" data-i18n="gen.criteria"></span>&nbsp;
<span class="search_criteria"></span>
</p>
......@@ -812,6 +818,15 @@
var gadget = RenderJs.getSelfGadget(),
table_popup_inputs = "#results_table" + "-popup input";
// fallback for old devices which cannot load <style> css
if (gadget.dom.find(".el").css('width') !== "1px") {
require(['text!../css/results.css'], function (t) {
var x = '<style>'+t+'</style>';
// why does this not updat the DOM, too?
gadget.dom.append(x);
});
}
// filter value storage (needed for timer)
gadget.filter_value = $('.ui-input-search input').val();
gadget.current_selection = "";
......
gadgets/social.html
View file @ c9aeaf90
<!DOCTYPE html>
<head>
<style type="text/css" scoped>
.menu_social {text-align: center;}
.el {width: 1px;}
.menu_social {text-align: center; margin: 1em 0;}
.action_menu {display: inline-block;}
.follow_us {display: inline-block; margin: 0; padding: 0 .5em 0 0;}
......@@ -39,6 +40,7 @@
<body>
<div class="menu_social">
<div>
<span class="el ui-hidden-accessible"></span>
<div data-role="controlgroup" data-type="horizontal" data-theme="c" class="action_menu">
<a href="https://twitter.com/nexedi" data-ajax="false" id="follow_twitter" data-role="button" data-icon="tw" data-theme="c" class="t ui-icon-vendor twitter scale-a" data-i18n-target=".ui-btn-text" data-i18n="[title]soc.tw_fw;[html]soc.tw"></a>
<a href="http://www.facebook.com/pages/Nexedi/168462169880320" data-ajax="false" id="follow_facebook" data-role="button" data-icon="fb" data-theme="c" class="t ui-icon-vendor facebook scale-a" data-i18n-target=".ui-btn-text" data-i18n="[title]soc.fb_fw;[html]soc.fb"></a>
......@@ -53,6 +55,15 @@
$(document).ready(function() {
var gadget = RenderJs.getSelfGadget();
// fallback for old devices which cannot load <style> css
if (gadget.dom.find(".el").css('width') !== "1px") {
require(['text!../css/social.css'], function (t) {
var x = '<style>'+t+'</style>';
// why does this not updat the DOM, too?
gadget.dom.append(x);
});
}
// trigger enhancement
$(this).trigger("render_enhance", {gadget: gadget.dom});
});
......
gadgets/translate.html
View file @ c9aeaf90
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css" scoped>
/* custom icons - languages */
.setIcon {top: 0px !important;}
/* saftey, as older devices ignore both inline and linked stylesheets
* this CSS is also available as separate style sheet "translate.css"
* for old browsers how can't handle inline <style>, fails on
* Android 2.3.6, iOS 4.1
*/
.el {width: 1px;}
.setIcon {top: -7px !important;}
.ui-icon-lang { background-image: url(../img/custom-lang-18.png); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
......@@ -16,11 +23,8 @@
}
.ui-icon-lang {
background-image: url(../img/custom-lang-36.png);
#background-image: url(../img/custom-lang-18.png);
}
}
/* background position for all sprites */
.ui-fake-icon.AT, .AT {background-position: 0px -50%;}
.ui-fake-icon.BE, .BE {background-position: -36px -50%;}
.ui-fake-icon.BG, .BG {background-position: -72px -50%;}
......@@ -55,13 +59,14 @@
.ui-fake-icon.WAL, .WAL {background-position:-1116px -50%;}
/* make some space */
.ui-li-text {padding-left: 40px; paddding-left: 15px; }
.ui-li-text {padding-left: 40px; padding-left: 15px; }
.ui-li-divider {text-align: center;}
</style>
</head>
<body>
<span class="ui-hidden-accessible el">&nbsp;</span>
<a data-role="button" class="setIcon" href="" data-rel="popup" data-position-to="origin" data-icon="lang" data-iconpos="notext">Languages</a>
<div data-role="popup" id="" class="all_popups">
<div data-role="popup" class="all_popups">
<ul data-role="listview" data-inset="true" data-divider-theme="f">
<li data-role="list-divider" class="t" data-i18n="gen.language"></li>
<li data-icon="false"><a class="t change_language" href="?lang=fr-FR" data-i18n-target=".ui-li-text" data-i18n="[title]gen.language_info;[html]gen.lang.fr"><span class="ui-icon ui-fake-icon ui-li-icon ui-icon-lang ui-li-thumb FR">&nbsp;</span><span class="ui-li-text"></span></a></li>
......@@ -194,13 +199,16 @@
});
$(document).ready(function() {
// add switch language binding
// fallback for old devices which cannot load <style> css
gadget = RenderJs.getSelfGadget()
$(this)
.filter(function() { return $(this).jqmData("i18n") !== true; })
.jqmData('i18n',true)
.on('click', '.change_language', function(e) {
var new_language = $(this).attr('href').replace('?lang=','');
e.preventDefault();
e.stopPropagation();
$('.all_popups').popup( "close" );
// switch to new language
$.i18n.setLng(new_language, function() {
......@@ -208,6 +216,15 @@
lang(new_language);
});
});
// fallback for old devices which cannot load <style> css
if (gadget.dom.find(".el").css('width') !== "1px") {
require(['text!../css/translate.css'], function (t) {
var x = '<style>'+t+'</style>';
// why does this not updat the DOM, too?
gadget.dom.append(x);
});
}
});
})();
//]]>
......
js/main.js
View file @ c9aeaf90
......@@ -14,14 +14,14 @@
controller: 'controller'
, text: 'text'
, overrides: 'overrides'
, jquery: 'libs/jquery/_jquery'
, jqm: 'libs/jqm/_jqm'
, i18next: 'plugins/i18next/_i18next'
, renderjs: 'plugins/renderjs/_renderjs'
, localstorage: 'libs/jio/_localstorage'
, queries: 'libs/jio/_complex_queries'
, md5: 'libs/jio/_md5'
, jio: 'libs/jio/_jio'
, jquery: 'libs/jquery/jquery'
, jqm: 'libs/jqm/jqm'
, i18next: 'plugins/i18next/i18next'
, renderjs: 'plugins/renderjs/renderjs'
, localstorage: 'libs/jio/localstorage'
, queries: 'libs/jio/complex_queries'
, md5: 'libs/jio/md5'
, jio: 'libs/jio/jio'
}
, shim: {
'overrides': { deps: ['jquery'] }
......
lang/de-DE/gen.json
View file @ c9aeaf90
......@@ -10,7 +10,7 @@
"fr": "Français"
},
"show_all":"Alle anzeigen",
"found": "Passende Systemkonfigurationen:",
"found": "Passende Provider Profile:",
"please_select": "Bitte wählen",
"all": "Alle anzeigen",
"criteria": "Kriterien:",
......@@ -81,7 +81,7 @@
"info": "Was können wir für Sie tun?"
},
"tx": {
"what_hosting": "Was für Hosting benötigen Sie?",
"what_hosting": "Cloud-Hosting Preis/Performance Vergleich",
"get_quote": "Preise vergleichen",
"get_quote_info": "Angebote verschiedener Cloud-Anbieter vergleichen",
"start_over":"Start Over",
......
lang/en-EN/gen.json
View file @ c9aeaf90
......@@ -10,7 +10,7 @@
"fr": "Français"
},
"show_all":"Show all",
"found": "Matching configurations:",
"found": "Matching Provider Profiles:",
"please_select": "Please select",
"all": "Show all",
"criteria": "Criteria:",
......@@ -78,7 +78,7 @@
"info": "How can we help?"
},
"tx": {
"what_hosting": "What hosting do you need?",
"what_hosting": "Cloud-Hosting Price/Performance Comparison",
"get_quote": "Compare Prices",
"get_quote_info": "Compare offers of different cloud hosting providers",
"start_over":"Start Over",
......
lang/fr-FR/gen.json
View file @ c9aeaf90
......@@ -10,7 +10,7 @@
"fr": "Français"
},
"show_all":"Montrer tout",
"found": "Correspondant à la configuration:",
"found": "Correspondant Profils des Fournisseurs:",
"please_select": "Sélectionner",
"all": "Montrer Tout",
"criteria": "Critères:",
......@@ -78,7 +78,7 @@
"info": "Comment pouvons-nous vous aider?"
},
"tx": {
"what_hosting": "Ce que l'hébergement Cloud avez-vous besoin?",
"what_hosting": "Cloud-hébergement prix/performance comparaison",
"get_quote": "Comparer les prix",
"get_quote_info": "Comparez les offres des différents fournisseurs d'hébergement cloud",
"start_over":"Recommencer",
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment
GitLab Nexedi Edition | About GitLab | About Nexedi | 沪ICP备2021021310号-2 | 沪ICP备2021021310号-7