<?php |
<?php |
|
|
header('Content-type: text/css'); |
header('Content-type: text/css'); |
ob_start("compress"); |
ob_start("compress"); |
|
|
function compress($buffer) { |
function compress($buffer) { |
/* remove comments */ |
/* remove comments */ |
$buffer = preg_replace('!/\*[^*]*\*+([^/][^*]*\*+)*/!', '', $buffer); |
$buffer = preg_replace('!/\*[^*]*\*+([^/][^*]*\*+)*/!', '', $buffer); |
/* remove tabs, spaces, newlines, etc. */ |
/* remove tabs, spaces, newlines, etc. */ |
$buffer = str_replace(array("\r\n", "\r", "\n", "\t", ' ', ' ', ' '), '', $buffer); |
$buffer = str_replace(array("\r\n", "\r", "\n", "\t", ' ', ' ', ' '), '', $buffer); |
return $buffer; |
return $buffer; |
} |
} |
|
|
echo ' |
echo ' |
.ui-li-thumb, .ui-li-icon { position: relative; } |
.ui-li-thumb, .ui-li-icon { position: relative; } |
|
|
.ui-navbar { |
.ui-navbar { |
width: 100%; |
width: 100%; |
} |
} |
.ui-btn-inner { |
.ui-btn-inner { |
white-space: normal !important; |
white-space: normal !important; |
} |
} |
.ui-li-heading { |
.ui-li-heading { |
white-space: normal !important; |
white-space: normal !important; |
} |
} |
.ui-listview-filter { |
.ui-listview-filter { |
margin: 0 !important; |
margin: 0 !important; |
} |
} |
.ui-icon-navigation { |
.ui-icon-navigation { |
background-image: url(images/113-navigation.png); |
background-image: url(images/113-navigation.png); |
background-position: 1px 0; |
background-position: 1px 0; |
} |
} |
.ui-icon-beaker { |
.ui-icon-beaker { |
background-image: url(images/91-beaker-2.png); |
background-image: url(images/91-beaker-2.png); |
background-position: 1px 0; |
background-position: 1px 0; |
} |
} |
#footer { |
#footer { |
text-size: 0.75em; |
text-size: 0.75em; |
text-align: center; |
text-align: center; |
} |
} |
body { |
body { |
background-color: #F0F0F0; |
background-color: #F0F0F0; |
} |
} |
#jqm-homeheader { |
#jqm-homeheader { |
text-align: center; |
text-align: center; |
} |
} |
.viaPoints { |
.viaPoints { |
display: none; |
display: none; |
text-size: 0.2em; |
text-size: 0.2em; |
} |
} |
.min-width-480px .viaPoints { |
.min-width-480px .viaPoints { |
display: inline; |
display: inline; |
} |
} |
#extrainfo { |
#extrainfo { |
visibility: hidden; |
visibility: hidden; |
display: none; |
display: none; |
} |
} |
#servicewarning { |
.servicewarning { |
padding: 1em; |
padding: 1em; |
margin-bottom: 0.5em; |
margin-bottom: 0.5em; |
text-size: 0.2em; |
text-size: 0.2em; |
background-color: #FF9; |
background-color: #FF9; |
-moz-border-radius: 15px; |
-moz-border-radius: 15px; |
border-radius: 15px; |
border-radius: 15px; |
} |
} |
|
|
|
|
#footer { |
#footer { |
clear:both; |
clear:both; |
text-align:center; |
text-align:center; |
} |
} |
// source http://webaim.org/techniques/skipnav/ |
// source http://webaim.org/techniques/skipnav/ |
#skip a, #skip a:hover, #skip a:visited |
#skip a, #skip a:hover, #skip a:visited |
{ |
{ |
position:absolute; |
position:absolute; |
left:0px; |
left:0px; |
top:-500px; |
top:-500px; |
width:1px; |
width:1px; |
height:1px; |
height:1px; |
overflow:hidden; |
overflow:hidden; |
} |
} |
|
|
#skip a:active, #skip a:focus |
#skip a:active, #skip a:focus |
{ |
{ |
position:static; |
position:static; |
width:auto; |
width:auto; |
height:auto; |
height:auto; |
}'; |
}'; |
|
|
//if (false) |
//if (false) |
echo ' |
echo ' |
// adaptive layout from jQuery Mobile docs site |
// adaptive layout from jQuery Mobile docs site |
.type-interior .content-secondary { |
.type-interior .content-secondary { |
border-right: 0; |
border-right: 0; |
border-left: 0; |
border-left: 0; |
margin: 10px -15px 0; |
margin: 10px -15px 0; |
background: #fff; |
background: #fff; |
border-top: 1px solid #ccc; |
border-top: 1px solid #ccc; |
} |
} |
.type-home .ui-content { |
.type-home .ui-content { |
margin-top: 5px; |
margin-top: 5px; |
} |
} |
.type-interior .ui-content { |
.type-interior .ui-content { |
padding-bottom: 0; |
padding-bottom: 0; |
} |
} |
.content-secondary .ui-collapsible-contain { |
.content-secondary .ui-collapsible-contain { |
padding: 10px 15px; |
padding: 10px 15px; |
|
|
} |
} |
.content-secondary .ui-collapsible-heading { |
.content-secondary .ui-collapsible-heading { |
margin: 0 0 30px; |
margin: 0 0 30px; |
} |
} |
.content-secondary .ui-collapsible-heading-collapsed, |
.content-secondary .ui-collapsible-heading-collapsed, |
.content-secondary .ui-collapsible-content { |
.content-secondary .ui-collapsible-content { |
padding:0; |
padding:0; |
margin: 0; |
margin: 0; |
} |
} |
/* hires ahoy */ |
/* hires ahoy */ |
@media all and (min-width: 650px){ |
@media all and (min-width: 650px){ |
|
|
.content-secondary { |
.content-secondary { |
text-align: left; |
text-align: left; |
float: left; |
float: left; |
width: 45%; |
width: 45%; |
background: none; |
background: none; |
border-top: 0; |
border-top: 0; |
} |
} |
.content-secondary, |
.content-secondary, |
.type-interior .content-secondary { |
.type-interior .content-secondary { |
margin: 30px 0 20px 2%; |
margin: 30px 0 20px 2%; |
padding: 20px 4% 0 0; |
padding: 20px 4% 0 0; |
background: none; |
background: none; |
} |
} |
.type-index .content-secondary { |
.type-index .content-secondary { |
padding: 0; |
padding: 0; |
} |
} |
.type-index .content-secondary .ui-listview { |
.type-index .content-secondary .ui-listview { |
margin: 0; |
margin: 0; |
} |
} |
.content-primary { |
.content-primary { |
width: 45%; |
width: 45%; |
float: right; |
float: right; |
margin-top: 30px; |
margin-top: 30px; |
margin-right: 1%; |
margin-right: 1%; |
padding-right: 1%; |
padding-right: 1%; |
} |
} |
.content-primary ul:first-child { |
.content-primary ul:first-child { |
margin-top: 0; |
margin-top: 0; |
} |
} |
|
|
.type-interior .content-primary { |
.type-interior .content-primary { |
padding: 1.5em 6% 3em 0; |
padding: 1.5em 6% 3em 0; |
margin: 0; |
margin: 0; |
} |
} |
/* fix up the collapsibles - expanded on desktop */ |
/* fix up the collapsibles - expanded on desktop */ |
.content-secondary .ui-collapsible-heading { |
.content-secondary .ui-collapsible-heading { |
display: none; |
display: none; |
} |
} |
.content-secondary .ui-collapsible-contain { |
.content-secondary .ui-collapsible-contain { |
margin:0; |
margin:0; |
} |
} |
.content-secondary .ui-collapsible-content { |
.content-secondary .ui-collapsible-content { |
display: block; |
display: block; |
margin: 0; |
margin: 0; |
padding: 0; |
padding: 0; |
} |
} |
.type-interior .content-secondary .ui-li-divider { |
.type-interior .content-secondary .ui-li-divider { |
padding-top: 1em; |
padding-top: 1em; |
padding-bottom: 1em; |
padding-bottom: 1em; |
} |
} |
.type-interior .content-secondary { |
.type-interior .content-secondary { |
margin: 0; |
margin: 0; |
padding: 0; |
padding: 0; |
} |
} |
} |
} |
@media all and (min-width: 750px){ |
@media all and (min-width: 750px){ |
.type-home .ui-content, |
.type-home .ui-content, |
.type-interior .ui-content { |
.type-interior .ui-content { |
background-position: 39%; |
background-position: 39%; |
} |
} |
.content-secondary { |
.content-secondary { |
width: 34%; |
width: 34%; |
} |
} |
.content-primary { |
.content-primary { |
width: 56%; |
width: 56%; |
padding-right: 1%; |
padding-right: 1%; |
} |
} |
.type-interior .ui-content { |
.type-interior .ui-content { |
background-position: 34%; |
background-position: 34%; |
} |
} |
} |
} |
|
|
@media all and (min-width: 1200px){ |
@media all and (min-width: 1200px){ |
.type-home .ui-content{ |
.type-home .ui-content{ |
background-position: 38.5%; |
background-position: 38.5%; |
} |
} |
.type-interior .ui-content { |
.type-interior .ui-content { |
background-position: 30%; |
background-position: 30%; |
} |
} |
.content-secondary { |
.content-secondary { |
width: 30%; |
width: 30%; |
padding-right:6%; |
padding-right:6%; |
margin: 30px 0 20px 5%; |
margin: 30px 0 20px 5%; |
} |
} |
.type-interior .content-secondary { |
.type-interior .content-secondary { |
margin: 0; |
margin: 0; |
padding: 0; |
padding: 0; |
} |
} |
.content-primary { |
.content-primary { |
width: 50%; |
width: 50%; |
margin-right: 5%; |
margin-right: 5%; |
padding-right: 3%; |
padding-right: 3%; |
} |
} |
.type-interior .content-primary { |
.type-interior .content-primary { |
width: 60%; |
width: 60%; |
} |
} |
} |
} |
'; |
'; |
ob_end_flush(); |
ob_end_flush(); |
?> |
?> |
|
|