[textpattern] r5902 committed - Improved RTL language layout in public-side theme

[textp...@googlecode.com]

Revision: 5902
Author: ph...@designhive.com
Date: Mon Sep 22 12:04:16 2014 UTC
Log: Improved RTL language layout in public-side theme
https://code.google.com/p/textpattern/source/detail?r=5902

Modified:
/development/4.x/textpattern/setup/txpsql.php

=======================================
--- /development/4.x/textpattern/setup/txpsql.php Thu Sep 11 20:49:34 2014
UTC
+++ /development/4.x/textpattern/setup/txpsql.php Mon Sep 22 12:04:16 2014
UTC
@@ -153,7 +153,7 @@
) $tabletype ";

// sql:txp_css
-$create_sql[] = "INSERT INTO `".PFX."txp_css`(`name`,`css`)
VALUES('default', '/*
==========================================================================\n
Styling and layout for all media\n
==========================================================================
*/\n/* HTML5 display definitions\n
==========================================================================
*/\n/**\n * Correct `block` display not defined for any HTML5 element in IE
8/9.\n * Correct `block` display not defined for `details` or `summary` in
IE 10/11 and Firefox.\n * Correct `block` display not defined for `main` in
IE 11.\n
*/\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nmain,\nnav,\nsection,\nsummary
{\n display: block;\n}\n\n/**\n * 1. Correct `inline-block` display not
defined in IE 8/9.\n * 2. Normalize vertical alignment of `progress` in
Chrome, Firefox, and Opera.\n */\naudio,\ncanvas,\nprogress,\nvideo {\n /*
1 */\n display: inline-block;\n /* 2 */\n vertical-align:
baseline;\n}\n\n/**\n * Address `[hidden]` styling not present in IE
8/9/10.\n * Hide the `template` element in IE 8/9/11, Safari, and Firefox <
22.\n */\n[hidden],\ntemplate {\n display: none;\n}\n\n/**\n * Remove tap
delay in IE 10+ (and proposed for other browsers).\n */\na,\ninput,\nbutton
{\n -ms-touch-action: none;\n touch-action: none;\n}\n\n/**\n * Correct
`summary` not showing as clickable.\n */\nsummary {\n cursor:
pointer;\n}\n\n/* Clearfix\n
==========================================================================
*/\n/**\n * Clearfix using the \'A new micro cleafix hack\' method.\n *\n *
More info: http://nicolasgallagher.com/micro-clearfix-hack/\n
*/\nheader:after,\nfooter:after,\nnav ul:after,\nnav
ol:after,\n.clearfix:after,\n.container:after,\n.paginator:after {\n
content: \"\";\n display: table;\n clear: both;\n}\n\n/*
==========================================================================\n
Styling and layout for screen media (mobile first)\n
==========================================================================
*/\n@media screen {\n /* Layout\n
==========================================================================
*/\n /**\n * 1. Always force scrollbar padding so we don\'t get
\'jumping\'.\n * 2. Prevent iOS text size adjust after orientation
change, without disabling\n * user zoom.\n * 3. As 2 above, for
Windows Phone.\n */\n html {\n -webkit-tap-highlight-color: rgba(0,
102, 255, 0.5);\n /* 1 */\n overflow-y: scroll;\n /* 2 */\n
-webkit-text-size-adjust: 100%;\n /* 3 */\n -ms-text-size-adjust:
100%;\n }\n\n /**\n * 1. Set `body` to `relative` to allow positioning
of absolute elements.\n * 2. Remove default margin.\n * 3. Make sure
body fills entire viewport height.\n */\n body {\n /* 1 */\n
position: relative;\n /* 2 */\n margin: 0;\n /* 3 */\n
min-height: 100vh;\n background: #f7f7f7;\n }\n\n /**\n * Outer
wrapper for main layouts.\n *\n * Example HTML:\n *\n * <div
class=\"wrapper\">\n * <div class=\"container\">\n *
Content\n * </div>\n * </div>\n */\n .wrapper {\n border-top:
1px solid #cccccc;\n border-bottom: 1px solid #cccccc;\n padding: 1px
0 1em;\n background: #ffffff;\n }\n\n /**\n * Wrapper for layouts,
and for header/footer.\n *\n * Example HTML:\n *\n * <div
class=\"wrapper\">\n * <div class=\"container\">\n *
Content\n * </div>\n * </div>\n */\n header,\n
footer,\n .container {\n margin: 0 auto;\n width: 88%;\n
max-width: 86em;\n }\n\n /**\n * Additional styling for child content
within `header`.\n */\n header {\n padding: 1em 0;\n }\n header h1
{\n margin: 0;\n }\n header h3 {\n margin: 0.5em 0 0;\n }\n\n
/**\n * Additional styling for child content within `footer`.\n */\n
footer {\n padding: 0.5em 0;\n }\n\n /**\n * Styling for
articles.\n *\n * 1. Prevent really, really long words in article from
breaking layout.\n */\n [role=\"article\"] {\n margin-bottom:
2em;\n /* 1 */\n word-wrap: break-word;\n }\n\n /**\n * Styling
for sidebar.\n *\n * Initially the sidebar appears under main content,
it is then repositioned\n * with media queries at 2nd breakpoint.\n
*\n * 1. Prevent really, really long words in article from breaking
layout.\n */\n [role=\"complementary\"] {\n margin: 2em -6% 0;\n
border-top: 2px dashed #cccccc;\n padding: 0 6%;\n /* 1 */\n
word-wrap: break-word;\n }\n\n /* Navigation\n
==========================================================================
*/\n /**\n * Style mobile first version of the navigation menu. Desktop
version will\n * override some rules with extra styling at 1st
breakpoint.\n *\n * Example HTML:\n *\n * <nav
class=\"site-navigation\">\n * <ul>\n * <li
class=\"active\"><a></li>\n * <li><a></li>\n *
<li><a></li>\n * </ul>\n * </nav>\n */\n .site-navigation {\n
background-color: #dddddd;\n }\n .site-navigation ul {\n margin: 0
auto;\n padding: 0;\n max-width: 86em;\n list-style: none;\n
}\n .site-navigation li {\n -webkit-transition: box-shadow 0.2s
linear;\n transition: box-shadow 0.2s linear;\n border-top: 1px solid
#cccccc;\n background-color: #eeeeee;\n }\n .site-navigation li:hover
{\n background-color: #f8f8f8;\n }\n .site-navigation li:active {\n
-webkit-box-shadow: inset 0 0.2em 0.25em rgba(0, 0, 0, 0.15);\n
box-shadow: inset 0 0.2em 0.25em rgba(0, 0, 0, 0.15);\n
background-color: lightgray;\n }\n .site-navigation li.active {\n
-webkit-box-shadow: none;\n box-shadow: none;\n background-color:
white;\n }\n .site-navigation a {\n display: block;\n padding:
0.5em 6%;\n color: #333333;\n }\n .site-navigation
a:hover, .site-navigation a:visited {\n color: #333333;\n
text-decoration: none;\n }\n .site-navigation a:active {\n color:
#1a1a1a;\n text-decoration: none;\n }\n\n /* Links\n
==========================================================================
*/\n /**\n * 1. Remove default underline style from non-hover state
links.\n * 2. Interrupt the decoration line to let the shape of the text
show through\n * in supported browsers.\n * 3. Specify link
colour.\n * 4. Remove the gray background color from active links in IE
10.\n */\n a {\n /* 1 */\n text-decoration: none;\n /* 2
*/\n text-decoration-skip: ink edges;\n /* 3 */\n color:
#114eb1;\n /* 4 */\n background-color: transparent;\n }\n\n /**\n
* Improve readability when focused and also mouse hovered in all
browsers.\n * Specify link state colours.\n */\n a:hover, a:active
{\n outline: 0;\n text-decoration: underline;\n color: #0066ff;\n
}\n a:focus {\n outline: thin dotted #5b9dd9;\n }\n a:visited {\n
color: #183082;\n }\n\n /**\n * Additional styling for `h1` heading
links.\n */\n h1 a {\n border-radius: 0.125em;\n color:
#333333;\n }\n h1 a:visited {\n color: #333333;\n }\n h1 a:hover, h1
a:active {\n text-decoration: none;\n color: #333333;\n
background-color: #f7f7f7;\n }\n\n /**\n * Additional styling for child
links within `header`.\n */\n header h1 a:hover, header h1 a:active
{\n background-color: #e8e8e8;\n }\n\n /**\n * Paginator (prev/next)
navigation links on articles/article lists.\n *\n * Example HTML:\n
*\n * <nav class=\"paginator\">\n * <a rel=\"prev\">\n * <a
rel=\"next\">\n */\n .paginator [rel=\"prev\"] {\n float: left;\n
}\n .paginator [rel=\"next\"] {\n float: right;\n }\n\n /*
Typography\n
==========================================================================
*/\n html {\n font-size: 100%;\n line-height: 1.5em;\n }\n\n
/**\n * Global font and colour.\n */\n body {\n font-family: \"PT
Serif\", Georgia, serif;\n color: #333333;\n }\n\n /**\n *
Sans-serif font for main navigation menu.\n */\n .site-navigation {\n
font-family: sans-serif;\n font-weight: bold;\n }\n\n /**\n *
Harmonise size, style and vertical margin of headings.\n */\n h1,\n
h2,\n h3,\n h4,\n h5,\n h6 {\n clear: both;\n font-family:
sans-serif;\n }\n\n h1 {\n font-size: 2.375em;\n line-height:
1.1842105em;\n margin: 0.6315789em 0;\n }\n\n h2 {\n font-size:
1.875em;\n line-height: 1.2666666em;\n margin: 0.8em 0;\n }\n\n h3
{\n font-size: 1.5em;\n line-height: 1.3333333em;\n margin: 1em
0;\n }\n\n h4 {\n font-size: 1.25em;\n line-height: 1.4em;\n
margin: 1em 0;\n }\n\n h5 {\n font-size: 1.125em;\n line-height:
1.44em;\n margin: 1em 0;\n }\n\n h6 {\n font-size: 1em;\n
line-height: 1.5em;\n margin: 1em 0;\n }\n\n /**\n * Address style
set to `bolder` in Firefox 4+, Safari, and Chrome.\n */\n b,\n strong
{\n font-weight: bold;\n }\n\n /**\n * Add vertical margin to
addresses.\n */\n address {\n margin: 1em 0;\n }\n\n /**\n *
Additional styling for blockquotes.\n */\n blockquote {\n font-size:
1.25em;\n line-height: 1.4em;\n font-style: italic;\n /* 16px /
20px */\n margin: 0.8em 0;\n text-align: center;\n }\n\n /**\n *
Address styling not present in Safari and Chrome.\n */\n dfn {\n
font-style: italic;\n }\n\n /**\n * Address styling not present in IE
8/9/10/11, Safari, and Chrome.\n */\n abbr[title],\n dfn[title] {\n
border-bottom: 1px dotted;\n cursor: help;\n }\n\n /**\n * Address
styling not present in IE 8/9.\n */\n mark,\n var {\n border-radius:
0.25em;\n padding: 0 0.25em;\n color: #333333;\n background:
#fff9e1;\n }\n\n /**\n * Harmonise size and style of computer text.\n
*/\n pre,\n code,\n kbd,\n samp {\n font-family: Menlo, Consolas,
Monaco, monospace;\n }\n\n code,\n kbd,\n samp {\n font-size:
0.875em;\n line-height: 1.5em;\n border-radius: 0.2857143em;\n
border: 1px solid #e3e3e3;\n padding: 1px 0.21429em;\n background:
#f7f7f7;\n }\n\n /**\n * Additional stylng for preformatted
text/code.\n *\n * 1. Don\'t wrap long words.\n * 2. Contain overflow
in all browsers.\n * 3. Set tab size to 4 spaces.\n */\n pre {\n
font-size: 0.875em;\n line-height: 1.5em;\n border-radius:
0.2857143em;\n /* 1 */\n word-wrap: normal;\n /* 2 */\n
overflow-x: auto;\n border: 1px solid #e3e3e3;\n padding: 0.5714286em
1.1428571em;\n background: #f7f7f7;\n /* 3 */\n tab-size: 4;\n
}\n pre code {\n font-size: 1em;\n border: 0;\n padding: 0;\n
background: none;\n }\n\n /**\n * Prevent `sub` and `sup` affecting
`line-height` in all browsers.\n */\n sub,\n sup.footnote,\n sup
{\n font-size: 0.625em;\n line-height: 0em;\n position:
relative;\n vertical-align: baseline;\n }\n\n sup {\n top:
-0.5em;\n }\n\n sub {\n bottom: -0.25em;\n }\n\n /**\n * Harmonise
size and style of small text.\n */\n small,\n figcaption,\n
tfoot,\n .footnote {\n font-size: 0.75em;\n line-height: 1.5em;\n
}\n\n figcaption,\n tfoot,\n .footnote {\n color: #888888;\n }\n\n
figcaption {\n margin-top: 0.5em;\n font-style: italic;\n }\n\n
/**\n * Address differences between Firefox and other browsers.\n */\n
hr {\n -moz-box-sizing: content-box;\n -webkit-box-sizing:
content-box;\n box-sizing: content-box;\n border: 0;\n
border-bottom: 1px solid #cccccc;\n height: 0;\n }\n\n /* Support for
non-latin languages (can be removed if not required)\n
==========================================================================
*/\n /**\n * Preferred font for Japanese language.\n */\n
html[lang=\"ja-jp\"] {\n font-family: \"Hiragino Kaku Gothic Pro\",
Meiryo, sans-serif;\n }\n\n /**\n * Preferred font for Korean
language.\n */\n html[lang=\"ko-kr\"] {\n font-family: GulimChe,
Gulim, sans-serif;\n }\n\n /**\n * Preferred font for Chinese (PRC)
language.\n */\n html[lang=\"zh-cn\"] {\n font-family: SimHei,
sans-serif;\n }\n\n /**\n * Preferred font for Chinese (Taiwan)
language.\n */\n html[lang=\"zh-tw\"] {\n font-family: PMingLiU,
sans-serif;\n }\n\n /* Embedded content\n
==========================================================================
*/\n /**\n * Make embedded elements responsive.\n */\n img,\n video
{\n max-width: 100%;\n height: auto;\n }\n\n /**\n * 1. Remove
the gap between images and the bottom of their containers.\n * 2. Remove
border when inside `a` element in IE 8-10.\n */\n img {\n /* 1
*/\n vertical-align: middle;\n /* 2 */\n border: 0;\n }\n\n
/**\n * Image alignment (compatible with Textile markup syntax).\n
*\n * Example HTML:\n *\n * <img class=\"align-left\">\n * <img
class=\"align-right\">\n * <img class=\"align-center\">\n */\n
img.align-left {\n float: left;\n margin: 1em 1em 1em 0;\n }\n
img.align-right {\n float: right;\n margin: 1em 0 1em 1em;\n }\n
img.align-center {\n display: block;\n margin: 1em auto;\n }\n\n
/**\n * Address margin not present in IE 8/9 and Safari.\n */\n figure
{\n margin: 0;\n }\n\n /**\n * Prevent modern browsers from
displaying `audio` without controls.\n * Remove excess height in iOS 5
devices.\n */\n audio:not([controls]) {\n display: none;\n height:
0;\n }\n\n /**\n * Correct overflow not hidden in IE 9/10/11.\n */\n
svg:not(:root) {\n overflow: hidden;\n }\n\n /* Tables\n
==========================================================================
*/\n /**\n * Consistent tables.\n */\n table {\n margin-bottom:
1em;\n border-collapse: collapse;\n border-spacing: 0;\n width:
100%;\n }\n\n /**\n * Styling of table captions.\n */\n caption
{\n font-style: italic;\n text-align: left;\n margin-bottom:
0.5em;\n }\n\n /**\n * Make table cells align top and left by
default.\n */\n th,\n td {\n vertical-align: top;\n text-align:
left;\n border-bottom: 1px solid #cccccc;\n padding: 0.25em;\n
}\n\n /**\n * 1. Remove padding from top cells of table header.\n * 2.
Thicker border at bottom of `thead`.\n */\n thead tr:first-child th,\n
thead tr:first-child td {\n /* 1 */\n padding-top: 0;\n }\n thead
tr:last-child th,\n thead tr:last-child td {\n /* 2 */\n
border-bottom: 2px solid #cccccc;\n }\n\n /**\n * 1. Adjust padding of
table footer due to smaller font size.\n * 2. Remove padding from bottom
cells of table footer.\n */\n tfoot th,\n tfoot td {\n /* 1 */\n
padding: 0.3333333em;\n }\n tfoot tr:last-child th,\n tfoot
tr:last-child td {\n /* 2 */\n border-bottom: 0;\n padding-bottom:
0;\n }\n\n /**\n * Border at top of each new table row.\n */\n tbody
tr:first-child td,\n tbody tr:first-child th {\n border-top: 1px solid
#cccccc;\n }\n\n /**\n * Multi-row span vertical cell alignments.\n
*/\n [rowspan] {\n vertical-align: middle;\n }\n\n /* Lists\n
==========================================================================
*/\n /**\n * Address paddings set differently.\n */\n menu,\n ol,\n
ul {\n padding: 0 0 0 2em;\n }\n\n /**\n * Remove margins from
nested lists.\n */\n li > ul,\n li > ol {\n margin: 0;\n }\n\n
/**\n * Address margins set differently.\n */\n dd {\n margin: 0 0
0 2em;\n }\n\n /**\n * Italicise definition terms.\n */\n dt {\n
font-style: italic;\n }\n\n /**\n * Additional styling for article
lists.\n *\n * Example HTML:\n *\n * <ul
class=\"article-list\">\n */\n .article-list {\n list-style:
none;\n margin: 0 0 2em 0;\n border-top: 1px solid #cccccc;\n
padding: 0;\n }\n .article-list li {\n margin-bottom: 0;\n
border-bottom: 1px solid #cccccc;\n }\n\n /* Forms\n
==========================================================================
*/\n /**\n * 1. Define consistent fieldset border, margin, and
padding.\n * 2. Address width being affected by wide descendants in
Chrome, Firefox.\n */\n fieldset {\n /* 1 */\n margin: 1em 0;\n
border: 1px solid #cccccc;\n padding: 1px 1em;\n /* 2 */\n
min-width: 0;\n }\n\n /**\n * 1. Correct `color` not being inherited in
IE 8/9/10/11.\n * 2. Remove padding so people aren\'t caught out if they
zero out fieldsets.\n */\n legend {\n /* 1 */\n border: 0;\n /*
2 */\n padding: 0;\n }\n\n /**\n * 1. Correct font properties not
being inherited.\n * 2. Address margins set differently in Firefox 4+,
Safari, and Chrome.\n * 3. Prevent elements from spilling out of their
parent.\n */\n button,\n input,\n optgroup,\n select,\n textarea
{\n -moz-box-sizing: border-box;\n -webkit-box-sizing:
border-box;\n box-sizing: border-box;\n /* 1 */\n font-size:
100%;\n font-size: 0.875em;\n line-height: 1.5em;\n /* 2 */\n
margin: 0;\n /* 3 */\n max-width: 100%;\n font-family:
sans-serif;\n vertical-align: baseline;\n }\n\n /**\n * Colour for
placeholder text.\n */\n input::-moz-placeholder,\n
textarea::-moz-placeholder {\n color: #888888;\n }\n
input:-ms-input-placeholder,\n textarea:-ms-input-placeholder {\n
color: #888888;\n }\n input::-webkit-input-placeholder,\n
textarea::-webkit-input-placeholder {\n color: #888888;\n }\n\n
/**\n * Remove inner padding and border in Firefox 4+.\n */\n
button::-moz-focus-inner,\n input::-moz-focus-inner {\n border: 0;\n
padding: 0;\n }\n\n /**\n * Remove inner padding and search cancel
button in Safari and Chrome on OS X.\n * Safari (but not Chrome) clips
the cancel button when the search input has\n * padding (and `textfield`
appearance).\n */\n
input[type=\"search\"]::-webkit-search-cancel-button,\n
input[type=\"search\"]::-webkit-search-decoration {\n
-webkit-appearance: none;\n }\n\n /**\n * Styling of form input
fields.\n *\n * 1. Remove iOS Safari default styling.\n */\n
input[type=\"color\"],\n input[type=\"date\"],\n
input[type=\"datetime\"],\n input[type=\"datetime-local\"],\n
input[type=\"email\"],\n input[type=\"month\"],\n
input[type=\"number\"],\n input[type=\"password\"],\n
input[type=\"search\"],\n input[type=\"tel\"],\n input[type=\"text\"],\n
input[type=\"time\"],\n input[type=\"url\"],\n input[type=\"week\"],\n
select,\n textarea {\n border-radius: 0;\n -webkit-transition:
box-shadow 0.2s linear;\n transition: box-shadow 0.2s linear;\n /* 1
*/\n -webkit-appearance: none;\n border: 1px solid #cccccc;\n
padding: 0.3571428em;\n height: 2.3571428em;\n background:
#ffffff;\n text-align: left;\n }\n input[type=\"color\"]:focus,\n
input[type=\"date\"]:focus,\n input[type=\"datetime\"]:focus,\n
input[type=\"datetime-local\"]:focus,\n input[type=\"email\"]:focus,\n
input[type=\"month\"]:focus,\n input[type=\"number\"]:focus,\n
input[type=\"password\"]:focus,\n input[type=\"search\"]:focus,\n
input[type=\"tel\"]:focus,\n input[type=\"text\"]:focus,\n
input[type=\"time\"]:focus,\n input[type=\"url\"]:focus,\n
input[type=\"week\"]:focus,\n select:focus,\n textarea:focus {\n
-webkit-box-shadow: 0 0 4px 2px #5b9dd9;\n box-shadow: 0 0 4px 2px
#5b9dd9;\n border-color: #5b9dd9;\n outline: 0;\n }\n\n /**\n *
Remove padding from `color` fields.\n */\n input[type=\"color\"] {\n
padding: 0;\n }\n\n /**\n * Fix the cursor style for Chrome\'s
increment/decrement buttons. For certain\n * `font-size` values of the
`input`, it causes the cursor style of the\n * decrement button to change
from `default` to `text`.\n */\n
input[type=\"number\"]::-webkit-inner-spin-button,\n
input[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n
}\n\n /**\n * 1. Remove excess padding in IE 8/9/10.\n * 2. Correct
margins for inline checkbox/radio labels.\n */\n
input[type=\"checkbox\"],\n input[type=\"radio\"] {\n /* 1 */\n
padding: 0;\n }\n input[type=\"checkbox\"] + label,\n
input[type=\"radio\"] + label {\n /* 2 */\n margin-right: 0.5em;\n
}\n input[type=\"checkbox\"] + label:last-of-type,\n
input[type=\"radio\"] + label:last-of-type {\n /* 2 */\n
margin-right: 0;\n }\n\n /**\n * Inline search field on sidebar.\n
*/\n [role=\"complementary\"] input[type=\"search\"] {\n width:
66%;\n display: inline-block;\n }\n\n /**\n * Correct `select` style
inheritance in Firefox.\n */\n select {\n text-transform: none;\n
}\n\n /**\n * Override height set in a previous rule and allow auto
heght.\n */\n select[size],\n select[multiple] {\n height: auto;\n
}\n\n /**\n * Override height set in rule above and restrict to one line
field.\n */\n select[size=\"0\"],\n select[size=\"1\"] {\n height:
2.3571428em;\n }\n}\n@media screen and (-webkit-min-device-pixel-ratio: 0)
{\n /**\n * Address `select` alignment in Safari, Chrome, Opera.\n
*/\n select[size],\n select[multiple],\n select[multiple][size] {\n
padding-right: 0.5em;\n background-image: none;\n }\n\n /**\n * Use
indicator icon to signify the downdown ability of `select` in Safari,\n *
Chrome, Opera.\n */\n select,\n select[size=\"0\"],\n
select[size=\"1\"] {\n padding-right: 2.25em;\n background: #ffffff
url(\"data:image/svg+xml,<svg version=\'1.1\' baseProfile=\'full\'
xmlns=\'http://www.w3.org/2000/svg\'
xmlns:xlink=\'http://www.w3.org/1999/xlink\' x=\'0px\' y=\'0px\'
width=\'21px\' height=\'7px\' viewBox=\'0 0 21 7\' enable-background=\'new
0 0 21 7\' xml:space=\'preserve\'><polygon fill=\'#333333\' points=\'2,0
7,7 12,0\'/></svg>\") right center no-repeat;\n background-size: 1.5em
0.5em;\n }\n}\n@media screen {\n /**\n * Normalise styling of
`optgroup`.\n */\n optgroup {\n font-style: normal;\n font-weight:
bold;\n color: #333333;\n }\n\n /**\n * 1. Remove default vertical
scrollbar in IE 8/9/10/11.\n * 2. Restrict to vertical resizing to
prevent layout breakage.\n */\n textarea {\n height: auto;\n
min-height: 3em;\n /* 1 */\n overflow: auto;\n /* 2 */\n
resize: vertical;\n width: 100%;\n }\n\n /**\n * Make sure disabled
elements really are disabled and styled appropriately.\n *\n * 1.
Override default iOS opacity setting.\n * 2. Re-set default cursor for
disabled elements.\n */\n button[disabled],\n input[disabled],\n
input[type=\"button\"][disabled],\n input[type=\"reset\"][disabled],\n
input[type=\"submit\"][disabled],\n select[disabled],\n select[disabled]
option,\n select[disabled] optgroup,\n textarea[disabled],\n
span.disabled {\n -webkit-box-shadow: none !important;\n box-shadow:
none !important;\n /* 1 */\n opacity: 1;\n border-color:
#e3e3e3 !important;\n color: #aaaaaa !important;\n background:
#eeeeee !important;\n text-shadow: none !important;\n /* 2 */\n
cursor: default !important;\n }\n\n /**\n * Width display options for
`input` fields. Height display options\n * for textareas.\n *\n *
Example HTML:\n *\n * <input class=\"small\">\n * <input
class=\"large\">\n */\n .small input {\n width: 25%;\n min-width:
151px;\n }\n .small textarea {\n height: 5.5em;\n }\n\n .large input
{\n width: 50%;\n min-width: 302px;\n }\n .large textarea {\n
height: 9.75em;\n }\n\n /* Buttons\n
==========================================================================
*/\n /**\n * 1. Address `overflow` set to `hidden` in IE 8/9/10/11.\n
* 2. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and
Opera.\n */\n button {\n /* 1 */\n overflow: visible;\n /* 2
*/\n text-transform: none;\n }\n\n /**\n * 1. Remove iOS Safari
default styling.\n * 2. Improve usability and consistency of cursor style
between image-type\n * `input` and others.\n */\n button,\n
input[type=\"button\"],\n input[type=\"reset\"],\n input[type=\"submit\"]
{\n text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);\n border-radius:
0.5em;\n -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255,
0.25);\n box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);\n
-moz-background-clip: padding;\n -webkit-background-clip: padding;\n
background-clip: padding-box;\n background-color: #dddddd;\n
background-image:
url(\'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==\');\n
background-size: 100%;\n background-image:
-webkit-linear-gradient(#eeeeee, #dddddd);\n background-image:
linear-gradient(#eeeeee, #dddddd);\n -webkit-transition: box-shadow 0.2s
linear;\n transition: box-shadow 0.2s linear;\n /* 1 */\n
-webkit-appearance: none;\n display: inline-block;\n border: 1px
solid #cccccc;\n padding: 0.3571428em 0.7142857em;\n width:
auto;\n height: 2.3571428em;\n font-weight: normal;\n text-align:
center;\n color: #333333;\n /* 2 */\n cursor: pointer;\n }\n
button:hover,\n input[type=\"button\"]:hover,\n
input[type=\"reset\"]:hover,\n input[type=\"submit\"]:hover {\n
background-color: #e8e8e8;\n background-image:
url(\'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==\');\n
background-size: 100%;\n background-image:
-webkit-linear-gradient(#f8f8f8, #e8e8e8);\n background-image:
linear-gradient(#f8f8f8, #e8e8e8);\n border-color: #aaaaaa;\n
text-decoration: none;\n }\n button:active,\n
input[type=\"button\"]:active,\n input[type=\"reset\"]:active,\n
input[type=\"submit\"]:active {\n -webkit-box-shadow: inset 0 0.2em
0.25em rgba(0, 0, 0, 0.15);\n box-shadow: inset 0 0.2em 0.25em rgba(0,
0, 0, 0.15);\n background-color: #e4e4e4;\n background-image:
url(\'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QzZDNkMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U0ZTRlNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==\');\n
background-size: 100%;\n background-image:
-webkit-linear-gradient(#d3d3d3, #e4e4e4);\n background-image:
linear-gradient(#d3d3d3, #e4e4e4);\n border-color: #aaaaaa;\n color:
#1a1a1a;\n }\n button:focus,\n input[type=\"button\"]:focus,\n
input[type=\"reset\"]:focus,\n input[type=\"submit\"]:focus {\n
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 0 4px 2px
#5b9dd9;\n box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 0 4px
2px #5b9dd9;\n outline: 0;\n }\n\n /* Comments\n
==========================================================================
*/\n /**\n * Styling for user comments.\n *\n * Example HTML:\n
*\n * <article class=\"comments\">\n */\n .comments {\n
border-radius: 0.5em;\n margin-bottom: 1em;\n padding: 1px 1em;\n
background: #f7f7f7;\n word-wrap: break-word;\n }\n .comments
h4 .is-author {\n font-weight: normal;\n }\n .comments
h4 .comment-anchor {\n float: right;\n font-weight: normal;\n }\n\n
/**\n * Additional styling for article author\'s comments.\n *\n *
Example HTML:\n *\n * <article class=\"comments comments-author\">\n
*/\n .comments-author {\n background: #efefef;\n }\n\n /**\n *
Styling for user comments preview.\n */\n #cpreview {\n
border-radius: 0.5em;\n margin-bottom: 2px;\n padding: 1em;\n
background: #fff9e1;\n }\n\n /**\n * Highlight background colour for
comment errors.\n */\n .comments_error {\n background:
#f2dede !important;\n }\n\n /**\n * Highlight text colour for comment
errors.\n */\n .error_message li {\n color: #9d261d;\n }\n\n
/**\n * Styling for \'required\' indicators.\n */\n .required {\n
color: #9d261d;\n cursor: help;\n }\n\n /* Popup comments (can be
removed if you don\'t use popups)\n
==========================================================================
*/\n /**\n * Restrict maximum width of popup container.\n */\n
#popup-page .container {\n max-width: 52em;\n }\n}\n/*
==========================================================================\n
Additional layout for screen media 576px and up\n
==========================================================================
*/\n@media only screen and (min-width: 36em) {\n /**\n * Desktop version
of the navigation menu. Overrides mobile first version.\n *\n * Example
HTML:\n *\n * <nav class=\"site-navigation\">\n * <ul>\n
* <li class=\"active\"><a></li>\n * <li><a></li>\n
* <li><a></li>\n * </ul>\n * </nav>\n
*/\n .site-navigation {\n border-top: 1px solid #cccccc;\n
}\n .site-navigation ul {\n width: 88%;\n }\n .site-navigation li
{\n float: left;\n border-top: 0;\n border-right: 1px solid
#cccccc;\n }\n .site-navigation li:first-child {\n border-left: 1px
solid #cccccc;\n }\n .site-navigation a {\n padding: 0.5em 1em;\n
}\n}\n/*
==========================================================================\n
Additional layout for screen media 864px and up\n
==========================================================================
*/\n@media only screen and (min-width: 50em) {\n /**\n * Enlarge
baseline text size.\n */\n html {\n font-size: 112.5%;\n }\n\n
/**\n * Two-column layout.\n *\n * 1. Sidebar moves from under
content to the right column and main column\n * is reduced in width to
allow this.\n * 2. Golden ratio at container maximum width.\n *\n *
Example HTML:\n *\n * <main role=\"main\">\n * <div
role=\"complementary\"></div>\n */\n main {\n /* 1 */\n float:
left;\n /* 2 */\n width: 54%;\n }\n\n [role=\"complementary\"]
{\n border-radius: 0.5em;\n /* 1 */\n float: right;\n margin:
2em 0;\n border: 1px solid #e3e3e3;\n padding: 0 1em;\n width:
30%;\n background: #f7f7f7;\n }\n}\n/*
==========================================================================\n
Styling and layout for print media\n
==========================================================================
*/\n@media print {\n /**\n * Remove unnecessary global styling from
printed media.\n *\n * 1. Black prints faster.\n */\n * {\n
-webkit-box-shadow: none !important;\n box-shadow: none !important;\n
/* 1 */\n color: black !important;\n text-shadow:
none !important;\n background: transparent !important;\n }\n\n /**\n
* Use a print-friendly font and size.\n */\n body {\n font-family:
\"Helvetica Neue\", sans-serif;\n font-size: 8pt;\n line-height:
1.5;\n margin: 0.5cm;\n padding: 2em 5em;\n }\n\n /**\n *
Visually separate header from body.\n */\n header {\n border-bottom:
solid 1pt black;\n }\n\n /**\n * Visually separate footer from
body.\n */\n footer {\n margin-top: 12pt;\n border-top: solid 1pt
black;\n }\n\n /**\n * Hide unnecessary content from print.\n */\n
nav,\n audio,\n video,\n form,\n [role=\"complementary\"],\n
#comments-form,\n .comments h4 a:last-child,\n .paginator {\n display:
none;\n }\n\n /**\n * Make sure links are not underlined.\n */\n a
{\n text-decoration: none;\n }\n\n /**\n * Show long-form for
abbreviations in print.\n */\n abbr[title]:after {\n content: \" (\"
attr(title) \")\";\n }\n\n /**\n * Harmonise size, style and vertical
margin of headings.\n */\n h1 {\n font-size: 32pt;\n line-height:
36pt;\n font-weight: normal;\n margin: 16pt 0;\n }\n\n h2 {\n
font-size: 24pt;\n line-height: 28pt;\n page-break-after: avoid;\n
orphans: 2;\n widows: 2;\n margin: 14pt 0;\n }\n\n h3 {\n
font-size: 18pt;\n line-height: 22pt;\n page-break-after: avoid;\n
orphans: 2;\n widows: 2;\n margin: 12pt 0;\n }\n\n h4 {\n
font-size: 14pt;\n line-height: 18pt;\n page-break-after: avoid;\n
orphans: 2;\n widows: 2;\n margin: 11pt 0;\n }\n\n h5 {\n
font-size: 12pt;\n line-height: 16pt;\n page-break-after: avoid;\n
orphans: 2;\n widows: 2;\n margin: 10pt 0;\n }\n\n h6 {\n
font-size: 10pt;\n line-height: 14pt;\n page-break-after: avoid;\n
orphans: 2;\n widows: 2;\n margin: 9pt 0;\n }\n\n /**\n * Prevent
widows (single final paragraph line on next page) and orphans (single\n *
first paragraph line on previous page).\n */\n p {\n orphans: 2;\n
widows: 2;\n }\n\n /**\n * Harmonise size and style of small text.\n
*/\n footer,\n figcaption,\n tfoot,\n small,\n .footnote {\n
font-size: 6pt;\n }\n\n /**\n * Simple blockquote styling.\n *\n *
1. Avoid blockquotes breaking across mutiple pages.\n */\n blockquote
{\n font-size: 16pt;\n border-left: 3pt solid black;\n padding: 0
0 0 8pt;\n /* 1 */\n page-break-inside: avoid;\n }\n\n /**\n *
Simple preformatted text styling.\n */\n pre {\n margin-bottom:
8pt;\n border: solid 1pt black;\n padding: 8pt;\n }\n\n /**\n *
Avoid user comments breaking across mutiple pages.\n */\n .comments
{\n page-break-inside: avoid;\n }\n\n /**\n * Use a print-friendly
monospaced font and size.\n */\n pre,\n code,\n kbd,\n samp,\n var
{\n font-family: \"Courier New\", Courier, monospace;\n }\n\n /**\n
* Italic definitons, quotes and definition terms.\n */\n dfn,\n q,\n
dt {\n font-style: italic;\n }\n\n /**\n * 1. Ensure images are
maximum possible width.\n * 2. Avoid images breaking across mutiple
pages.\n */\n img {\n /* 1 */\n max-width: 100% !important;\n
/* 2 */\n page-break-inside: avoid;\n }\n\n /**\n * Image alignment
(compatible with Textile markup syntax).\n *\n * Example HTML:\n
*\n * <img class=\"align-left\">\n * <img class=\"align-right\">\n *
<img class=\"align-center\">\n */\n img.align-left {\n float:
left;\n margin: 1em 1em 1em 0;\n }\n img.align-right {\n float:
right;\n margin: 1em 0 1em 1em;\n }\n img.align-center {\n display:
block;\n margin: 1em auto;\n }\n\n /**\n * Ensure margin below
`figure`.\n */\n figure {\n margin-bottom: 8pt;\n }\n\n /**\n *
Ensure margin above `figcaption`.\n */\n figcaption {\n margin-top:
4pt;\n }\n\n /**\n * Simple bullet styling for `ul` unordered
lists.\n */\n ul {\n list-style: square;\n padding: 0 0 8pt
1.8em;\n }\n\n /**\n * Simple numerical styling for `ol` ordered
lists.\n */\n ol {\n list-style: decimal;\n padding: 0 0 8pt
1.8em;\n }\n\n /**\n * Normalise margins on `dl` definition lists.\n
*/\n dl {\n padding: 0 0 8pt 1.8em;\n }\n\n /**\n * 1. Ensure
margin below `table`.\n * 2. Make `table` span entire page width.\n
*/\n table {\n /* 1 */\n margin-bottom: 8pt;\n /* 2 */\n
width: 100%;\n }\n\n /**\n * Harmonise styling for `caption`.\n */\n
caption {\n font-weight: bold;\n text-align: left;\n
margin-bottom: 4pt;\n }\n\n /**\n * Display table head across
multi-page tables.\n */\n thead {\n display: table-header-group;\n
}\n thead th {\n border-top: 1pt solid black;\n }\n\n /**\n * Avoid
table rows breaking across mutiple pages.\n */\n tr {\n
page-break-inside: avoid;\n }\n\n /**\n * Simple styling for table
cells.\n */\n th,\n td {\n border-bottom: solid 1pt black;\n
padding: 4pt 8pt;\n }\n}\n')";
+$create_sql[] = "INSERT INTO `".PFX."txp_css`(`name`,`css`)
VALUES('default', '/*
==========================================================================\n
Styling and layout for all media\n
==========================================================================
*/\n/* HTML5 display definitions\n
==========================================================================
*/\n/**\n * Correct `block` display not defined for any HTML5 element in IE
8/9.\n * Correct `block` display not defined for `details` or `summary` in
IE 10/11 and Firefox.\n * Correct `block` display not defined for `main` in
IE 11.\n
*/\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nmain,\nnav,\nsection,\nsummary
{\n display: block;\n}\n\n/**\n * 1. Correct `inline-block` display not
defined in IE 8/9.\n * 2. Normalize vertical alignment of `progress` in
Chrome, Firefox, and Opera.\n */\naudio,\ncanvas,\nprogress,\nvideo {\n /*
1 */\n display: inline-block;\n /* 2 */\n vertical-align:
baseline;\n}\n\n/**\n * Address `[hidden]` styling not present in IE
8/9/10.\n * Hide the `template` element in IE 8/9/11, Safari, and Firefox <
22.\n */\n[hidden],\ntemplate {\n display: none;\n}\n\n/**\n * Remove tap
delay in IE 10+ (and proposed for other browsers).\n */\na,\ninput,\nbutton
{\n -ms-touch-action: none;\n touch-action: none;\n}\n\n/**\n * Correct
`summary` not showing as clickable.\n */\nsummary {\n cursor:
pointer;\n}\n\n/* Clearfix\n
==========================================================================
*/\n/**\n * Clearfix using the \'A new micro cleafix hack\' method.\n *\n *
More info: http://nicolasgallagher.com/micro-clearfix-hack/\n
*/\nheader:after,\nfooter:after,\nnav ul:after,\nnav
ol:after,\n.clearfix:after,\n.container:after,\n.paginator:after {\n
content: \"\";\n display: table;\n clear: both;\n}\n\n/*
==========================================================================\n
Styling and layout for screen media (mobile first)\n
==========================================================================
*/\n@media screen {\n /* Layout\n
==========================================================================
*/\n /**\n * 1. Always force scrollbar padding so we don\'t get
\'jumping\'.\n * 2. Prevent iOS text size adjust after orientation
change, without disabling\n * user zoom.\n * 3. As 2 above, for
Windows Phone.\n */\n html {\n -webkit-tap-highlight-color: rgba(0,
102, 255, 0.5);\n /* 1 */\n overflow-y: scroll;\n /* 2 */\n
-webkit-text-size-adjust: 100%;\n /* 3 */\n -ms-text-size-adjust:
100%;\n }\n\n /**\n * 1. Set `body` to `relative` to allow positioning
of absolute elements.\n * 2. Remove default margin.\n * 3. Make sure
body fills entire viewport height.\n */\n body {\n /* 1 */\n
position: relative;\n /* 2 */\n margin: 0;\n /* 3 */\n
min-height: 100vh;\n background: #f7f7f7;\n }\n\n /**\n * Outer
wrapper for main layouts.\n *\n * Example HTML:\n *\n * <div
class=\"wrapper\">\n * <div class=\"container\">\n *
Content\n * </div>\n * </div>\n */\n .wrapper {\n border-top:
1px solid #cccccc;\n border-bottom: 1px solid #cccccc;\n padding: 1px
0 1em;\n background: #ffffff;\n }\n\n /**\n * Wrapper for layouts,
and for header/footer.\n *\n * Example HTML:\n *\n * <div
class=\"wrapper\">\n * <div class=\"container\">\n *
Content\n * </div>\n * </div>\n */\n header,\n
footer,\n .container {\n margin: 0 auto;\n width: 88%;\n
max-width: 86em;\n }\n\n /**\n * Additional styling for child content
within `header`.\n */\n header {\n padding: 1em 0;\n }\n header h1
{\n margin: 0;\n }\n header h3 {\n margin: 0.5em 0 0;\n }\n\n
/**\n * Additional styling for child content within `footer`.\n */\n
footer {\n padding: 0.5em 0;\n }\n\n /**\n * Styling for
articles.\n *\n * 1. Prevent really, really long words in article from
breaking layout.\n */\n [role=\"article\"] {\n margin-bottom:
2em;\n /* 1 */\n word-wrap: break-word;\n }\n\n /**\n * Styling
for sidebar.\n *\n * Initially the sidebar appears under main content,
it is then repositioned\n * with media queries at 2nd breakpoint.\n
*\n * 1. Prevent really, really long words in article from breaking
layout.\n */\n [role=\"complementary\"] {\n margin: 2em -6% 0;\n
border-top: 2px dashed #cccccc;\n padding: 0 6%;\n /* 1 */\n
word-wrap: break-word;\n }\n\n /* Navigation\n
==========================================================================
*/\n /**\n * Style mobile first version of the navigation menu. Desktop
version will\n * override some rules with extra styling at 1st
breakpoint.\n *\n * Example HTML:\n *\n * <nav
class=\"site-navigation\">\n * <ul>\n * <li
class=\"active\"><a></li>\n * <li><a></li>\n *
<li><a></li>\n * </ul>\n * </nav>\n */\n .site-navigation {\n
background-color: #dddddd;\n }\n .site-navigation ul {\n margin: 0
auto;\n padding: 0;\n max-width: 86em;\n list-style: none;\n
}\n .site-navigation li {\n -webkit-transition: box-shadow 0.2s
linear;\n transition: box-shadow 0.2s linear;\n border-top: 1px solid
#cccccc;\n background-color: #eeeeee;\n }\n .site-navigation li:hover
{\n background-color: #f8f8f8;\n }\n .site-navigation li:active {\n
-webkit-box-shadow: inset 0 0.2em 0.25em rgba(0, 0, 0, 0.15);\n
box-shadow: inset 0 0.2em 0.25em rgba(0, 0, 0, 0.15);\n
background-color: lightgray;\n }\n .site-navigation li.active {\n
-webkit-box-shadow: none;\n box-shadow: none;\n background-color:
white;\n }\n .site-navigation a {\n display: block;\n padding:
0.5em 6%;\n color: #333333;\n }\n .site-navigation
a:hover, .site-navigation a:visited {\n color: #333333;\n
text-decoration: none;\n }\n .site-navigation a:active {\n color:
#1a1a1a;\n text-decoration: none;\n }\n\n /* Links\n
==========================================================================
*/\n /**\n * 1. Remove default underline style from non-hover state
links.\n * 2. Interrupt the decoration line to let the shape of the text
show through\n * in supported browsers.\n * 3. Specify link
colour.\n * 4. Remove the gray background color from active links in IE
10.\n */\n a {\n /* 1 */\n text-decoration: none;\n /* 2
*/\n text-decoration-skip: ink edges;\n /* 3 */\n color:
#114eb1;\n /* 4 */\n background-color: transparent;\n }\n\n /**\n
* Improve readability when focused and also mouse hovered in all
browsers.\n * Specify link state colours.\n */\n a:hover, a:active
{\n outline: 0;\n text-decoration: underline;\n color: #0066ff;\n
}\n a:focus {\n outline: thin dotted #5b9dd9;\n }\n a:visited {\n
color: #183082;\n }\n\n /**\n * Additional styling for `h1` heading
links.\n */\n h1 a {\n border-radius: 0.125em;\n color:
#333333;\n }\n h1 a:visited {\n color: #333333;\n }\n h1 a:hover, h1
a:active {\n text-decoration: none;\n color: #333333;\n
background-color: #f7f7f7;\n }\n\n /**\n * Additional styling for child
links within `header`.\n */\n header h1 a:hover, header h1 a:active
{\n background-color: #e8e8e8;\n }\n\n /**\n * Paginator (prev/next)
navigation links on articles/article lists.\n *\n * Example HTML:\n
*\n * <nav class=\"paginator\">\n * <a rel=\"prev\">\n * <a
rel=\"next\">\n */\n .paginator [rel=\"prev\"] {\n float: left;\n
}\n .paginator [rel=\"next\"] {\n float: right;\n }\n\n /*
Typography\n
==========================================================================
*/\n html {\n font-size: 100%;\n line-height: 1.5em;\n }\n\n
/**\n * Global font and colour.\n */\n body {\n font-family: \"PT
Serif\", Georgia, serif;\n color: #333333;\n }\n\n /**\n *
Sans-serif font for main navigation menu.\n */\n .site-navigation {\n
font-family: sans-serif;\n font-weight: bold;\n }\n\n /**\n *
Harmonise size, style and vertical margin of headings.\n */\n h1,\n
h2,\n h3,\n h4,\n h5,\n h6 {\n clear: both;\n font-family:
sans-serif;\n }\n\n h1 {\n font-size: 2.375em;\n line-height:
1.1842105em;\n margin: 0.6315789em 0;\n }\n\n h2 {\n font-size:
1.875em;\n line-height: 1.2666666em;\n margin: 0.8em 0;\n }\n\n h3
{\n font-size: 1.5em;\n line-height: 1.3333333em;\n margin: 1em
0;\n }\n\n h4 {\n font-size: 1.25em;\n line-height: 1.4em;\n
margin: 1em 0;\n }\n\n h5 {\n font-size: 1.125em;\n line-height:
1.44em;\n margin: 1em 0;\n }\n\n h6 {\n font-size: 1em;\n
line-height: 1.5em;\n margin: 1em 0;\n }\n\n /**\n * Address style
set to `bolder` in Firefox 4+, Safari, and Chrome.\n */\n b,\n strong
{\n font-weight: bold;\n }\n\n /**\n * Add vertical margin to
addresses.\n */\n address {\n margin: 1em 0;\n }\n\n /**\n *
Additional styling for blockquotes.\n */\n blockquote {\n font-size:
1.25em;\n line-height: 1.4em;\n font-style: italic;\n /* 16px /
20px */\n margin: 0.8em 0;\n text-align: center;\n }\n\n /**\n *
Address styling not present in Safari and Chrome.\n */\n dfn {\n
font-style: italic;\n }\n\n /**\n * Address styling not present in IE
8/9/10/11, Safari, and Chrome.\n */\n abbr[title],\n dfn[title] {\n
border-bottom: 1px dotted;\n cursor: help;\n }\n\n /**\n * Address
styling not present in IE 8/9.\n */\n mark,\n var {\n border-radius:
0.25em;\n padding: 0 0.25em;\n color: #333333;\n background:
#fff9e1;\n }\n\n /**\n * Harmonise size and style of computer text.\n
*/\n pre,\n code,\n kbd,\n samp {\n font-family: Menlo, Consolas,
Monaco, monospace;\n }\n\n code,\n kbd,\n samp {\n font-size:
0.875em;\n line-height: 1.5em;\n border-radius: 0.2857143em;\n
border: 1px solid #e3e3e3;\n padding: 1px 0.21429em;\n background:
#f7f7f7;\n }\n\n /**\n * Additional stylng for preformatted
text/code.\n *\n * 1. Don\'t wrap long words.\n * 2. Contain overflow
in all browsers.\n * 3. Set tab size to 4 spaces.\n */\n pre {\n
font-size: 0.875em;\n line-height: 1.5em;\n border-radius:
0.2857143em;\n /* 1 */\n word-wrap: normal;\n /* 2 */\n
overflow-x: auto;\n border: 1px solid #e3e3e3;\n padding: 0.5714286em
1.1428571em;\n background: #f7f7f7;\n /* 3 */\n tab-size: 4;\n
}\n pre code {\n font-size: 1em;\n border: 0;\n padding: 0;\n
background: none;\n }\n\n /**\n * Prevent `sub` and `sup` affecting
`line-height` in all browsers.\n */\n sub,\n sup.footnote,\n sup
{\n font-size: 0.625em;\n line-height: 0em;\n position:
relative;\n vertical-align: baseline;\n }\n\n sup {\n top:
-0.5em;\n }\n\n sub {\n bottom: -0.25em;\n }\n\n /**\n * Harmonise
size and style of small text.\n */\n small,\n figcaption,\n
tfoot,\n .footnote {\n font-size: 0.75em;\n line-height: 1.5em;\n
}\n\n figcaption,\n tfoot,\n .footnote {\n color: #888888;\n }\n\n
figcaption {\n margin-top: 0.5em;\n font-style: italic;\n }\n\n
/**\n * Address differences between Firefox and other browsers.\n */\n
hr {\n -moz-box-sizing: content-box;\n -webkit-box-sizing:
content-box;\n box-sizing: content-box;\n border: 0;\n
border-bottom: 1px solid #cccccc;\n height: 0;\n }\n\n /* Support for
non-latin languages (can be removed if not required)\n
==========================================================================
*/\n /**\n * Preferred font for Japanese language.\n */\n
html[lang=\"ja-jp\"] {\n font-family: \"Hiragino Kaku Gothic Pro\",
Meiryo, sans-serif;\n }\n\n /**\n * Preferred font for Korean
language.\n */\n html[lang=\"ko-kr\"] {\n font-family: GulimChe,
Gulim, sans-serif;\n }\n\n /**\n * Preferred font for Chinese (PRC)
language.\n */\n html[lang=\"zh-cn\"] {\n font-family: SimHei,
sans-serif;\n }\n\n /**\n * Preferred font for Chinese (Taiwan)
language.\n */\n html[lang=\"zh-tw\"] {\n font-family: PMingLiU,
sans-serif;\n }\n\n /**\n * Reduce risk of render glitches in links on
RTL languages.\n */\n [dir=\"rtl\"] a {\n unicode-bidi: embed;\n
}\n\n /**\n * Swap image alignment right/left positions in RTL
languages.\n */\n [dir=\"rtl\"] img.align-left {\n float: right;\n
margin: 1em 0 1em 1em;\n }\n [dir=\"rtl\"] img.align-right {\n float:
left;\n margin: 1em 1em 1em 0;\n }\n\n /**\n * Swap table caption
alignment in RTL languages.\n */\n [dir=\"rtl\"] caption {\n
text-align: right;\n }\n\n /**\n * Swap table cell text alignments in
RTL languages.\n */\n [dir=\"rtl\"] th,\n [dir=\"rtl\"] td {\n
text-align: right;\n }\n\n /**\n * Swap menu/list padding positions in
RTL languages.\n */\n [dir=\"rtl\"] menu,\n [dir=\"rtl\"] ol,\n
[dir=\"rtl\"] ul {\n padding: 0 2em 0 0;\n }\n\n /**\n * Swap
definition description margin positions in RTL languages.\n */\n
[dir=\"rtl\"] dd {\n margin: 0 2em 0 0;\n }\n\n /**\n * Swap
checkbox/radio margin positions in RTL languages.\n */\n [dir=\"rtl\"]
input[type=\"checkbox\"] + label,\n [dir=\"rtl\"] input[type=\"radio\"] +
label {\n margin: 0 0 0 0.5em;\n }\n [dir=\"rtl\"]
input[type=\"checkbox\"] + label:last-of-type,\n [dir=\"rtl\"]
input[type=\"radio\"] + label:last-of-type {\n margin: 0;\n }\n\n
/**\n * Swap anchor float position on comments.\n */\n
[dir=\"rtl\"] .comments h4 .comment-anchor {\n float: left;\n }\n\n /*
Embedded content\n
==========================================================================
*/\n /**\n * Make embedded elements responsive.\n */\n img,\n video
{\n max-width: 100%;\n height: auto;\n }\n\n /**\n * 1. Remove
the gap between images and the bottom of their containers.\n * 2. Remove
border when inside `a` element in IE 8-10.\n */\n img {\n /* 1
*/\n vertical-align: middle;\n /* 2 */\n border: 0;\n }\n\n
/**\n * Image alignment (compatible with Textile markup syntax).\n
*\n * Example HTML:\n *\n * <img class=\"align-left\">\n * <img
class=\"align-right\">\n * <img class=\"align-center\">\n */\n
img.align-left {\n float: left;\n margin: 1em 1em 1em 0;\n }\n
img.align-right {\n float: right;\n margin: 1em 0 1em 1em;\n }\n
img.align-center {\n display: block;\n margin: 1em auto;\n }\n\n
/**\n * Address margin not present in IE 8/9 and Safari.\n */\n figure
{\n margin: 0;\n }\n\n /**\n * Prevent modern browsers from
displaying `audio` without controls.\n * Remove excess height in iOS 5
devices.\n */\n audio:not([controls]) {\n display: none;\n height:
0;\n }\n\n /**\n * Correct overflow not hidden in IE 9/10/11.\n */\n
svg:not(:root) {\n overflow: hidden;\n }\n\n /* Tables\n
==========================================================================
*/\n /**\n * Consistent tables.\n */\n table {\n margin-bottom:
1em;\n border-collapse: collapse;\n border-spacing: 0;\n width:
100%;\n }\n\n /**\n * Styling of table captions.\n */\n caption
{\n font-style: italic;\n text-align: left;\n margin-bottom:
0.5em;\n }\n\n /**\n * Make table cells align top and left by
default.\n */\n th,\n td {\n vertical-align: top;\n text-align:
left;\n border-bottom: 1px solid #cccccc;\n padding: 0.25em;\n
}\n\n /**\n * 1. Remove padding from top cells of table header.\n * 2.
Thicker border at bottom of `thead`.\n */\n thead tr:first-child th,\n
thead tr:first-child td {\n /* 1 */\n padding-top: 0;\n }\n thead
tr:last-child th,\n thead tr:last-child td {\n /* 2 */\n
border-bottom: 2px solid #cccccc;\n }\n\n /**\n * 1. Adjust padding of
table footer due to smaller font size.\n * 2. Remove padding from bottom
cells of table footer.\n */\n tfoot th,\n tfoot td {\n /* 1 */\n
padding: 0.3333333em;\n }\n tfoot tr:last-child th,\n tfoot
tr:last-child td {\n /* 2 */\n border-bottom: 0;\n padding-bottom:
0;\n }\n\n /**\n * Border at top of each new table row.\n */\n tbody
tr:first-child td,\n tbody tr:first-child th {\n border-top: 1px solid
#cccccc;\n }\n\n /**\n * Multi-row span vertical cell alignments.\n
*/\n [rowspan] {\n vertical-align: middle;\n }\n\n /* Lists\n
==========================================================================
*/\n /**\n * Address paddings set differently.\n */\n menu,\n ol,\n
ul {\n padding: 0 0 0 2em;\n }\n\n /**\n * Remove margins from
nested lists.\n */\n li > ul,\n li > ol {\n margin: 0;\n }\n\n
/**\n * Address margins set differently.\n */\n dd {\n margin: 0 0
0 2em;\n }\n\n /**\n * Italicise definition terms.\n */\n dt {\n
font-style: italic;\n }\n\n /**\n * Additional styling for article
lists.\n *\n * Example HTML:\n *\n * <ul
class=\"article-list\">\n */\n .article-list {\n list-style:
none;\n margin: 0 0 2em 0;\n border-top: 1px solid #cccccc;\n
padding: 0;\n }\n .article-list li {\n margin-bottom: 0;\n
border-bottom: 1px solid #cccccc;\n }\n\n /* Forms\n
==========================================================================
*/\n /**\n * 1. Define consistent fieldset border, margin, and
padding.\n * 2. Address width being affected by wide descendants in
Chrome, Firefox.\n */\n fieldset {\n /* 1 */\n margin: 1em 0;\n
border: 1px solid #cccccc;\n padding: 1px 1em;\n /* 2 */\n
min-width: 0;\n }\n\n /**\n * 1. Correct `color` not being inherited in
IE 8/9/10/11.\n * 2. Remove padding so people aren\'t caught out if they
zero out fieldsets.\n */\n legend {\n /* 1 */\n border: 0;\n /*
2 */\n padding: 0;\n }\n\n /**\n * 1. Correct font properties not
being inherited.\n * 2. Address margins set differently in Firefox 4+,
Safari, and Chrome.\n * 3. Prevent elements from spilling out of their
parent.\n */\n button,\n input,\n optgroup,\n select,\n textarea
{\n -moz-box-sizing: border-box;\n -webkit-box-sizing:
border-box;\n box-sizing: border-box;\n /* 1 */\n font-size:
100%;\n font-size: 0.875em;\n line-height: 1.5em;\n /* 2 */\n
margin: 0;\n /* 3 */\n max-width: 100%;\n font-family:
sans-serif;\n vertical-align: baseline;\n }\n\n /**\n * Colour for
placeholder text.\n */\n input::-moz-placeholder,\n
textarea::-moz-placeholder {\n color: #888888;\n }\n
input:-ms-input-placeholder,\n textarea:-ms-input-placeholder {\n
color: #888888;\n }\n input::-webkit-input-placeholder,\n
textarea::-webkit-input-placeholder {\n color: #888888;\n }\n\n
/**\n * Remove inner padding and border in Firefox 4+.\n */\n
button::-moz-focus-inner,\n input::-moz-focus-inner {\n border: 0;\n
padding: 0;\n }\n\n /**\n * Remove inner padding and search cancel
button in Safari and Chrome on OS X.\n * Safari (but not Chrome) clips
the cancel button when the search input has\n * padding (and `textfield`
appearance).\n */\n
input[type=\"search\"]::-webkit-search-cancel-button,\n
input[type=\"search\"]::-webkit-search-decoration {\n
-webkit-appearance: none;\n }\n\n /**\n * Styling of form input
fields.\n *\n * 1. Remove iOS Safari default styling.\n */\n
input[type=\"color\"],\n input[type=\"date\"],\n
input[type=\"datetime\"],\n input[type=\"datetime-local\"],\n
input[type=\"email\"],\n input[type=\"month\"],\n
input[type=\"number\"],\n input[type=\"password\"],\n
input[type=\"search\"],\n input[type=\"tel\"],\n input[type=\"text\"],\n
input[type=\"time\"],\n input[type=\"url\"],\n input[type=\"week\"],\n
select,\n textarea {\n border-radius: 0;\n -webkit-transition:
box-shadow 0.2s linear;\n transition: box-shadow 0.2s linear;\n /* 1
*/\n -webkit-appearance: none;\n border: 1px solid #cccccc;\n
padding: 0.3571428em;\n height: 2.3571428em;\n background:
#ffffff;\n }\n input[type=\"color\"]:focus,\n
input[type=\"date\"]:focus,\n input[type=\"datetime\"]:focus,\n
input[type=\"datetime-local\"]:focus,\n input[type=\"email\"]:focus,\n
input[type=\"month\"]:focus,\n input[type=\"number\"]:focus,\n
input[type=\"password\"]:focus,\n input[type=\"search\"]:focus,\n
input[type=\"tel\"]:focus,\n input[type=\"text\"]:focus,\n
input[type=\"time\"]:focus,\n input[type=\"url\"]:focus,\n
input[type=\"week\"]:focus,\n select:focus,\n textarea:focus {\n
-webkit-box-shadow: 0 0 4px 2px #5b9dd9;\n box-shadow: 0 0 4px 2px
#5b9dd9;\n border-color: #5b9dd9;\n outline: 0;\n }\n\n /**\n *
Remove padding from `color` fields.\n */\n input[type=\"color\"] {\n
padding: 0;\n }\n\n /**\n * Fix the cursor style for Chrome\'s
increment/decrement buttons. For certain\n * `font-size` values of the
`input`, it causes the cursor style of the\n * decrement button to change
from `default` to `text`.\n */\n
input[type=\"number\"]::-webkit-inner-spin-button,\n
input[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n
}\n\n /**\n * 1. Remove excess padding in IE 8/9/10.\n * 2. Correct
margins for inline checkbox/radio labels.\n */\n
input[type=\"checkbox\"],\n input[type=\"radio\"] {\n /* 1 */\n
padding: 0;\n }\n input[type=\"checkbox\"] + label,\n
input[type=\"radio\"] + label {\n /* 2 */\n margin: 0 0.5em 0 0;\n
}\n input[type=\"checkbox\"] + label:last-of-type,\n
input[type=\"radio\"] + label:last-of-type {\n /* 2 */\n margin:
0;\n }\n\n /**\n * Inline search field on sidebar.\n */\n
[role=\"complementary\"] input[type=\"search\"] {\n width: 66%;\n
display: inline-block;\n }\n\n /**\n * Correct `select` style
inheritance in Firefox.\n */\n select {\n text-transform: none;\n
}\n\n /**\n * Override height set in a previous rule and allow auto
heght.\n */\n select[size],\n select[multiple] {\n height: auto;\n
}\n\n /**\n * Override height set in rule above and restrict to one line
field.\n */\n select[size=\"0\"],\n select[size=\"1\"] {\n height:
2.3571428em;\n }\n}\n@media screen and (-webkit-min-device-pixel-ratio: 0)
{\n /**\n * Address `select` alignment in Safari, Chrome, Opera.\n
*/\n select[size],\n select[multiple],\n select[multiple][size] {\n
padding-right: 0.5em;\n background-image: none;\n }\n\n /**\n * Use
indicator icon to signify the downdown ability of `select` in Safari,\n *
Chrome, Opera.\n */\n select,\n select[size=\"0\"],\n
select[size=\"1\"] {\n padding-right: 2.25em;\n background: #ffffff
url(\"data:image/svg+xml,<svg version=\'1.1\' baseProfile=\'full\'
xmlns=\'http://www.w3.org/2000/svg\'
xmlns:xlink=\'http://www.w3.org/1999/xlink\' x=\'0px\' y=\'0px\'
width=\'21px\' height=\'7px\' viewBox=\'0 0 21 7\' enable-background=\'new
0 0 21 7\' xml:space=\'preserve\'><polygon fill=\'#333333\' points=\'2,0
7,7 12,0\'/></svg>\") right center no-repeat;\n background-size: 1.5em
0.5em;\n }\n}\n@media screen {\n /**\n * Normalise styling of
`optgroup`.\n */\n optgroup {\n font-style: normal;\n font-weight:
bold;\n color: #333333;\n }\n\n /**\n * 1. Remove default vertical
scrollbar in IE 8/9/10/11.\n * 2. Restrict to vertical resizing to
prevent layout breakage.\n */\n textarea {\n height: auto;\n
min-height: 3em;\n /* 1 */\n overflow: auto;\n /* 2 */\n
resize: vertical;\n width: 100%;\n }\n\n /**\n * Make sure disabled
elements really are disabled and styled appropriately.\n *\n * 1.
Override default iOS opacity setting.\n * 2. Re-set default cursor for
disabled elements.\n */\n button[disabled],\n input[disabled],\n
input[type=\"button\"][disabled],\n input[type=\"reset\"][disabled],\n
input[type=\"submit\"][disabled],\n select[disabled],\n select[disabled]
option,\n select[disabled] optgroup,\n textarea[disabled],\n
span.disabled {\n -webkit-box-shadow: none !important;\n box-shadow:
none !important;\n /* 1 */\n opacity: 1;\n border-color:
#e3e3e3 !important;\n color: #aaaaaa !important;\n background:
#eeeeee !important;\n text-shadow: none !important;\n /* 2 */\n
cursor: default !important;\n }\n\n /**\n * Width display options for
`input` fields. Height display options\n * for textareas.\n *\n *
Example HTML:\n *\n * <input class=\"small\">\n * <input
class=\"large\">\n */\n .small input {\n width: 25%;\n min-width:
151px;\n }\n .small textarea {\n height: 5.5em;\n }\n\n .large input
{\n width: 50%;\n min-width: 302px;\n }\n .large textarea {\n
height: 9.75em;\n }\n\n /* Buttons\n
==========================================================================
*/\n /**\n * 1. Address `overflow` set to `hidden` in IE 8/9/10/11.\n
* 2. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and
Opera.\n */\n button {\n /* 1 */\n overflow: visible;\n /* 2
*/\n text-transform: none;\n }\n\n /**\n * 1. Remove iOS Safari
default styling.\n * 2. Improve usability and consistency of cursor style
between image-type\n * `input` and others.\n */\n button,\n
input[type=\"button\"],\n input[type=\"reset\"],\n input[type=\"submit\"]
{\n text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);\n border-radius:
0.5em;\n -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255,
0.25);\n box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);\n
-moz-background-clip: padding;\n -webkit-background-clip: padding;\n
background-clip: padding-box;\n background-color: #dddddd;\n
background-image:
url(\'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==\');\n
background-size: 100%;\n background-image:
-webkit-linear-gradient(#eeeeee, #dddddd);\n background-image:
linear-gradient(#eeeeee, #dddddd);\n -webkit-transition: box-shadow 0.2s
linear;\n transition: box-shadow 0.2s linear;\n /* 1 */\n
-webkit-appearance: none;\n display: inline-block;\n border: 1px
solid #cccccc;\n padding: 0.3571428em 0.7142857em;\n width:
auto;\n height: 2.3571428em;\n font-weight: normal;\n text-align:
center;\n color: #333333;\n /* 2 */\n cursor: pointer;\n }\n
button:hover,\n input[type=\"button\"]:hover,\n
input[type=\"reset\"]:hover,\n input[type=\"submit\"]:hover {\n
background-color: #e8e8e8;\n background-image:
url(\'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==\');\n
background-size: 100%;\n background-image:
-webkit-linear-gradient(#f8f8f8, #e8e8e8);\n background-image:
linear-gradient(#f8f8f8, #e8e8e8);\n border-color: #aaaaaa;\n
text-decoration: none;\n }\n button:active,\n
input[type=\"button\"]:active,\n input[type=\"reset\"]:active,\n
input[type=\"submit\"]:active {\n -webkit-box-shadow: inset 0 0.2em
0.25em rgba(0, 0, 0, 0.15);\n box-shadow: inset 0 0.2em 0.25em rgba(0,
0, 0, 0.15);\n background-color: #e4e4e4;\n background-image:
url(\'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QzZDNkMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U0ZTRlNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==\');\n
background-size: 100%;\n background-image:
-webkit-linear-gradient(#d3d3d3, #e4e4e4);\n background-image:
linear-gradient(#d3d3d3, #e4e4e4);\n border-color: #aaaaaa;\n color:
#1a1a1a;\n }\n button:focus,\n input[type=\"button\"]:focus,\n
input[type=\"reset\"]:focus,\n input[type=\"submit\"]:focus {\n
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 0 4px 2px
#5b9dd9;\n box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 0 4px
2px #5b9dd9;\n outline: 0;\n }\n\n /* Comments\n
==========================================================================
*/\n /**\n * Styling for user comments.\n *\n * Example HTML:\n
*\n * <article class=\"comments\">\n */\n .comments {\n
border-radius: 0.5em;\n margin-bottom: 1em;\n padding: 1px 1em;\n
background: #f7f7f7;\n word-wrap: break-word;\n }\n .comments
h4 .is-author {\n font-weight: normal;\n }\n .comments
h4 .comment-anchor {\n float: right;\n font-weight: normal;\n }\n\n
/**\n * Additional styling for article author\'s comments.\n *\n *
Example HTML:\n *\n * <article class=\"comments comments-author\">\n
*/\n .comments-author {\n background: #efefef;\n }\n\n /**\n *
Styling for user comments preview.\n */\n #cpreview {\n
border-radius: 0.5em;\n margin-bottom: 2px;\n padding: 1em;\n
background: #fff9e1;\n }\n\n /**\n * Highlight background colour for
comment errors.\n */\n .comments_error {\n background:
#f2dede !important;\n }\n\n /**\n * Highlight text colour for comment
errors.\n */\n .error_message li {\n color: #9d261d;\n }\n\n
/**\n * Styling for \'required\' indicators.\n */\n .required {\n
color: #9d261d;\n cursor: help;\n }\n\n /* Popup comments (can be
removed if you don\'t use popups)\n
==========================================================================
*/\n /**\n * Restrict maximum width of popup container.\n */\n
#popup-page .container {\n max-width: 52em;\n }\n}\n/*
==========================================================================\n
Additional layout for screen media 576px and up\n
==========================================================================
*/\n@media only screen and (min-width: 36em) {\n /**\n * Desktop version
of the navigation menu. Overrides mobile first version.\n *\n * Example
HTML:\n *\n * <nav class=\"site-navigation\">\n * <ul>\n
* <li class=\"active\"><a></li>\n * <li><a></li>\n
* <li><a></li>\n * </ul>\n * </nav>\n
*/\n .site-navigation {\n border-top: 1px solid #cccccc;\n
}\n .site-navigation ul {\n width: 88%;\n }\n .site-navigation li
{\n float: left;\n border-top: 0;\n border-right: 1px solid
#cccccc;\n }\n .site-navigation li:first-child {\n border-left: 1px
solid #cccccc;\n }\n .site-navigation a {\n padding: 0.5em 1em;\n
}\n}\n/*
==========================================================================\n
Additional layout for screen media 864px and up\n
==========================================================================
*/\n@media only screen and (min-width: 50em) {\n /**\n * Enlarge
baseline text size.\n */\n html {\n font-size: 112.5%;\n }\n\n
/**\n * Two-column layout.\n *\n * 1. Sidebar moves from under
content to the right column and main column\n * is reduced in width to
allow this.\n * 2. Golden ratio at container maximum width.\n *\n *
Example HTML:\n *\n * <main role=\"main\">\n * <div
role=\"complementary\"></div>\n */\n main {\n /* 1 */\n float:
left;\n /* 2 */\n width: 54%;\n }\n\n [role=\"complementary\"]
{\n border-radius: 0.5em;\n /* 1 */\n float: right;\n margin:
2em 0;\n border: 1px solid #e3e3e3;\n padding: 0 1em;\n width:
30%;\n background: #f7f7f7;\n }\n}\n/*
==========================================================================\n
Styling and layout for print media\n
==========================================================================
*/\n@media print {\n /**\n * Remove unnecessary global styling from
printed media.\n *\n * 1. Black prints faster.\n */\n * {\n
-webkit-box-shadow: none !important;\n box-shadow: none !important;\n
/* 1 */\n color: black !important;\n text-shadow:
none !important;\n background: transparent !important;\n }\n\n /**\n
* Use a print-friendly font and size.\n */\n body {\n font-family:
\"Helvetica Neue\", sans-serif;\n font-size: 8pt;\n line-height:
1.5;\n margin: 0.5cm;\n padding: 2em 5em;\n }\n\n /**\n *
Visually separate header from body.\n */\n header {\n border-bottom:
solid 1pt black;\n }\n\n /**\n * Visually separate footer from
body.\n */\n footer {\n margin-top: 12pt;\n border-top: solid 1pt
black;\n }\n\n /**\n * Hide unnecessary content from print.\n */\n
nav,\n audio,\n video,\n form,\n [role=\"complementary\"],\n
#comments-form,\n .comments h4 a:last-child,\n .paginator {\n display:
none;\n }\n\n /**\n * Make sure links are not underlined.\n */\n a
{\n text-decoration: none;\n }\n\n /**\n * Show long-form for
abbreviations in print.\n */\n abbr[title]:after {\n content: \" (\"
attr(title) \")\";\n }\n\n /**\n * Harmonise size, style and vertical
margin of headings.\n */\n h1 {\n font-size: 32pt;\n line-height:
36pt;\n font-weight: normal;\n margin: 16pt 0;\n }\n\n h2 {\n
font-size: 24pt;\n line-height: 28pt;\n page-break-after: avoid;\n
orphans: 2;\n widows: 2;\n margin: 14pt 0;\n }\n\n h3 {\n
font-size: 18pt;\n line-height: 22pt;\n page-break-after: avoid;\n
orphans: 2;\n widows: 2;\n margin: 12pt 0;\n }\n\n h4 {\n
font-size: 14pt;\n line-height: 18pt;\n page-break-after: avoid;\n
orphans: 2;\n widows: 2;\n margin: 11pt 0;\n }\n\n h5 {\n
font-size: 12pt;\n line-height: 16pt;\n page-break-after: avoid;\n
orphans: 2;\n widows: 2;\n margin: 10pt 0;\n }\n\n h6 {\n
font-size: 10pt;\n line-height: 14pt;\n page-break-after: avoid;\n
orphans: 2;\n widows: 2;\n margin: 9pt 0;\n }\n\n /**\n * Prevent
widows (single final paragraph line on next page) and orphans (single\n *
first paragraph line on previous page).\n */\n p {\n orphans: 2;\n
widows: 2;\n }\n\n /**\n * Harmonise size and style of small text.\n
*/\n footer,\n figcaption,\n tfoot,\n small,\n .footnote {\n
font-size: 6pt;\n }\n\n /**\n * Simple blockquote styling.\n *\n *
1. Avoid blockquotes breaking across mutiple pages.\n */\n blockquote
{\n font-size: 16pt;\n border-left: 3pt solid black;\n padding: 0
0 0 8pt;\n /* 1 */\n page-break-inside: avoid;\n }\n\n /**\n *
Simple preformatted text styling.\n */\n pre {\n margin-bottom:
8pt;\n border: solid 1pt black;\n padding: 8pt;\n }\n\n /**\n *
Avoid user comments breaking across mutiple pages.\n */\n .comments
{\n page-break-inside: avoid;\n }\n\n /**\n * Use a print-friendly
monospaced font and size.\n */\n pre,\n code,\n kbd,\n samp,\n var
{\n font-family: \"Courier New\", Courier, monospace;\n }\n\n /**\n
* Italic definitons, quotes and definition terms.\n */\n dfn,\n q,\n
dt {\n font-style: italic;\n }\n\n /**\n * 1. Ensure images are
maximum possible width.\n * 2. Avoid images breaking across mutiple
pages.\n */\n img {\n /* 1 */\n max-width: 100% !important;\n
/* 2 */\n page-break-inside: avoid;\n }\n\n /**\n * Image alignment
(compatible with Textile markup syntax).\n *\n * Example HTML:\n
*\n * <img class=\"align-left\">\n * <img class=\"align-right\">\n *
<img class=\"align-center\">\n */\n img.align-left {\n float:
left;\n margin: 1em 1em 1em 0;\n }\n img.align-right {\n float:
right;\n margin: 1em 0 1em 1em;\n }\n img.align-center {\n display:
block;\n margin: 1em auto;\n }\n\n /**\n * Ensure margin below
`figure`.\n */\n figure {\n margin-bottom: 8pt;\n }\n\n /**\n *
Ensure margin above `figcaption`.\n */\n figcaption {\n margin-top:
4pt;\n }\n\n /**\n * Simple bullet styling for `ul` unordered
lists.\n */\n ul {\n list-style: square;\n padding: 0 0 8pt
1.8em;\n }\n\n /**\n * Simple numerical styling for `ol` ordered
lists.\n */\n ol {\n list-style: decimal;\n padding: 0 0 8pt
1.8em;\n }\n\n /**\n * Normalise margins on `dl` definition lists.\n
*/\n dl {\n padding: 0 0 8pt 1.8em;\n }\n\n /**\n * 1. Ensure
margin below `table`.\n * 2. Make `table` span entire page width.\n
*/\n table {\n /* 1 */\n margin-bottom: 8pt;\n /* 2 */\n
width: 100%;\n }\n\n /**\n * Harmonise styling for `caption`.\n */\n
caption {\n font-weight: bold;\n text-align: left;\n
margin-bottom: 4pt;\n }\n\n /**\n * Display table head across
multi-page tables.\n */\n thead {\n display: table-header-group;\n
}\n thead th {\n border-top: 1pt solid black;\n }\n\n /**\n * Avoid
table rows breaking across mutiple pages.\n */\n tr {\n
page-break-inside: avoid;\n }\n\n /**\n * Simple styling for table
cells.\n */\n th,\n td {\n border-bottom: solid 1pt black;\n
padding: 4pt 8pt;\n }\n}\n')";
$create_sql[] = "INSERT INTO `".PFX."txp_css`(`name`,`css`)
VALUES('ie8', '/*
==========================================================================\n
Desktop version layout for IE 8 due to lack of media queries support\n
==========================================================================
*/\n/**\n * Enlarge baseline text size.\n */\nhtml {\n font-size:
112.5%;\n}\n\n/**\n * Don\'t allow site to collapse smaller than large
breakpoint.\n */\nheader,\nfooter,\n.container,\n.site-navigation ul {\n
min-width: 50em;\n}\n\n/**\n * Desktop version of the navigation menu.
Overrides mobile first version.\n */\n.site-navigation {\n border-top: 1px
solid #cccccc;\n}\n.site-navigation ul {\n width:
88%;\n}\n.site-navigation li {\n float: left;\n border-top: 0;\n
border-right: 1px solid #cccccc;\n}\n.site-navigation li:first-child {\n
border-left: 1px solid #cccccc;\n}\n.site-navigation a {\n padding: 0.5em
1em;\n}\n\n/**\n * Two-column layout.\n *\n * 1. Sidebar moves from under
content to the right column and main column\n * is reduced in width to
allow this.\n * 2. Golden ratio at container maximum width.\n */\nmain {\n
/* 1 */\n float: left;\n /* 2 */\n width:
54%;\n}\n\n[role=\"complementary\"] {\n /* 1 */\n float: right;\n
margin: 2em 0;\n border: 1px solid #e3e3e3;\n padding: 0 1em;\n width:
30%;\n background: #f7f7f7;\n}\n\n/**\n * Fix for reponsive embedded
content in IE 8.\n */\nimg,\nvideo {\n width: auto;\n}\n')";
// /sql:txp_css