diff --git a/public_html/layout/denim_curve/README b/public_html/layout/denim_curve/README new file mode 100644 index 000000000..2a2debc72 --- /dev/null +++ b/public_html/layout/denim_curve/README @@ -0,0 +1,60 @@ + +// +---------------------------------------------------------------------------+ +// | Geeklog 2.1 | +// +---------------------------------------------------------------------------+ +// | Denim Geeklog Theme | +// +---------------------------------------------------------------------------+ +// | Copyright (C) 2012-2014 by the following authors: | +// | | +// | Authors: Yoshinori Tahara - taharaxp AT gmail DOT com | +// | | +// | Denim theme is based on prior work by: | +// | Authors: Fumito Arakawa - http://phize.net/ | +// | Tetsuko Konma - http://www.ivywe.co.jp/ | +// | Geeklog Japan - http://www.geeklog.jp/ | +// +---------------------------------------------------------------------------+ +// | | +// | This program is free software; you can redistribute it and/or | +// | modify it under the terms of the GNU General Public License | +// | as published by the Free Software Foundation; either version 2 | +// | of the License, or (at your option) any later version. | +// | | +// | This program is distributed in the hope that it will be useful, | +// | but WITHOUT ANY WARRANTY; without even the implied warranty of | +// | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the | +// | GNU General Public License for more details. | +// | | +// | You should have received a copy of the GNU General Public License | +// | along with this program; if not, write to the Free Software Foundation, | +// | Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. | +// | | +// +---------------------------------------------------------------------------+ + + +/*============================================================================== + Pofile +==============================================================================*/ + +Geeklog theme using HTML5 + CSS 3.0 and eliminate table tags. +This theme is adopted the Responsive Web Design. +This theme is mobile friendly. + + +/*============================================================================== + Basic Markup +==============================================================================*/ + +Basic markup is following: + +
+ + +
+
+
Main Content
+
+
Left Blocks
+
Right Blocks
+
+ +
diff --git a/public_html/layout/denim_curve/css_ltr/ie8.css b/public_html/layout/denim_curve/css_ltr/ie8.css new file mode 100644 index 000000000..ddc59e3a1 --- /dev/null +++ b/public_html/layout/denim_curve/css_ltr/ie8.css @@ -0,0 +1,64 @@ + +/*-------------------------------------- + Profile Notes +--------------------------------------*/ + +.profile_notes { + border: 1px solid #CCC; +} + +/*-------------------------------------- + System Message Block +--------------------------------------*/ + +/* Title */ +.block-message dt { + border: 1px solid #32567B; +} + +/* Message */ +.block-message dd { + font-weight: bold; + border-bottom: 1px solid #BEBEBE; + border-left: 1px solid #BEBEBE; + border-right: 1px solid #BEBEBE; +} + +/*-------------------------------------- + Story +--------------------------------------*/ + +.story_icon a { + display: inline-block; +} + +/*-------------------------------------- + Comment Block +--------------------------------------*/ + +#commentbar-selector { + width:75%; + text-align: right; /* rtl */ +} + +#commentbar-selector div { + display: inline; + width: 100%; +} + +/*-------------------------------------- + Admin Top Menu Style +--------------------------------------*/ + +#admin-topmenu { + border: 1px solid #DDD; +} + +/*-------------------------------------- + Admin Page +--------------------------------------*/ + +.search-part { + display: inline; + white-space: normal; +} diff --git a/public_html/layout/denim_curve/css_ltr/index.html b/public_html/layout/denim_curve/css_ltr/index.html new file mode 100644 index 000000000..e69de29bb diff --git a/public_html/layout/denim_curve/css_ltr/print.css b/public_html/layout/denim_curve/css_ltr/print.css new file mode 100644 index 000000000..01075b56f --- /dev/null +++ b/public_html/layout/denim_curve/css_ltr/print.css @@ -0,0 +1,194 @@ +/* STYLESHEET FOR PRINTOUTS */ + +body, div, +p, blockquote, pre, code, +dl, dt, dd, +fieldset, +form, legend { + margin: 0; + padding: 0; + text-align: left; /* rtl */ +} + +label { + text-align: left; /* rtl */ +} + +body { + background-color: #FFF; + border: none; + color: #000; + font-size: small; /* 10pt */ + font-family: verdana, arial, sans-serif; + font-weight: normal; + line-height: 1.3em; +} + +img { + border: none; + text-align: left; /* rtl */ +} + +a:link, a:visited, a:active { + color: #105CB6; + text-decoration: none; +} +a:hover { + color: #3388ff; + text-decoration: underline; +} + +p { + padding-bottom: 1em; +} + +ul { + margin: 0.5em 0 0.5em 2.5em; /* rtl */ + padding: 0; +} + +ol { + margin: 0.5em 0 0.5em 2.5em; /* rtl */ + padding-left: 0.5em; /* rtl */ +} + +li { + margin: 0.5em 0; + padding: 0; +} + +dl { + margin: 1em 0; +} + +dt { + margin: 0.5em 0; +} + +dd { + margin: 0.5em 0 0.5em 2.5em; /* rtl */ +} + +h1, h2, h3, h4 { + font-family: 'Trebuchet MS', sans-serif; +} +h1 { + font-size: 2em; + margin: 16px 0; +} +h2 { + font-size: 1.5em; + margin: 14px 0; + font-weight: normal; +} +h3 { + font-size: 1.2em; + margin: 14px 0; +} +h4 { + font-size: 1em; + margin: 15px 0; +} +h5 { + font-size: 0.8em; + margin: 16px 0; +} +h6 { + font-size: 0.7em; + margin: 18px 0; +} + +.hidden { + display: none; +} + +table { + font-family: verdana, arial, sans-serif; + text-align: left; /* rtl */ + border-collapse: collapse; + margin: 1em 0.5em; +} + +tr { + margin: 0; + padding: 0; + vertical-align: middle; +} + +th, +td { + margin: 0; + padding: 0.2em 0.6em; + vertical-align: middle; + line-height: 160%; + border: 1px solid #000; +} + +th { + text-align: left; /* rtl */ + font-weight: bold; + background: #F5F5F5; +} + +@media screen { + #wrapper { + margin: 100px; + } +} + +@media print { + #wrapper { + margin: 0px; + } +} + +#wrapper div#header { + width: 100%; +} + +#print div#header h2 { + font-size: 1.5em; + font-weight: bold; + line-height: 1.5em; + + padding: 5px 0px; + border-top: 1px solid #CCC; + border-bottom: 1px solid #CCC; +} + +@media print { + #print div#header h2 { + border-top: 1px solid #000; + border-bottom: 1px solid #000; + } +} + +#print div#header p { + font-size: 0.9em; + text-align: right; /* rtl */ + padding: 2px 0; +} + +#print div#story { + padding: 1em 0; +} + +#print div#story:after { + content: ""; + display: block; + clear: both; + height: 1px; + overflow: hidden; +} + +#print div#footer { + font-size: 0.85em; + padding: 5px 0px; + border-top: 1px solid #CCC; +} + +@media print { + #print div#footer { + border-top: 1px solid #000; + } +} diff --git a/public_html/layout/denim_curve/css_ltr/style.gradient.css b/public_html/layout/denim_curve/css_ltr/style.gradient.css new file mode 100644 index 000000000..067f1f888 --- /dev/null +++ b/public_html/layout/denim_curve/css_ltr/style.gradient.css @@ -0,0 +1,4892 @@ +/* Geeklog Denim Theme 1.1.0 | Copyright (C) 2012-2016 by dengen | http://www.trybese.com/~dengen/log/ | License:GPL-2.0+ */ +address { + font-style: normal; + font-weight: normal; +} + +q:before { + content: open-quote; +} + +q:after { + content: close-quote; +} + +cite, +em, +var, +dfn { + font-style: italic; +} + +code, +samp, +kbd { + font-family: monospace; +} + +abbr[title], +acronym[title] { + border-bottom: 1px dotted; +} + +a { + color: #2664A2; + outline: 0; +} + +a:hover { + color: #2664A2; + text-decoration: underline; +} + +dt { + font-weight: bold; + margin-left: 20px; +} + +dd { + margin-left: 20px; +} + +ins { + text-decoration: underline; +} + +del { + text-decoration: line-through; +} + +textarea { + font-size: 100%; + width: 75%; + min-height: 60px; +} + +hr { + height: 1px; + border: none; + border-top: 1px solid #CCC; + margin: .5em auto; +} + +sub { + vertical-align: sub; + font-size: .83em; + line-height: normal; +} + +sup { + vertical-align: super; + font-size: .83em; + line-height: normal; +} + +fieldset { + margin: 0 0 1em 0; + padding: 8px 12px; + border: 1px solid #CCC; + border-radius: 4px; +} + +legend { + padding: 2px 4px; +} + +iframe[width="100%"] { + width: 99%; +} + +em { + font-weight: bold; +} + +img { + border: none; + vertical-align: bottom; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + margin: 0 0 15px 0; +} + +* + h1, +* + h2, +* + h3, +* + h4, +* + h5, +* + h6 { + margin-top: 15px; +} + +h1 { + font-size: 22px; + line-height: 28px; +} + +h2 { + font-size: 20px; + line-height: 26px; +} + +h3 { + font-size: 18px; + line-height: 24px; +} + +h4 { + font-size: 16px; + line-height: 22px; +} + +h5 { + font-size: 14px; + line-height: 20px; +} + +h6 { + font-size: 12px; + line-height: 18px; +} + +table img { + vertical-align: middle; +} + +/* Forms */ +@media only screen and (max-width: 479px) { + + select { + max-width: 270px; + } +} + +select { + height: 28px; + line-height: 28px; +} + +select.multiple, +select[multiple="multiple"] { + height: auto; +} + +option { + padding-right: 4px /* for Firefox */; +} + +input[type="text"]:focus, +input[type="password"]:focus, +input[type="email"]:focus, +textarea:focus { + border: 1px solid #AAA; + color: #222; + -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); + box-shadow: 0 0 3px rgba(0,0,0,.2); +} + +input[type="submit"]::-moz-focus-inner, +input[type="button"]::-moz-focus-inner, +input[type="reset"]::-moz-focus-inner { + border: 0; + padding: 0; +} + +input[type="submit"], +input[type="button"], +input[type="reset"] { + /* 1 */ + -webkit-appearance: none; + /* 2 */ + margin: 0; + /* 3 */ + border: none; + /* 4 */ + overflow: visible; + /* 5 */ + font: inherit; + color: #444; + /* 6 */ + text-transform: none; + /* 7 */ + display: inline-block; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 0 12px; + background: #F7F7F7; + vertical-align: middle; + /* 8 */ + line-height: 28px; + /* 9 */ + min-height: 30px; + /* 10 */ + font-size: 1rem; + /* 11 */ + text-decoration: none; + text-align: center; + border: 1px solid rgba(0,0,0,.2); + border-bottom-color: rgba(0,0,0,.3); + -webkit-background-origin: border; + -moz-background-origin: border; + background-origin: border-box; + background-image: -webkit-linear-gradient(top, #FFF, #EEE); + background-image: -moz-linear-gradient(top, #FFF, #EEE); + background-image: -o-linear-gradient(top, #FFF, #EEE); + background-image: -ms-linear-gradient(top, #FFF, #EEE); + background-image: linear-gradient(to bottom, #FFF, #EEE); + border-radius: 4px; + text-shadow: 0 1px 0 #FFF; +} + +input[type="submit"]:not(:disabled), +input[type="button"]:not(:disabled), +input[type="reset"]:not(:disabled) { + cursor: pointer; +} + +input[type="submit"]:hover, +input[type="button"]:hover, +input[type="reset"]:hover, +input[type="submit"]:focus, +input[type="button"]:focus, +input[type="reset"]:focus { + background-color: #FAFAFA; + color: #444; + /* 2 */ + outline: none; + /* 3 */ + text-decoration: none; + background-image: none; +} + +input[type="submit"]:active, +input[type="button"]:active, +input[type="reset"]:active, +input[type="submit"].uk-active, +input[type="button"].uk-active, +input[type="reset"].uk-active { + background-color: #F5F5F5; + color: #444; + border-color: rgba(0,0,0,.2); + border-top-color: rgba(0,0,0,.3); + background-image: none; + -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.1); + box-shadow: inset 0 2px 4px rgba(0,0,0,.1); +} + +input[type="submit"]:disabled, +input[type="button"]:disabled, +input[type="reset"]:disabled { + background-color: #FAFAFA; + color: #999; + border-color: rgba(0,0,0,.2); + background-image: none; + -webkit-box-shadow: none; + box-shadow: none; + text-shadow: 0 1px 0 #FFF; +} + +.uk-button-group input[type="submit"], +.uk-button-group input[type="button"], +.uk-button-group input[type="reset"] { + vertical-align: top; +} + +.uk-button-group > div:not(:first-child):not(:last-child) input[type="submit"], +.uk-button-group > div:not(:first-child):not(:last-child) input[type="button"], +.uk-button-group > div:not(:first-child):not(:last-child) input[type="reset"] { + border-radius: 0; +} + +.uk-button-group > div:first-child input[type="submit"], +.uk-button-group > div:first-child input[type="button"], +.uk-button-group > div:first-child input[type="reset"] { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.uk-button-group > div:last-child input[type="submit"], +.uk-button-group > div:last-child input[type="button"], +.uk-button-group > div:last-child input[type="reset"] { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.uk-button-group > div:nth-child(n+2) input[type="submit"], +.uk-button-group > div:nth-child(n+2) input[type="button"], +.uk-button-group > div:nth-child(n+2) input[type="reset"] { + margin-left: -1px; +} + +.uk-contrast input[type="submit"], +.uk-contrast input[type="button"], +.uk-contrast input[type="reset"] { + color: #444; + background: #FFF; + border-color: transparent; +} + +.uk-contrast input[type="submit"]:hover, +.uk-contrast input[type="button"]:hover, +.uk-contrast input[type="reset"]:hover, +.uk-contrast input[type="submit"]:focus, +.uk-contrast input[type="button"]:focus, +.uk-contrast input[type="reset"]:focus { + background-color: rgba(255,255,255,.8); + color: #444; + border-color: transparent; +} + +.uk-contrast input[type="submit"]:active, +.uk-contrast input[type="button"]:active, +.uk-contrast input[type="reset"]:active, +.uk-contrast input[type="submit"].uk-active, +.uk-contrast input[type="button"].uk-active, +.uk-contrast input[type="reset"].uk-active { + background-color: rgba(255,255,255,.7); + color: #444; + -webkit-box-shadow: none; + box-shadow: none; +} + +/* Modify UIkit */ +.uk-form input, +.uk-form button, +.uk-form select, +.uk-form textarea { + margin: 0 1px 2px; +} + +.uk-form .uk-button-group input, +.uk-form .uk-button-group button, +.uk-form .uk-button-group select, +.uk-form .uk-button-group textarea { + margin: 0 0 2px; +} + +.uk-form input[type="checkbox"], +.uk-form input[type="radio"] { + margin-left: 3px; + margin-right: 3px; + vertical-align: middle; +} + +.uk-form > .admin-list-search { + margin-bottom: .5em; +} + +html { + background: -webkit-linear-gradient(top, #3465A4 0, #EEEEEC 390px); + background: -moz-linear-gradient(top, #3465A4 0, #EEEEEC 390px); + background: -o-linear-gradient(top, #3465A4 0, #EEEEEC 390px); + background: -ms-linear-gradient(top, #3465A4 0, #EEEEEC 390px); + background: linear-gradient(to bottom, #3465A4 0, #EEEEEC 390px); +} + +/*-------------------------------------- + professional Compatible Style +--------------------------------------*/ + +/* Menus in blocks */ +.blocklist ul { + list-style: none; + padding: 0; + margin: 0; +} + +/* general alignment classes */ +.alignleft { + text-align: left; +} + +.alignright { + text-align: right; +} + +.aligncenter { + text-align: center; +} + +.aligntop { + vertical-align: top; +} + +.floatright { + float: right; +} + +.floatleft { + float: left; +} + +.clearboth { + clear: both; +} + +/* clear floats by applying the clearfix class to float-encasing block! */ +.clearfix:after { + content: "."; + display: block; + height: 1px; + clear: both; + overflow: hidden; + visibility: hidden; +} + +/* general formatting classes */ +.b { + font-weight: bold; +} + +.ext-link { + background-color: transparent; + background: url("../images/external.png") center right no-repeat; + background-attachment: scroll; + padding-right: 13px; +} + +.feed-link { + background-color: transparent; + background: url("../images/feed.png") center right no-repeat; + background-attachment: scroll; + padding: 2px 16px 2px 0; +} + +.strike { + text-decoration: line-through; +} + +.url, +.break-word { + white-space: pre-wrap; + word-wrap: break-word; + word-break: break-all; + overflow: auto; +} + +.fieldhelp { + font-size: .85em; + color: #666; + padding-left: .8em; + padding-right: .8em; +} + +/* Forms */ +.form-description { + /* used with calendar plugin */ + font-weight: bold; + float: left; + width: 100px; + text-align: right; + padding-right: 5px; + display: block; +} + +.form-field { + /* used with calendar plugin */ + padding-bottom: 5px; + margin-left: 105px; +} + +.checkboxes-list { + /* this is used for example by COM_checkList */ + list-style: none; + padding: 0; + margin: 0; +} + +.checkboxes-list span { + /* space between the text and the checkbox */ + padding-left: 5px; +} + +.checkboxes-list .gldefault { + /* default blocks in the user settings block list */ + font-weight: bold; +} + +.highlight { + color: #000; + background-color: #FF0; + text-decoration: none; +} + +.inputTable td { + padding: 4px; + vertical-align: top; +} + +.inputTable label { + font-weight: bold; + float: right; + white-space: nowrap; +} + +.nowrap { + white-space: nowrap; +} + +.pagenav { + text-align: center; + line-height: 1.5; +} + +.row_center td { + text-align: center; +} + +.searchresult-byline { + color: #008000; +} + +.sysmessage { + margin: 0; +} + +.sysmessage a { + text-decoration: underline; +} + +.sysmessage img { + border: none; + float: left; + padding: 0 8px 8px 0; +} + +/* Stats */ +.stats-list-count { + text-align: right; + padding-left: 5px; + padding-right: 5px; +} + +.stats-header-title { + text-align: left; + width: 90%; + padding-left: 5px; + padding-right: 5px; +} + +.stats-header-count { + text-align: left; + width: 10%; + padding-left: 5px; + padding-right: 5px; +} + +#token-expirynotice { + padding: 1em; + border: 1px solid #CCC; + background: #F7F7F7; +} + +#token-expirytime { + font-weight: bold; +} + +.warning { + background: transparent; + color: #D14; + font-weight: bold; +} + +.warningsmall { + background: transparent; + color: #D14; +} + +/* Default Plugin CSS Declarations */ +/* Recommended CSS to be used by Plugin Authors - allows easier site themeing */ +.plugin { + color: #000; + background-color: #EFEFEF; + font-weight: normal; + border: 1px solid #CCC; +} + +.plugin th { + color: #000; + background-color: #B7C1DC; + padding: 5px; + text-align: left; +} + +.plugin tr { + vertical-align: top; +} + +.plugin td { + padding: 2px 5px; +} + +.pluginBG { + color: #FEFEFE; + background-color: #7398BA; +} + +.pluginAltBG { + background-color: #7398BA; +} + +.pluginAltBG td { + color: #FFF; +} + +.pluginCellTitle { + color: #666; + font-weight: bold; + background-color: #E6E6E6; + padding: 5px; +} + +.pluginCellFill { + background-color: #F8FAFD; +} + +.pluginCellText { + color: #636363; + font-weight: normal; +} + +.pluginHeader { + color: #204275; + font-weight: bolder; + padding-top: 3px; + padding-bottom: 3px; +} + +.pluginFooter, +.pluginFooter td { + background-color: #507AA1; + color: #FFF; +} + +.pluginAlert { + padding: 5px 15px; + color: #D8010E; + background-color: #FEF1B4; + font-weight: bold; + margin-bottom: 1em; +} + +.pluginInfo { + padding: 5px 15px; + color: #707070; + background-color: #FEF1B4; + font-weight: normal; +} + +.pluginSubTable { + color: #000; + background-color: #CCC; + font-weight: normal; + border: 1px solid #CCC; +} + +.pluginSubTable th { + color: #000; + background-color: #C9D1E4; + padding: 5px; + text-align: left; +} + +.pluginSubTable tr { + vertical-align: top; +} + +.pluginSolidOutline { + background-color: #CCC; +} + +.pluginSolidFill { + background-color: #1A3955; +} + +.pluginTitle { + background-color: #507AA1; + color: #F5F9FF; + padding: 4px 6px; +} + +.pluginCellSubTitle { + background-color: #F7F7F7; + color: #000; + padding: 4px 6px; +} + +.pluginTinyText { + font-size: .7em; +} + +.pluginSmallText { + font-size: .8em; +} + +.pluginMediumText { + font-size: 1em; +} + +.pluginLargeText { + font-size: 1.25em; +} + +.pluginAltText { + color: #FFF; +} + +.pluginRow1, +.pluginRow1 td { + color: #222; + background-color: #F7F7F7; + line-height: 120%; +} + +.pluginRow2, +.pluginRow2 td { + color: #222; + background-color: #E7E7E7; + line-height: 120%; +} + +.pluginRow1 .pluginRollOver, +.pluginRow2 .pluginRollOver, +.pluginRollOver { + color: #222; + background-color: #FFFF8F; + line-height: 120%; +} + +.pluginRow1 .pluginRollOut, +.pluginRow2 .pluginRollOut, +.pluginRollOut { + color: #222; + background-color: #F7F7F7; + line-height: 120%; +} + +.pluginLinks a:link { + color: #000; + font-style: normal; + font-weight: normal; + text-decoration: none; +} + +.pluginLinks a:visited { + color: #000; + font-style: normal; + font-weight: normal; + text-decoration: none; +} + +.pluginLinks a:hover { + color: #000; + font-style: normal; + font-weight: normal; + text-decoration: underline; +} + +.pluginBreadCrumbs, +.pluginBreadCrumbs a:link { + color: #FFF; + font-style: normal; + font-weight: normal; + text-decoration: none; +} + +.pluginBreadCrumbs a:visited { + color: #FFF; + font-style: normal; + font-weight: normal; + text-decoration: none; +} + +.pluginBreadCrumbs a:hover { + color: #FFF; + font-style: normal; + font-weight: normal; + text-decoration: none; +} + +a.pluginButton:link, +a.pluginButton:visited { + color: #000; + text-align: center; + padding-top: 2px; + display: block; + height: 19px; + text-decoration: none; + background-color: transparent; +} + +a.pluginButton:hover { + color: #00F; + text-align: center; + padding-top: 2px; + background: center url("../images/navbar/button_over.gif"); + background-repeat: repeat-x; + display: block; + height: 19px; + text-decoration: none; + background-color: transparent; +} + +/*-------------------------------------- + Basic Form +--------------------------------------*/ + +.form_block { + margin: 0; + padding: 0; +} + +.form_block:after { + content: ""; + display: block; + clear: both; + height: 1px; + overflow: hidden; +} + +fieldset.form_block { + margin: 15px 0; +} + +/* Message */ +.form_message { + margin: 0 0 1em 0; + padding: 0; +} + +.noborder_fieldset { + margin: 0; + border: none; +} + +.hidden_legend { + display: none; +} + +/* Basic editor */ +.user_basic { + padding: .5em 2em; +} + +@media only screen and (max-width: 962px) { + + .user_basic { + padding: .5em 0; + } +} + +.wide { + width: 98%; + resize: vertical; +} + +.separator { + display: none; +} + +.speech { + overflow: hidden; + position: absolute; + left: -999px; + width: 0; + height: 0; +} + +#save_button { + padding-bottom: 1em; +} + +.loose { + display: inline; +} + +@media only screen and (max-width: 767px) { + + .loose { + display: block; + } +} + +/* Style for legacy table layout */ +.layout, +.layout tr, +.layout td { + margin: 0; + padding: 0; + border: none; + background: none; +} + +.size1 { + width: 60px; +} + +.size2 { + width: 120px; +} + +.size3 { + width: 180px; +} + +.size4 { + width: 240px; +} + +.size5 { + width: 300px; +} + +.size6 { + width: 360px; +} + +.size7 { + width: 420px; +} + +.size8 { + width: 480px; +} + +.size9 { + width: 540px; +} + +.size10 { + width: 600px; +} + +@media only screen and (min-width: 768px) and (max-width: 962px) { + + .size6 { + width: 75%; + } + + .size7 { + width: 80%; + } + + .size8 { + width: 85%; + } + + .size9 { + width: 90%; + } + + .size10 { + width: 95%; + } +} + +/* All Mobile Sizes (devices and browser) */ +@media only screen and (max-width: 767px) { + + .size1, + .size2, + .size3, + .size4, + .size5, + .size6, + .size7, + .size8, + .size9, + .size10, + .wide { + width: 100%; + } +} + +/*-------------------------------------- + 2 Culumn Form +--------------------------------------*/ + +.compact dt { + float: left; + clear: left; + width: 24%; + margin: 5px 0 1em 0; + padding: 0 1% 0 0; + font-weight: normal; +} + +.compact dd { + float: left; + width: 75%; + margin: 0 0 1em 0; + padding: 0; +} + +/* Description */ +.compact dd.description { + margin: -.5em 0 1em 25%; + padding: 0; +} + +.compact p.description { + margin: 0 0 1em 0; + padding: 0; +} + +.compact .controls_text { + margin-top: 5px; +} + +@media only screen and (max-width: 962px) { + + .compact dt { + float: none; + width: auto; + margin: 0; + padding: 0; + font-weight: bold; + } + + .compact dd { + float: none; + width: auto; + margin: 0 0 .5em 0; + padding: 0; + } + + /* Description */ + .compact dd.description { + margin: -.5em 0 1em 0; + padding: 0; + } + + .compact p.description { + margin: 0 0 1em 0; + padding: 0; + } + + .compact .controls_text { + margin-top: 0; + } +} + +/*-------------------------------------- + 1 Column Form +--------------------------------------*/ + +.linear dt { + margin: 0; + padding: 0; + font-weight: bold; +} + +.linear dd { + margin: 0 0 .5em 0; + padding: 0; +} + +/* Description */ +.linear dd.description { + margin: -.5em 0 1em 0; + padding: 0; +} + +.linear p.description { + margin: 0 0 1em 0; + padding: 0; +} + +/*-------------------------------------- + Profile Notes +--------------------------------------*/ + +.profile_notes { + font-size: 13px; + margin: 0 0 15px; +} + +.profile_notes > .uk-panel-title { + font-size: 16px; + margin-bottom: 10px; +} + +.profile_notes ul { + list-style-position: inside; + margin: 0; + padding: 0; +} + +.profile_notes li { + margin: 0 0 0 5px; + padding: 0; +} + +/*-------------------------------------- + List Compact +--------------------------------------*/ + +ul.compact { + margin: 0; + padding: 0; +} + +ul.compact li { + display: inline; + margin: 0; + padding: 0; +} + +/* 3 Columns left-center-right */ +/*============================================================================== + Layout Pattern: + * 3 Column ( Left Block * Center Block * Right Block )...left-center-right + * 2 Column ( Left Block * Center Block ) ...left-center + * 2 Column ( Center Block * Right Block ) ...center-right + * 1 Column ( Center Block ) ...center + + Block Width: + * Container Width = 100% + * Header Width = 100% + * Site Width [W] = 1140px + * Left Block Width [L] = 180px = 160px + left padding 10px + right padding 10px + * Right Block Width [R] = 280px = 260px + left padding 10px + right padding 10px + * Center Block Width(3 Column) = [W] - [L] - [R] = 680px = 1140px - 180px - 280px + * Center Block Width(2 Column) = [W] - [L] = 960px = 1140px - 180px + * Center Block Width(2 Column) = [W] - [R] = 860px = 1140px - 280px + * Center Block Width(1 Column) = [W] = 1140px + + 800-660=140 + 1280-140=1140 + 1100-140=960 + 1000-140=860 +==============================================================================*/ + +#container { + position: relative; + width: 1114px; + margin: 0 auto; +} + +/*-------------------------------------- + Header Container +--------------------------------------*/ + +#header { + width: 1112px; + margin: 0 auto; + height: 80px; +} + +#header:before { + width: 1112px; +} + +#header-content { + width: 1112px; + margin: 0 auto; + padding: 0; +} + +/*-------------------------------------- + Global Navigation Container +--------------------------------------*/ + +#navigation { + width: 1114px; + margin: 0 auto; + width: 1094px; +} + +#navigation:after { + content: ""; + display: block; + clear: both; + height: 1px; + overflow: hidden; + margin-bottom: -1px; +} + +.navigation_content { + width: 1114px; + margin: 0 auto; +} + +/*-------------------------------------- + Wrapper + Include contents Block level elements + (#leftblocks, #centerblocks, #rightblocks) +--------------------------------------*/ + +#wrapper { + width: 1114px; + margin: 0 auto; +} + +#wrapper:after { + content: ""; + display: block; + clear: both; + height: 1px; + overflow: hidden; +} + +/*-------------------------------------- + Left Block Container + display if Left Block is appeared. +--------------------------------------*/ + +#leftblocks, +body.js_off #leftblocks { + overflow: visible; + float: left; + width: 230px; + /* Left Margin = -[W] */ + margin: 0 0 0 -1114px; + padding: 0; +} + +/*-------------------------------------- + Center Block Container +--------------------------------------*/ + +#centerblocks { + overflow: visible; + float: left; + width: 100%; +} + +/* 3 Column ( left-center-right ) */ +body.left-center-right #main-content, +body.js_off #main-content { + /* Main Content Width = [W] - [L] - [R] - Right Padding 10px - Left Padding 10px */ + width: 634px; + /* Right Margin = [R] , Left Margin = [L] */ + margin: 0 230px 0 230px; + padding: 0 10px; +} + +/* 2 Column ( left-center ) */ +body.left-center #main-content { + /* Main Content Width = [W] - [L] - Right Padding 10px - Left Padding 10px */ + width: 864px; + /* Left Margin = [L] */ + margin: 0 0 0 230px; + padding: 0 10px; +} + +/* 2 Column ( center-right ) */ +body.center-right #main-content { + /* Main Content Width = [W] - [R] - Right Padding 10px - Left Padding 10px */ + width: 864px; + /* Right Margin = [R] */ + margin: 0 230px 0 0; + padding: 0 10px; +} + +/* 1 Column ( center ) */ +body.center #main-content { + width: 100%; +} + +/*-------------------------------------- + Right Block Container + display if Right Block is appeared. +--------------------------------------*/ + +#rightblocks, +body.js_off #rightblocks { + overflow: visible; + float: left; + width: 230px; + /* Right Margin = -[R] */ + margin: 0 0 0 -230px; +} + +/*-------------------------------------- + Footer Container +--------------------------------------*/ + +#footer { + clear: left; + width: 1114px; + margin: 0 auto; + padding: 16px 0; +} + +#footer-content { + width: 1114px; + margin: 0 auto; +} + +/*-------------------------------------- + Admin Configuration Container +--------------------------------------*/ + +#config_menu { + float: left; + width: 280px; + padding: 0 10px; +} + +body.center-right #config_menu { + width: 200px; +} + +#config_content { + float: left; + width: 794px; + padding: 10px; +} + +body.center-right #config_content { + width: 600px; +} + +@media only screen and (min-width: 963px) and (max-width: 1199px) { + + /* 2 Columns center-right */ + /*============================================================================== + Layout Pattern: + * 3 Column ( Left Block * Center Block * Right Block )...left-center-right + * 2 Column ( Left Block * Center Block ) ...left-center + * 2 Column ( Center Block * Right Block ) ...center-right + * 1 Column ( Center Block ) ...center + + Block Width: + * Container Width = 100% + * Site Width[W] = 960px + * Left Block Width[L] = 280px + * Right Block Width[R] = 280px + * Center Block Width( 3 Column ) = [W] - [L] - [R] = 600px = 580px + left padding 10px + right padding 10px + * Center Block Width( 2 Column ) = [W] - [L] = 780px = 760px + left padding 10px + right padding 10px + * Center Block Width( 2 Column ) = [W] - [R] = 780px = 760px + left padding 10px + right padding 10px + * Center Block Width( 1 Column ) = [W] = 960px + ==============================================================================*/ + + #container { + position: relative; + width: 934px; + margin: 0 auto; + } + + /*-------------------------------------- + Header Container + --------------------------------------*/ + + #header { + width: 932px; + margin: 0 auto; + height: 80px; + } + + #header:before { + width: 932px; + } + + #header-content { + width: 932px; + margin: 0 auto; + padding: 0; + } + + /*-------------------------------------- + Global Navigation Container + --------------------------------------*/ + + #navigation { + width: 934px; + margin: 0 auto; + width: 932px; + } + + #navigation:after { + content: ""; + display: block; + clear: both; + height: 1px; + overflow: hidden; + margin-bottom: -1px; + } + + .navigation_content { + width: 934px; + margin: 0 auto; + width: 932px; + } + + /*-------------------------------------- + Wrapper + Include contents Block level elements + (#leftblocks, #centerblocks, #rightblocks) + --------------------------------------*/ + + #wrapper { + width: 934px; + margin: 0 auto; + } + + #wrapper:after { + content: ""; + display: block; + clear: both; + height: 1px; + overflow: hidden; + } + + /*-------------------------------------- + Left Block Container + display if Left Block is appeared. + --------------------------------------*/ + + #leftblocks, + body.js_off #leftblocks { + overflow: visible; + float: right; + width: 230px; + margin: 0; + padding: 0; + } + + /*-------------------------------------- + Center Block Container + --------------------------------------*/ + + #centerblocks { + overflow: visible; + float: none; + width: auto; + } + + body.js_off #centerblocks { + width: 100%; + margin: 0; + padding: 0; + } + + /* 3 Column ( left-center-right ) */ + body.left-center-right #main-content, + body.js_off #main-content { + float: left; + /* Center Block Width = [W] - [R] - Right Padding - Left Padding - Right Border - Light Border */ + width: 684px; + margin: 0; + padding: 0 10px; + } + + /* 2 Column ( left-center ) */ + body.left-center #main-content { + float: left; + /* Center Block Width = [W] - [R] - Right Padding - Left Padding - Right Border - Light Border */ + width: 684px; + margin: 0; + padding: 0 10px; + } + + /* 2 Column ( center-right ) */ + body.center-right #main-content { + float: left; + /* Center Block Width = [W] - [R] - Right Padding - Left Padding - Right Border - Light Border */ + width: 684px; + margin: 0; + padding: 0 10px; + } + + /* 1 Column ( center ) */ + body.center #main-content { + width: 100%; + } + + /*-------------------------------------- + Right Block Container + display if Right Block is appeared. + --------------------------------------*/ + + #rightblocks, + body.js_off #rightblocks { + overflow: visible; + clear: right; + float: right; + width: 230px; + margin: 0; + } + + /*-------------------------------------- + Footer Container + --------------------------------------*/ + + #footer { + clear: left; + width: 934px; + margin: 0 auto; + padding: 16px 0; + } + + #footer-content { + width: 934px; + margin: 0 auto; + } + + /*-------------------------------------- + Admin Configuration Container + --------------------------------------*/ + + #config_menu { + float: left; + width: 210px; + padding: 0 10px; + } + + body.center-right #config_menu { + width: 200px; + } + + #config_content { + float: left; + width: 684px; + padding: 10px; + } + + body.center-right #config_content { + width: 600px; + } +} + +/* Smaller than standard 1280 (devices and browsers) */ +@media only screen and (min-width: 768px) and (max-width: 962px) { + + /* 2 Columns center-right */ + /*============================================================================== + Layout Pattern: + * 3 Column ( Left Block * Center Block * Right Block )...left-center-right + * 2 Column ( Left Block * Center Block ) ...left-center + * 2 Column ( Center Block * Right Block ) ...center-right + * 1 Column ( Center Block ) ...center + + Block Width: + * Container Width = 100% + * Site Width[W] = auto + * Left Block Width[L] = 280px + * Right Block Width[R] = 280px + * Center Block Width( 3 Column ) = [W] - [L] - [R] = auto + left padding 10px + right padding 10px + * Center Block Width( 2 Column ) = [W] - [L] = auto + left padding 10px + right padding 10px + * Center Block Width( 2 Column ) = [W] - [R] = auto + left padding 10px + right padding 10px + * Center Block Width( 1 Column ) = [W] = auto + ==============================================================================*/ + + #container { + position: relative; + width: auto; + margin: 0 auto; + } + + /*-------------------------------------- + Header Container + --------------------------------------*/ + + #header { + width: auto; + margin: 0 auto; + height: 80px; + } + + #header:before { + width: auto; + } + + #header-content { + width: auto; + margin: 0 auto; + padding: 0; + } + + /*-------------------------------------- + Global Navigation Container + --------------------------------------*/ + + #navigation { + width: auto; + margin: 0 auto; + } + + #navigation:after { + content: ""; + display: block; + clear: both; + height: 1px; + overflow: hidden; + margin-bottom: -1px; + } + + .navigation_content { + width: auto; + margin: 0 auto; + } + + /*-------------------------------------- + Wrapper + Include contents Block level elements + (#leftblocks, #centerblocks, #rightblocks) + --------------------------------------*/ + + #wrapper { + width: auto; + margin: 0 auto; + } + + #wrapper:after { + content: ""; + display: block; + clear: both; + height: 1px; + overflow: hidden; + } + + /*-------------------------------------- + Left Block Container + display if Left Block is appeared. + --------------------------------------*/ + + #leftblocks, + body.js_off #leftblocks { + overflow: visible; + float: right; + width: 230px; + margin: 0; + padding: 0; + } + + /*-------------------------------------- + Center Block Container + --------------------------------------*/ + + #centerblocks { + overflow: visible; + float: left; + width: 100%; + margin-left: -230px /* -[R] */; + } + + body.js_off #centerblocks { + width: 100%; + margin: 0; + padding: 0; + } + + /* 3 Column ( left-center-right ) */ + body.left-center-right #main-content, + body.js_off #main-content { + float: none; + width: auto; + margin: 0; + margin-left: 230px; + padding: 0 10px; + } + + /* 2 Column ( left-center ) */ + body.left-center #main-content { + float: none; + width: auto; + margin: 0; + margin-left: 230px; + padding: 0 10px; + } + + /* 2 Column ( center-right ) */ + body.center-right #main-content { + float: none; + width: auto; + margin: 0; + margin-left: 230px; + padding: 0 10px; + } + + /* 1 Column ( center ) */ + body.center #main-content { + width: 100%; + } + + body.center #centerblocks { + float: left; + width: auto; + padding: 0 10px; + margin: 0; + } + + /*-------------------------------------- + Right Block Container + display if Right Block is appeared. + --------------------------------------*/ + + #rightblocks, + body.js_off #rightblocks { + overflow: visible; + clear: right; + float: right; + width: 230px; + margin: 0; + } + + /*-------------------------------------- + Footer Container + --------------------------------------*/ + + #footer { + clear: left; + width: auto; + margin: 0 auto; + padding: 16px 0; + } + + #footer-content { + width: auto; + margin: 0 auto; + } +} + +/* All Mobile Sizes (devices and browser) */ +@media only screen and (max-width: 767px) { + + /* 1 Columns */ + /*============================================================================== + Layout Pattern: + * 3 Column ( Left Block * Center Block * Right Block )...left-center-right + * 2 Column ( Left Block * Center Block ) ...left-center + * 2 Column ( Center Block * Right Block ) ...center-right + * 1 Column ( Center Block ) ...center + + Block Width: + * Container Width = 100% + * Site Width[W] = auto + * Left Block Width[L] = 280px + * Right Block Width[R] = 280px + * Center Block Width( 3 Column ) = [W] - [L] - [R] = auto + left padding 10px + right padding 10px + * Center Block Width( 2 Column ) = [W] - [L] = auto + left padding 10px + right padding 10px + * Center Block Width( 2 Column ) = [W] - [R] = auto + left padding 10px + right padding 10px + * Center Block Width( 1 Column ) = [W] = auto + ==============================================================================*/ + + /*-------------------------------------- + Container + Include All Block Level Element + (#header, #navigation, #wrapper, #footer) + --------------------------------------*/ + + #container { + position: relative; + width: auto; + margin: 0 auto; + } + + /*-------------------------------------- + Header Container + --------------------------------------*/ + + #header { + width: auto; + margin: 0 auto; + height: 80px; + } + + #header:before { + width: auto; + } + + #header-content { + width: auto; + margin: 0 auto; + height: 100%; + padding: 0; + } + + /*-------------------------------------- + Global Navigation Container + --------------------------------------*/ + + #navigation { + width: auto; + margin: 0 auto; + } + + #navigation:after { + content: ""; + display: block; + clear: both; + height: 1px; + overflow: hidden; + margin-bottom: -1px; + } + + .navigation_content { + width: auto; + margin: 0 auto; + padding: 5px 0; + } + + /*-------------------------------------- + Wrapper + Include contents Block level elements + (#leftblocks, #centerblocks, #rightblocks) + --------------------------------------*/ + + #wrapper { + width: auto; + margin: 0 auto; + } + + #wrapper:after { + content: ""; + display: block; + clear: both; + height: 1px; + overflow: hidden; + } + + /*-------------------------------------- + Left Block Container + display if Left Block is appeared. + --------------------------------------*/ + + #leftblocks, + body.js_off #leftblocks { + overflow: visible; + clear: both; + float: left; + width: 100%; + margin: 0; + padding: 0; + } + + /*-------------------------------------- + Center Block Container + --------------------------------------*/ + + #centerblocks { + overflow: visible; + float: none; + width: auto; + margin: 0; + padding: 0 10px; + } + + body.js_off #centerblocks { + float: none; + width: auto; + margin: 0; + padding: 0 10px; + } + + /* 3 Column ( left-center-right ) */ + body.left-center-right #main-content, + body.js_off #main-content { + float: none; + width: 100%; + margin: 0; + padding: 10px 0 0 0; + } + + /* 2 Column ( left-center ) */ + body.left-center #main-content { + float: none; + width: 100%; + margin: 0; + padding: 10px 0 0 0; + } + + /* 2 Column ( center-right ) */ + body.center-right #main-content { + float: none; + width: 100%; + margin: 0; + padding: 10px 0 0 0; + } + + /* 1 Column ( center ) */ + body.center #main-content { + width: 100%; + padding-top: 10px; + } + + body.center #centerblocks { + float: left; + width: auto; + margin: 0; + padding: 0 10px; + } + + /*-------------------------------------- + Right Block Container + display if Right Block is appeared. + --------------------------------------*/ + + #rightblocks, + body.js_off #rightblocks { + overflow: visible; + clear: both; + float: left; + width: 100%; + margin: 0; + padding: 0; + } + + /*-------------------------------------- + Footer Container + --------------------------------------*/ + + #footer { + clear: left; + width: auto; + margin-top: -1px; + padding: 16px; + } + + #footer-content { + width: auto; + margin: 0 auto; + } +} + +/*-------------------------------------- + Container +--------------------------------------*/ + +#container { + background-color: #FFF; + margin-top: 12px; + margin-bottom: 12px; + padding: 12px; + border: 1px solid #555; + border-radius: 20px; + -webkit-box-shadow: 0 0 8px 1px #333; + box-shadow: 0 0 8px 1px #333; +} + +@media only screen and (max-width: 767px) { + + #container { + margin-top: 0; + margin-bottom: 0; + padding: 0; + border: none; + border-radius: 0; + -webkit-box-shadow: none; + box-shadow: none; + } +} + +#wrapper { + /* Adjust floating element */ + overflow: visible; + background-color: #FFF; + padding: 30px 0; +} + +@media only screen and (max-width: 767px) { + + #wrapper { + padding: 0; + border: none; + } +} + +/*-------------------------------------- + Header Content +--------------------------------------*/ + +#header.brand-text { + padding: 0; + border: 1 solid #000; + background-color: #426F9C; + height: 120px; + border: 1px solid #656663; + background: transparent url("../images/css/bg_header.png") repeat-x 0 0; + border-radius: 8px; + -webkit-box-shadow: 0 0 2px 1px #888; + box-shadow: 0 0 2px 1px #888; +} + +@media only screen and (max-width: 767px) { + + #header.brand-text { + padding: 0; + border: none; + } +} + +@media only screen and (max-width: 767px) { + + #header.brand-text { + border: none; + border-radius: 0; + -webkit-box-shadow: none; + box-shadow: none; + height: 80px; + margin-top: 0; + } +} + +/* Site Name */ +.brand-text .site_name { + position: relative; + float: left; + font-size: 30px; + font-weight: bold; + text-shadow: 0 2px 2px rgba(0,0,0,.5); + line-height: 36px; + margin: 42px 0 0 20px; + padding: 0; +} + +.brand-text .site_name a:link, +.brand-text .site_name a:visited, +.brand-text .site_name a:hover { + color: #EEE; + text-decoration: none; +} + +@media only screen and (max-width: 767px) { + + .brand-text .site_name { + float: none; + font-size: 1.6em; + height: 50px; + line-height: 50px; + margin: 0 auto; + text-align: center; + } +} + +/* Slogan */ +.brand-text .site_slogan { + position: relative; + margin: 0; + padding: 16px 16px 0 16px; + float: right; + color: #FFF; + text-align: right; + text-shadow: 0 1px 1px rgba(0,0,0,.3); +} + +@media only screen and (max-width: 767px) { + + .brand-text .site_slogan { + font-size: 75%; + float: none; + margin: 0 auto; + padding: 0; + text-align: center; + line-height: 1.2em; + } +} + +@media only screen and (max-width: 767px) { + + .brand-text .nameplate { + float: none; + height: 100%; + margin: 0 auto; + max-width: 230px; + text-align: center; + } +} + +#header.brand-image { + padding: 0; + border: 1 solid #000; + background-color: #426F9C; + height: 120px; + border: 1px solid #656663; + background: transparent url("../images/css/bg_header.png") repeat-x 0 0; + border-radius: 8px; + -webkit-box-shadow: 0 0 2px 1px #888; + box-shadow: 0 0 2px 1px #888; +} + +@media only screen and (max-width: 767px) { + + #header.brand-image { + padding: 0; + border: none; + } +} + +@media only screen and (max-width: 767px) { + + #header.brand-image { + border: none; + border-radius: 0; + -webkit-box-shadow: none; + box-shadow: none; + height: 80px; + margin-top: 0; + } +} + +/* Site Name */ +.brand-image .site_name { + position: relative; + margin: 20px 0 0 16px; + padding: 0; + float: left; + width: 226px; + height: 80px; +} + +.brand-image .site_name a { + background: url("../images/logo2.png") 0 0 no-repeat; + text-indent: -3000px; + display: block; + width: 100%; + height: 100%; +} + +@media only screen and (max-width: 767px) { + + .brand-image .site_name { + margin: 0 auto; + padding: 10px 0; + float: none; + width: 98.875px; + height: 35px; + } + + .brand-image .site_name a { + -webkit-background-size: 98.875px auto; + -moz-background-size: 98.875px auto; + background-size: 98.875px auto; + } +} + +/* Slogan */ +.brand-image .site_slogan { + position: relative; + margin: 0; + padding: 16px 16px 0 16px; + float: right; + color: #FFF; + text-align: right; + text-shadow: 0 1px 1px rgba(0,0,0,.3); +} + +@media only screen and (max-width: 767px) { + + .brand-image .site_slogan { + font-size: 75%; + float: none; + margin: 0 auto; + padding: 0; + text-align: center; + line-height: 1.2em; + } +} + +@media only screen and (max-width: 767px) { + + .brand-image .nameplate { + float: none; + height: 100%; + margin: 0 auto; + max-width: 230px; + text-align: center; + } +} + +/*-------------------------------------- + Global Navigation Content +--------------------------------------*/ + +/* Navigation Menu List */ +#navigation { + padding: 0; + text-align: left; + text-shadow: 0 1px 0 #FFF; + color: #444; + background-color: #EEE; + background-image: -webkit-linear-gradient(top, #FFF, #EEE); + background-image: -moz-linear-gradient(top, #FFF, #EEE); + background-image: -o-linear-gradient(top, #FFF, #EEE); + background-image: -ms-linear-gradient(top, #FFF, #EEE); + background-image: linear-gradient(to bottom, #FFF, #EEE); + -webkit-background-origin: border; + -moz-background-origin: border; + background-origin: border-box; + border-top: 1px solid rgba(0,0,0,.1); + border-bottom: 1px solid rgba(0,0,0,.3); +} + +@media only screen and (max-width: 767px) { + + #navigation { + padding: 0; + } +} + +#navigation .uk-navbar { + border: none; +} + +#navigation .gl-navbar-small .uk-navbar-nav > li > a { + height: 31px; + font-size: 13px; + line-height: 30px; + padding: 0 10px; +} + +#header-content > .uk-navbar-toggle { + height: 80px; +} + +#header-search { + padding: 5px; +} + +.gl-navbar-small #header-search { + padding: 2.5px; +} + +.gl-navbar-small #header-search-box { + font-size: 12px; + height: 25px; + padding: 3px; +} + +/* Welcome Message */ +.welcome_msg { + margin: .5em 0 1.5em; + padding: .5em 0; + border-bottom: 1px solid #E7E7E7; + color: #888; +} + +/* Block */ +#centerblocks section.block-center, +#centerblocks div.block-center { + margin: 0 0 1em 0; + padding: 0 0 2em 0; + border-bottom: 1px solid #CCC; +} + +/*-------------------------------------- + Footer Content +--------------------------------------*/ + +#footer { + border-top: 1px solid #CCC; + font-size: 12px; + color: #666; + background-color: transparent; +} + +@media only screen and (max-width: 767px) { + + #footer { + border: none; + } +} + +#footer a:link, +#footer a:visited, +#footer a:active { + color: #666; + text-decoration: none; +} + +#footer a:hover { + color: #2664A2; + text-decoration: underline; +} + +@media only screen and (max-width: 767px) { + + #footer { + border: none; + color: #999; + background-color: #284664; + } + + #footer a:link, + #footer a:visited, + #footer a:active { + color: #999; + text-shadow: 0 1px 1px rgba(0,0,0,.3); + } +} + +#footer-content { + text-align: center; +} + +@media only screen and (max-width: 767px) { + + #footer-content { + text-shadow: 0 1px 1px rgba(0,0,0,.3); + } +} + +/*-------------------------------------- + Common Block Style +--------------------------------------*/ + +#leftblocks p, +#rightblocks p, +#leftblocks ul, +#rightblocks ul, +#leftblocks ol, +#rightblocks ol, +#leftblocks dl, +#rightblocks dl, +#leftblocks blockquote, +#rightblocks blockquote, +#leftblocks pre, +#rightblocks pre, +#leftblocks address, +#rightblocks address, +#leftblocks fieldset, +#rightblocks fieldset, +#leftblocks figure, +#rightblocks figure { + margin: 0 0 9px 0; +} + +#leftblocks * + p, +#rightblocks * + p, +#leftblocks * + ul, +#rightblocks * + ul, +#leftblocks * + ol, +#rightblocks * + ol, +#leftblocks * + dl, +#rightblocks * + dl, +#leftblocks * + blockquote, +#rightblocks * + blockquote, +#leftblocks * + pre, +#rightblocks * + pre, +#leftblocks * + address, +#rightblocks * + address, +#leftblocks * + fieldset, +#rightblocks * + fieldset, +#leftblocks * + figure, +#rightblocks * + figure { + margin-top: 9px; +} + +#leftblocks p, +#rightblocks p { + line-height: 1.25; +} + +#leftblocks ul, +#rightblocks ul { + list-style-position: inside; + padding-left: .5em; +} + +#leftblocks ol, +#rightblocks ol { + list-style-position: inside; + padding-left: .9em; +} + +#leftblocks li, +#rightblocks li { + margin: 0 0 .25em 0; + padding: 0; +} + +#leftblocks input, +#rightblocks input { + font-size: 95%; + margin-left: 0; + margin-right: 0; +} + +#leftblocks .sideoption, +#rightblocks .sideoption { + list-style: none outside; + color: #999; + margin: 0; + padding: 0; +} + +#leftblocks .sideoption a, +#rightblocks .sideoption a { + display: block; + color: #222; + height: 1.8em; + line-height: 1.8em; + overflow: hidden; + padding: 0 5px; + white-space: nowrap; + text-decoration: none; +} + +#leftblocks .sideoption a:hover, +#rightblocks .sideoption a:hover { + background-color: #F1F1F1; +} + +#leftblocks .sideoption span, +#rightblocks .sideoption span { + color: #999; + text-decoration: none; + margin-left: 3px; +} + +#leftblocks .sideoption_off, +#rightblocks .sideoption_off { + list-style: none outside; + color: #999; + display: block; + height: 1.8em; + line-height: 1.8em; + overflow: hidden; + margin: 0; + padding: 0 5px; + white-space: nowrap; +} + +#leftblocks .sideoption_off span, +#rightblocks .sideoption_off span { + color: #999; + text-decoration: none; + margin-left: 3px; +} + +#leftblocks .sideoption_group_label, +#rightblocks .sideoption_group_label { + color: #630; + font-size: 103%; + font-weight: bold; + height: 1.6em; + line-height: 1.6em; + overflow: hidden; + margin: 0; + padding: 0 5px; + white-space: nowrap; + border-bottom: 1px dotted #CCC; +} + +#leftblocks .noliststyle, +#rightblocks .noliststyle { + padding-left: 0; +} + +#leftblocks .branch_level2 a, +#rightblocks .branch_level2 a { + padding-left: 15px; +} + +#leftblocks .branch_level3 a, +#rightblocks .branch_level3 a { + padding-left: 25px; +} + +#leftblocks .branch_level4 a, +#rightblocks .branch_level4 a { + padding-left: 35px; +} + +#leftblocks .sideoption_off.branch_level2, +#rightblocks .sideoption_off.branch_level2 { + padding-left: 15px; +} + +#leftblocks .sideoption_off.branch_level3, +#rightblocks .sideoption_off.branch_level3 { + padding-left: 25px; +} + +#leftblocks .sideoption_off.branch_level4, +#rightblocks .sideoption_off.branch_level4 { + padding-left: 35px; +} + +#leftblocks h1, +#rightblocks h1, +#leftblocks h2, +#rightblocks h2, +#leftblocks h3, +#rightblocks h3, +#leftblocks h4, +#rightblocks h4, +#leftblocks h5, +#rightblocks h5, +#leftblocks h6, +#rightblocks h6 { + margin: 0 0 9px 0; +} + +#leftblocks * + h1, +#rightblocks * + h1, +#leftblocks * + h2, +#rightblocks * + h2, +#leftblocks * + h3, +#rightblocks * + h3, +#leftblocks * + h4, +#rightblocks * + h4, +#leftblocks * + h5, +#rightblocks * + h5, +#leftblocks * + h6, +#rightblocks * + h6 { + margin-top: 9px; +} + +#leftblocks h1, +#rightblocks h1 { + font-size: 17px; + line-height: 23px; +} + +#leftblocks h2, +#rightblocks h2 { + font-size: 16px; + line-height: 22px; +} + +#leftblocks h3, +#rightblocks h3 { + font-size: 15px; + line-height: 21px; +} + +#leftblocks h4, +#rightblocks h4 { + font-size: 14px; + line-height: 20px; +} + +#leftblocks h5, +#rightblocks h5 { + font-size: 13px; + line-height: 19px; +} + +#leftblocks h6, +#rightblocks h6 { + font-size: 12px; + line-height: 18px; +} + +@media only screen and (max-width: 767px) { + + #leftblocks nav > ul, + #rightblocks nav > ul, + #leftblocks nav > ol, + #rightblocks nav > ol { + margin: 0; + } + + #leftblocks p, + #rightblocks p { + line-height: 1.625; + } + + #leftblocks .sideoption_group_label, + #rightblocks .sideoption_group_label { + color: #630; + font-size: 103%; + font-weight: bold; + height: 1.6em; + line-height: 1.6em; + overflow: hidden; + margin: 0; + padding: 0 5px; + white-space: nowrap; + border-top: 1px solid #E7E7E7; + border-bottom: 1px solid #E7E7E7; + } + + #leftblocks input, + #rightblocks input { + font-size: 16px; + } + + #leftblocks input[type="submit"], + #rightblocks input[type="submit"] { + font-size: 14px; + } + + #leftblocks .sideoption a, + #rightblocks .sideoption a, + #leftblocks .sideoption a:hover, + #rightblocks .sideoption a:hover, + #leftblocks .sideoption_off, + #rightblocks .sideoption_off { + color: #222; + display: block; + font-size: 16px; + text-decoration: none; + padding: 10px 15px; + } + + #leftblocks .sideoption_off, + #rightblocks .sideoption_off { + color: #999; + } + + #leftblocks h1, + #rightblocks h1, + #leftblocks h2, + #rightblocks h2, + #leftblocks h3, + #rightblocks h3, + #leftblocks h4, + #rightblocks h4, + #leftblocks h5, + #rightblocks h5, + #leftblocks h6, + #rightblocks h6 { + margin: 0 0 15px 0; + } + + #leftblocks * + h1, + #rightblocks * + h1, + #leftblocks * + h2, + #rightblocks * + h2, + #leftblocks * + h3, + #rightblocks * + h3, + #leftblocks * + h4, + #rightblocks * + h4, + #leftblocks * + h5, + #rightblocks * + h5, + #leftblocks * + h6, + #rightblocks * + h6 { + margin-top: 15px; + } + + #leftblocks h1, + #rightblocks h1 { + font-size: 22px; + line-height: 28px; + } + + #leftblocks h2, + #rightblocks h2 { + font-size: 20px; + line-height: 26px; + } + + #leftblocks h3, + #rightblocks h3 { + font-size: 18px; + line-height: 24px; + } + + #leftblocks h4, + #rightblocks h4 { + font-size: 16px; + line-height: 22px; + } + + #leftblocks h5, + #rightblocks h5 { + font-size: 14px; + line-height: 20px; + } + + #leftblocks h6, + #rightblocks h6 { + font-size: 12px; + line-height: 18px; + } +} + +#loginform-loginname, +#loginform-passwd { + width: 75%; +} + +/* Help Icon */ +h1 img, +h2 img, +h3 img, +h4 img { + vertical-align: middle; +} + +/*-------------------------------------- + System Message Block +--------------------------------------*/ + +.block-message { + margin: 1.5em 0; + padding: 0; + border-radius: 6px; + -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1); + box-shadow: 0 1px 2px rgba(0,0,0,.1); +} + +.block-message dl { + margin: 0; + padding: 0; +} + +.block-message dt { + margin: 0; + padding: 4px 8px; + background: #3E6B98; + color: #EEEEEC; + text-shadow: 0 1px 1px rgba(0,0,0,.3); + font-weight: bold; + border: 1px solid rgba(0,0,0,.2); + border-radius: 6px 6px 0 0; +} + +.block-message dd { + margin: 0; + padding: 8px 12px; + background: #EEE; + color: #404040; + text-shadow: 0 1px 0 rgba(255,255,255,.5); + border: 1px solid rgba(0,0,0,.2); + border-radius: 0 0 6px 6px; +} + +.block-message p { + margin: .2em 0; + line-height: 1.25; +} + +/*-------------------------------------- + Left Block and Right Block +--------------------------------------*/ + +/* Block */ +.block-left, +.block-right, +.block-list { + margin-bottom: 12px; + border-top: 1px solid #AAA; + padding: 8px; + background: #FFF url("../images/css/block_bg.png") repeat-x scroll 0 0; + border-radius: 5px; +} + +@media only screen and (max-width: 767px) { + + .block-left, + .block-right, + .block-list { + font-size: 100%; + margin: 0 10px; + padding: 0; + border: none; + background: none; + border-radius: 0; + } +} + +/* Block Title */ +#leftblocks .block-title, +#rightblocks .block-title { + margin: 0 0 .5em 0; + padding: 0 0 .1em 0; + border-bottom: 1px solid #CCC; + font-size: 14px; + font-weight: bold; + line-height: 20px; + border: none; +} + +/*-------------------------------------- + Search Form +--------------------------------------*/ + +#searchform fieldset { + margin-top: 15px; + padding: 0; +} + +#searchform a { + line-height: 1.5em; +} + +@media only screen and (max-width: 767px) { + + #searchform fieldset { + margin-top: 10px; + margin-bottom: 10px; + padding: 0; + text-align: center; + } + + #searchform .searchform { + text-align: center; + } +} + +.searchform { + line-height: 2.2em; + margin-bottom: .3em; +} + +input[type="text"].search { + background: url("../images/search.png") left center no-repeat #FFF; + padding-left: 24px; + width: 120px; + color: #999; +} + +/*-------------------------------------- + Login Form +--------------------------------------*/ + +/* authentication buttons */ +#login_facebook { + left: 0; + width: 141px; + background: url("/images/oauth-login-with-sprite.png") no-repeat; + background-position: 0 0; +} + +#login_twitter { + left: 0; + width: 141px; + background: url("/images/oauth-login-with-sprite.png") no-repeat; + background-position: 0 -23px; +} + +#login_linkedin { + left: 0; + width: 141px; + background: url("/images/oauth-login-with-sprite.png") no-repeat; + background-position: 0 -44px; +} + +#login_google { + left: 0; + width: 141px; + background: url("/images/oauth-login-with-sprite.png") no-repeat; + background-position: 0 -66px; +} + +#login_yahoo { + left: 0; + width: 141px; + background: url("/images/oauth-login-with-sprite.png") no-repeat; + background-position: 0 -88px; +} + +#login_microsoft { + left: 0; + width: 141px; + background: url("/images/oauth-login-with-sprite.png") no-repeat; + background-position: 0 -110px; +} + +#login_github { + left: 0; + width: 141px; + background: url("/images/oauth-login-with-sprite.png") no-repeat; + background-position: 0 -132px; +} + +#login_openid { + left: 0; + width: 141px; + background: url("/images/oauth-login-with-sprite.png") no-repeat; + background-position: 0 -154px; +} + +#loginform fieldset { + margin-top: 15px; + padding: 0; +} + +#loginform .submit { + margin-bottom: .3em; +} + +#loginform a { + line-height: 1.5em; +} + +.form_part { + margin-bottom: .3em; +} + +.form_part label { + display: block; + line-height: 1.2em; + margin-bottom: .3em; +} + +/* Third party login */ +form.third-party-login { + margin: .1em 0; +} + +form.third-party-login div { + position: relative; +} + +form.third-party-login div img { + position: absolute; + left: 6px; + top: 6px; +} + +form.third-party-login div input { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +form.third-party-login div input.submit { + text-indent: 24px; + font-size: 12px; + height: 28px; +} + +div.third-party-login { + width: 164px; +} + +/* All Mobile Sizes (devices and browser) */ +@media only screen and (max-width: 767px) { + + #navigation_ul { + display: none; + } + + #leftblocks .block-title, + #rightblocks .block-title, + #block-left-search > h2 { + background: #3B6998; + color: #EEEEEC; + font-weight: bold; + padding: 8px 5px; + text-align: left; + font-size: 16px; + margin-left: -10px; + margin-right: -10px; + text-shadow: 0 1px 1px rgba(0,0,0,.3); + border: none; + } + + h2.show, + #block-left-search > h2.show { + background: url("../images/arrow-down.png") no-repeat #3B6998; + -webkit-background-size: 36px auto; + -moz-background-size: 36px auto; + background-size: 36px auto; + background-position: right 50%; + } + + h2.hide, + #block-left-search > h2.hide { + background: url("../images/arrow-up.png") no-repeat #3B6998; + -webkit-background-size: 36px auto; + -moz-background-size: 36px auto; + background-size: 36px auto; + background-position: right 50%; + } + + #leftblocks .block-title, + #rightblocks .block-title { + margin-top: 0; + margin-bottom: 0; + } + + #block-left-search > h2 { + margin-top: 0; + margin-bottom: 0; + } + + #config_menu .block-title { + margin-left: -10px; + margin-right: -10px; + } + + #search-configuration-container label { + margin: 0 0 .5em 0; + padding: 0 0 .1em 0; + display: block; + border-bottom: 1px solid #CCC; + background: #3B6998; + color: #EEEEEC; + font-weight: bold; + padding: 8px 5px; + text-align: left; + font-size: 16px; + margin-left: -10px; + margin-right: -10px; + text-shadow: 0 1px 1px rgba(0,0,0,.3); + } + + #search-configuration { + font-size: 16px; + } + + .block-left-content, + .block-right-content, + .block-list-content { + padding: 10px 0; + text-shadow: 0 1px 0 #FFF; + } + + #block-left-search > .block-left-content { + padding: 10px; + margin: 0; + } + + .noliststyle { + list-style: none; + padding: 0; + margin: 0; + } + + .block-list-content { + margin-left: -10px; + margin-right: -10px; + padding: 0; + } + + .block-list-content li { + border-bottom: 1px solid #E7E7E7; + } + + .block-list-content li:last-child { + border-bottom: none; + } +} + +#container { + margin-bottom: 10px; + -webkit-box-shadow: 2px 2px 10px #CCC; + box-shadow: 2px 2px 10px #CCC; + -webkit-box-shadow: 0 0 8px 1px #333; + box-shadow: 0 0 8px 1px #333; +} + +@media only screen and (max-width: 767px) { + + #container { + margin-bottom: 0; + } +} + +@media only screen and (min-width: 768px) and (max-width: 962px) { + + #container { + margin: 5px; + } +} + +@media only screen and (max-width: 767px) { + + #container { + margin: 5px; + border: 1px solid #555; + } +} + +#header { + margin-bottom: 12px; +} + +@media only screen and (max-width: 767px) { + + #header { + margin-bottom: 0; + } +} + +#navigation { + text-shadow: 0 1px 0 #FFF; + background: #DBDDD9 url("../images/css/menu_bg.png") repeat-x 0 0; + border: 1px solid #939490; + margin: auto; + margin-bottom: 12px; + border-radius: 8px; + -webkit-box-shadow: 0 0 2px 1px #AAA; + box-shadow: 0 0 2px 1px #AAA; +} + +@media only screen and (max-width: 767px) { + + #navigation { + margin-bottom: 0; + } +} + +#navigation li a { + border-right: 1px dotted #939490; +} + +#navigation li:first-child a { + border-left: 1px dotted #939490; +} + +#navigation .uk-navbar { + background: none; +} + +#navigation .uk-navbar-nav { + margin: 0 1em; +} + +#navigation .uk-navbar-nav > li > a, +#navigation .uk-navbar-nav > li > a:link, +#navigation .uk-navbar-nav > li > a:visited { + text-decoration: none; + text-shadow: none; + color: #2E3436; +} + +#navigation .uk-navbar-nav > li:hover > a, +#navigation .uk-navbar-nav > li > a:focus, +#navigation .uk-navbar-nav > li.uk-open > a, +#navigation .uk-navbar-nav > li > a:active, +#navigation .uk-navbar-nav > li.uk-active > a { + -webkit-box-shadow: none; + box-shadow: none; + border-top-color: #939490; + background: #EDEDEB url("../images/css/menu_bg_active.png") repeat-x 0 0; +} + +.navigation_content { + width: 100%; +} + +#wrapper { + padding: 0 0 30px; + margin-bottom: 10px; +} + +@media only screen and (max-width: 767px) { + + #wrapper { + margin-bottom: 0; + } +} + +#footer { + width: auto; + padding: 12px; + border: 1px solid #656663; + background: #EDEDEB; + color: #223; + border-radius: 8px; +} + +@media only screen and (max-width: 767px) { + + #footer { + border: none; + border-radius: 0; + color: #999; + background-color: #284664; + } + + #footer a:link, + #footer a:visited, + #footer a:active { + color: #999; + text-shadow: 0 1px 1px rgba(0,0,0,.3); + } +} + +/*-------------------------------------- + Story +--------------------------------------*/ + +/* Container */ +.storytext { + margin: 0 0 1.5em 0; + border-bottom: 1px solid #E7E7E7; + /* Table */ +} + +.storytext table { + text-align: left; + border-collapse: collapse; + margin: 1em .5em; +} + +.storytext tr { + margin: 0; + padding: 0; + vertical-align: middle; +} + +.storytext th, +.storytext td { + margin: 0; + padding: .2em .6em; + vertical-align: middle; + line-height: 160%; + border: 1px solid #DDD; +} + +.storytext th { + font-weight: bold; + background: #F5F5F5; +} + +.storytext img { + max-width: 100%; + height: auto; +} + +/* Story Title */ +.story_title { + float: left; + margin: 0 0 10px 0; + font-size: 20px; + text-decoration: none; + color: #222; +} + +.story_title a:link, +.story_title a:visited { + color: #222; + text-decoration: none; +} + +.story_title a:hover { + color: #2664A2; + text-decoration: underline; +} + +/* Icon(email, print, pdf) */ +.story_icon { + float: right; + font-size: 18px; +} + +.story_icon a { + margin-left: 5px; +} + +@media only screen and (max-width: 767px) { + + .story_icon { + display: none; + } +} + +/* Story(Date, Auther, Display no.) */ +.story_status { + list-style-position: outside; + list-style-type: none; + clear: both; + margin: 0 0 10px 0; + padding-left: 1em; + color: #999; + font-size: 85%; + line-height: 1.25; +} + +/* Story Body */ +.story_introtext { + margin: 0 0 2em 0; + line-height: 1.625; + zoom: 1; +} + +.story_introtext:before, +.story_introtext:after { + content: ""; + display: table; +} + +.story_introtext:after { + clear: both; +} + +/* Topic Icon */ +.story_image { + float: right; + width: 48px; + height: 48px; + margin: 15px; +} + +.story_image + p, +.story_image + ul, +.story_image + ol, +.story_image + dl, +.story_image + blockquote, +.story_image + pre, +.story_image + address, +.story_image + fieldset, +.story_image + figure { + margin-top: 0; +} + +/* Navigation */ +.story_navi { + list-style-type: none; + clear: both; + margin: 0; + padding-left: 0; + text-align: center; +} + +.story_navi li { + display: inline; + margin: 0 2px; +} + +/* Comment and Trackback */ +.feedback { + list-style-type: none; + margin: 0 0 .5em 0; + padding-left: 0; + text-align: center; +} + +.feedback li { + display: inline; + margin: 0 2px; +} + +.article { + font-size: 100%; +} + +/*-------------------------------------- + Tooltips +--------------------------------------*/ + +.gl-tooltip span { + margin-left: -999em; + position: absolute; + text-align: left; + width: 250px; +} + +.gl-tooltip:link, +.gl-tooltip:visited { + color: #2664A2; + outline: none; + text-decoration: none; + position: relative; +} + +.gl-tooltip:hover span { + border-radius: 8px; + -webkit-box-shadow: 2px 2px 8px #666; + box-shadow: 2px 2px 8px #666; + font-size: 1em; + text-align: left; + white-space: normal; + font-family: Calibri, Tahoma, Geneva, sans, sans-serif; + position: absolute; + left: 2.2em; + top: 2.2em; + z-index: 99; + margin-left: 0; + width: 250px; +} + +.gl-tooltip:hover img.icon { + border: 0; + margin: -15px 0 0 -51px; + float: left; + position: absolute; +} + +.gl-tooltip:hover em { + font-family: Candara, Tahoma, Geneva, sans, sans-serif; + font-size: 1.2em; + font-weight: bold; + display: block; + padding: .2em 0 .6em .4em; +} + +#gl-tooltip-icon { + border: 0; +} + +span.classic { + padding: .8em 1em; +} + +span.custom { + padding: .5em .8em .8em 2em; +} + +span.classic { + background: #EEEEEC; + border: 2px solid #555753; +} + +span.critical { + background: #F5F0F0; + border: 2px solid #A40000; +} + +span.critical em { + color: #A40000; +} + +span.help { + background: #EDF0F2; + border: 2px solid #204A87; +} + +span.help em { + color: #204A87; +} + +span.info { + background: #EDF0F2; + border: 2px solid #204A87; +} + +span.info em { + color: #204A87; +} + +span.warning { + background: #FCF7EF; + border: 2px solid #CE5C00; + font-weight: normal; + color: #000; +} + +span.warning em { + color: #CE5C00; +} + +/*-------------------------------------- + Article Page +--------------------------------------*/ + +/* Related Information & Story Option */ +.list-whats-related, +.list-story-options { + line-height: 1.7em; + margin: 0 0 0 20px; + padding: 0; +} + +/*-------------------------------------- + Comment Block +--------------------------------------*/ + +#commentarea { + clear: both; +} + +/* Comment Information (Story Title | Comment Number | Username) */ +.commentbar_status { + text-align: center; + margin: 1em 0; +} + +.bar_separator { + padding-left: 5px; + padding-right: 5px; + color: #CCC; +} + +#commentbar { + padding: 3px; + background: none repeat scroll 0 0 #EEE; + border-radius: 4px; + zoom: 1; +} + +#commentbar:before, +#commentbar:after { + content: ""; + display: table; +} + +#commentbar:after { + clear: both; +} + +/* Comment Submit Form */ +#commentbar-comment { + float: left; + padding: .3em; +} + +#commentbar-selector { + float: right; + padding: .3em; +} + +/* Comment NOTE */ +.disclaimer { + text-align: center; + color: #666; + margin: .5em 0 1em; +} + +#commentpreview { + margin: 0; + background: transparent; + border: 1px dashed #808080; + padding: 5px 10px; +} + +#commenteditform { + margin: 0; + background: #F7F7F7; + border: 1px solid #E7E7E7; + padding: 10px; +} + +/*-------------------------------------- + Comment Body +--------------------------------------*/ + +/* Individual Comment (Tree) */ +.comment_thread { + list-style-position: outside; + list-style-type: none; + margin: 0 0 .5em 0; + padding: 0; + text-align: left; +} + +/* Individual Comment (Tree) Title */ +.thread_title { + display: inline; + margin: 0; + padding: 0; +} + +/* Individual Comment (Tree) Auther */ +.thread_author { + display: inline; + margin: 0 0 0 8px; + padding: 0; +} + +.thread_author:before { + content: " - "; +} + +/* Individual Comment */ +.block-comment-content { + margin: 0; + padding: 0; + text-align: left; +} + +/* Individual Comment Level(Nested | Tree) */ +.level-0 { + margin-left: 0; +} + +.level-25 { + margin-left: 16px; +} + +.level-50 { + margin-left: 32px; +} + +.level-75 { + margin-left: 48px; +} + +.level-100 { + margin-left: 64px; +} + +.level-125 { + margin-left: 80px; +} + +.level-150 { + margin-left: 96px; +} + +.level-175 { + margin-left: 112px; +} + +.level-200 { + margin-left: 128px; +} + +.level-225 { + margin-left: 144px; +} + +.level-250 { + margin-left: 160px; +} + +.level-275 { + margin-left: 176px; +} + +.level-300 { + margin-left: 192px; +} + +.level-325 { + margin-left: 208px; +} + +.level-350 { + margin-left: 224px; +} + +.level-375 { + margin-left: 240px; +} + +.level-400 { + margin-left: 256px; +} + +/* Comment Information */ +.comment_status { + list-style-position: outside; + list-style-type: none; + margin: 0; + padding: 0; +} + +/* Comment Title */ +.comment_title { + display: block; + margin: 1em 0 .5em 0; + padding: 4px; + border: 1px solid #E7E7E7; + background: #F7F7F7; +} + +/* Comment Auther */ +.comment_author { + display: block; + margin: 0 0 1em 0; + padding: 0; + color: #666; +} + +/* Comment Content */ +.comment_content { + margin: 0 0 1em 0; + padding: 0; +} + +/* Comment Navigation */ +.comment_navi { + clear: both; + color: #666; +} + +/*-------------------------------------- + Report Comment Form +--------------------------------------*/ + +/* Comment */ +.reportcomment { + margin: 0 0 1em 0; + padding: 0; + border-bottom: 1px solid #E7E7E7; +} + +/*-------------------------------------- + Comment Submit Form +--------------------------------------*/ + +/* Username */ +.dt-commentform-username { + display: inline; +} + +.logoutorcreateaccount { + padding: 0 3px; +} + +/* NOTE */ +.importantstuff { + margin-top: 0; +} + +.ul-importantstuff { + margin: 0 0 0 1em; + padding: 0; +} + +.li-importantstuff { + margin: 0 0 0 8px; + padding: 0; +} + +/*-------------------------------------- + Breadcrumbs List +--------------------------------------*/ + +.navbar-breadcrumbs { + list-style-position: outside; + list-style-type: none; + margin: 0; + padding: 0; +} + +.li-navbar-breadcrumbs { + display: inline; +} + +.a-navbar-breadcrumbs { + margin: 0 8px; +} + +/*-------------------------------------- + Navigation +--------------------------------------*/ + +#navcontainer { + width: 100%; + margin-bottom: 10px; + padding-bottom: 2px; + font-size: 90%; + line-height: normal; + border-bottom: 1px solid #DDD; + height: 30px; +} + +#navlist { + display: block; + margin: 0 0 20px 0; + padding: 0; + list-style: none; + /* Clearfixing tabs for beautiful stacking */ +} + +#navlist:before, +#navlist:after { + content: ""; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +#navlist:after { + clear: both; +} + +.li-navlist { + display: block; + width: auto; + height: 30px; + padding: 0; + float: left; + margin: 2px -1px 0 0; +} + +.li-navlist #current { + background: #FFF; + height: 29px; + position: relative; + top: -5px; + padding-top: 5px; + border-left-width: 1px; + margin: 0; + color: #111; + border-top-left-radius: 3px; + border-top-right-radius: 3px; + border-bottom-color: #FFF; +} + +.li-navlist #current:first-child a { + border-width: 1px; + border-top-left-radius: 3px; +} + +.li-navlist #current:last-child a { + border-top-right-radius: 3px; +} + +.a-navlist { + display: block; + text-decoration: none; + width: auto; + height: 29px; + padding: 0 12px; + line-height: 30px; + border: solid 1px #DDD; + border-width: 1px; + margin: 0; + background: #F5F5F5; +} + +.a-navlist:link, +.a-navlist:visited, +.a-navlist:hover { + color: #555; + text-decoration: none; +} + +/*-------------------------------------- + Page Navigation +--------------------------------------*/ + +.gl-pagenav { + text-align: center; + color: #CCC; + margin: 0 0 1.5em; + line-height: 1.4em; +} + +.gl-pagenav a, +.gl-pagenav b { + display: inline-block; + margin: 1px 2px; + padding: 2px 7px; + background: transparent; + border: 1px solid #E7E7E7; +} + +.gl-pagenav b { + color: #222; +} + +.gl-pagenav a:hover { + background: #EEE; + border: 1px solid #CCC; +} + +.gl-pagenav span { + display: inline-block; + color: #999; +} + +.gl-pagenav span a { + margin: 0; + padding: 2px 0; + background: transparent; + border: none; +} + +.gl-pagenav span a:hover { + background: transparent; + border: none; +} + +.gl-pagenav .divider { + padding: 0; + margin: 0 4px; +} + +/*-------------------------------------- + Breadcrumbs Navigation +--------------------------------------*/ + +.bc_navigation { + margin: 0 0 15px; +} + +/*-------------------------------------- + My Account Page +--------------------------------------*/ + +#exclude_topic > .checkboxes-list > li, +#boxesblock > .checkboxes-list > li { + /* display: inline */ + margin-right: .5em; +} + +/*-------------------------------------- + Access Information Page +--------------------------------------*/ + +.itemstatistics { + width: 100%; + margin: 0; + padding: 0; + border-collapse: collapse; +} + +.itemstatistics th { + margin: 0; + padding: 2px; + text-align: left; +} + +.itemstatistics td { + margin: 0; + padding: 2px; +} + +/*-------------------------------------- + Trackback +--------------------------------------*/ + +/* Trackback Block */ +#trackback { + clear: both; +} + +/* Trackback Content */ +.block-trackback-content { + border-bottom: 1px solid #E7E7E7; +} + +.block-trackback-content > p { + margin: 0 0 1em 0; +} + +/* Description */ +.trackback_comments_no_link { + margin: 0 0 1em 0; + padding: 0; +} + +/* Recept Trackback Block */ +.formattedcomment { + margin: 0 0 1em 0; + padding: 0; +} + +/* Recept Trackback Information */ +.trackback_status { + list-style-position: outside; + list-style-type: none; + margin: 0; + padding: 0; +} + +/* Recept Trackback Title */ +.trackback_title { + margin: 0 0 .5em 0; + padding: 4px; + border: 1px solid #E7E7E7; + background: #F7F7F7; +} + +/* Recept Trackback Recept Date */ +.trackback_date { + margin: 0 0 .5em 0; + padding: 0; +} + +/* Recept Trackback Summary */ +.trackback_excerpt_readmore { + margin: 0 0 1em 0; + padding: 0; +} + +/*-------------------------------------- + Profile +--------------------------------------*/ + +/* Account Information */ +#profile-userprofile { + overflow: hidden /* Adjust floating element */; + margin: 0; + padding: 0; + zoom: 1; +} + +#profile-userprofile:before, +#profile-userprofile:after { + content: ""; + display: table; +} + +#profile-userprofile:after { + clear: both; +} + +#profile-userprofile dt { + float: left; + clear: left; + width: 25%; + margin: 0 0 .5em 0; + padding: 0; +} + +#profile-userprofile dd { + float: left; + width: 75%; + margin: 0 0 .5em 0; + padding: 0; +} + +/* Photo */ +dd#profile-user_photo { + float: none; + width: auto; + margin-left: 25%; + margin-bottom: 1em; +} + +@media only screen and (max-width: 767px) { + + dd#profile-user_photo { + margin-left: 50%; + } +} + +/* Recent Submit | User Recent Comment */ +.storyrow, +.commentrow { + margin: 0; + padding: 0; +} + +.storyrow a, +.commentrow a { + margin: 0 8px 0 0; + padding: 0; +} + +/* Submit Story | Comment Total */ +#profile-postingstats { + margin: 0; + padding: 0; +} + +#profile-postingstats dt { + float: left; + clear: left; + width: 25%; + margin: 0 0 .5em 0; + padding: 0; +} + +#profile-postingstats dd { + float: left; + width: 75%; + margin: 0 0 .5em 0; + padding: 0; +} + +@media only screen and (max-width: 767px) { + + #profile-userprofile dt, + #profile-userprofile dd, + #profile-postingstats dt, + #profile-postingstats dd { + width: 50%; + } +} + +/* User All Submit Search Link */ +#profile-all_postings_by { + clear: left; + padding-top: 1em; +} + +/*-------------------------------------- + Batch Processing Styles +--------------------------------------*/ + +.tm-updating { + background-image: url("../images/throbber.gif"); + background-repeat: no-repeat; + background-position: 5px 4px; + border-width: 1px; + padding-left: 3px; +} + +.story_status { + margin: 0 0 15px 50px; + padding-top: 5px; +} + +.story_image { + float: left; + margin: -60px 10px 10px 0; +} + +/*-------------------------------------- + Admin Common Style +--------------------------------------*/ + +/* Basic Editor */ +.admin_basic { + padding: .5em 2em; +} + +@media only screen and (max-width: 962px) { + + .admin_basic { + padding: .5em 0; + } +} + +/*-------------------------------------- + Admin Top Menu Style +--------------------------------------*/ + +#admin-topmenu { + margin-bottom: 2em; + border: 1px solid rgba(0,0,0,.2); + padding: 10px 5px; + line-height: 1.25; + border-radius: 4px; + -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1); + box-shadow: 0 1px 2px rgba(0,0,0,.1); +} + +.admin-menu-icon { + float: left; + padding: 5px; + margin-right: 10px; + width: 48px; + height: 48px; +} + +#instructions { + padding: 5px; +} + +#instructions > p { + margin: 0 0 5px 0; + line-height: 1.25; +} + +#admin-menu-fields { + color: #CCC; +} + +.admin-topic-image { + margin: 0 5px 0 0; + vertical-align: middle; +} + +/*-------------------------------------- + Group Editor +--------------------------------------*/ + +#rights_options { + width: 100%; + font-size: 11px; +} + +/*-------------------------------------- + Group Member Editor +--------------------------------------*/ + +.listmembers { + float: left; + width: 35%; + height: 15em; +} + +#admin-groupmembers-fieldFrom, +#admin-groupmembers-fieldTo { + width: 100%; + height: 100%; +} + +.movemembers { + float: left; + width: 30%; + padding-top: 5em; + text-align: center; + height: 12em; +} + +.movebutton { + margin: .5em 0; + text-align: center; +} + +/*-------------------------------------- + Admin Page +--------------------------------------*/ + +/* Admin List Table */ +.admin-list-table { + margin: 0; + width: 100%; + font-size: 13px; + border-collapse: collapse; + border-spacing: 0; +} + +@media only screen and (max-width: 1199px) { + + .admin-list-table { + width: 900px; + } +} + +.fieldset-table-wrapper > .admin-list-table { + width: 100%; +} + +.admin-list-table th, +.admin-list-table td { + vertical-align: middle; + height: 24px; + padding: 4px 8px; + border-bottom: 1px solid #E5E5E5; +} + +.admin-list-table th { + background-color: #DAE0ED; +} + +.admin-list-table img { + vertical-align: middle; +} + +/* UIkit Modifier */ +.uk-table tbody tr.uk-active > td { + background: #F0F0F0; +} + +.uk-table-striped tbody tr:nth-of-type(odd) { + background: #FAFAFA; +} + +.uk-table-hover tbody tr:hover > td { + background: #F0F0F0; +} + +/* Navigation */ +.admin-list-navi { + margin-top: .5em; +} + +/* Message */ +.admin-list-message { + margin: 1em 0 0 0; + padding: 0; + text-align: center; +} + +.admin-list-search { + text-align: center; + margin: .5em 0; + zoom: 1; +} + +.admin-list-search:before, +.admin-list-search:after { + content: ""; + display: table; +} + +.admin-list-search:after { + clear: both; +} + +@media only screen and (max-width: 767px) { + + .admin-list-search { + text-align: left; + } +} + +.admin-list-smalltable { + margin: 0 0 .5em 0; + border-collapse: separate; + border-spacing: 1px; + font-size: 13px; +} + +.search-part { + display: inline-block; + margin-right: 5px; + white-space: nowrap; +} + +@media only screen and (max-width: 767px) { + + .search-part { + display: block; + } +} + +/*-------------------------------------- + Permission Style +--------------------------------------*/ + +#admin-permissions { + margin: 0 0 .5em 0; + width: auto; + font-size: 13px; + border-collapse: collapse; + border-spacing: 0; + border: 1px solid rgba(0,0,0,.2); +} + +#admin-permissions th { + background-color: #DAE0ED; +} + +#admin-permissions th, +#admin-permissions td { + font-weight: bold; + text-align: center; + vertical-align: middle; + border-bottom: 1px solid rgba(0,0,0,.2); + border-right: 1px solid rgba(0,0,0,.2); +} + +/*-------------------------------------- + Command and Control Page +--------------------------------------*/ + +.admin-commandcontrol { + list-style-position: outside; + list-style-type: none; + margin: 0; + padding: 0; +} + +.admin-commandcontrol li { + float: left; + width: 12.5%; + height: 8em; + margin: 0; + padding: 0; + text-align: center; +} + +@media only screen and (max-width: 1199px) { + + .admin-commandcontrol li { + width: 16.66%; + } +} + +@media only screen and (min-width: 768px) and (max-width: 962px) { + + .admin-commandcontrol li { + width: 20%; + } +} + +@media only screen and (max-width: 767px) { + + .admin-commandcontrol li { + width: 25%; + } +} + +@media only screen and (max-width: 479px) { + + .admin-commandcontrol li { + width: 33.33%; + } +} + +.admin-commandcontrol a { + display: block; + font-size: 90%; + margin: 5px 0; +} + +/*-------------------------------------- + Plugin Page +--------------------------------------*/ + +#admin-editor #title { + font-size: 13px; + font-weight: bold; + position: relative; + top: 10px; +} + +/* Used by lib-plugin.php to display dependencies */ +b.notbold { + font-weight: normal; +} + +b.status_red { + display: inline; + color: #A40000; +} + +b.status_orange { + display: inline; + color: #B25000; +} + +b.status_green { + display: inline; + color: #3D7805; +} + +b.status_black { + display: inline; + color: #000; +} + +/*-------------------------------------- + Story Editor +--------------------------------------*/ + +.story_editor { + margin: 0 0 1em 0; + padding: 8px; + border: 1px solid #CCC; +} + +.story_editor dl { + margin-bottom: 0; +} + +.story_editor dt { + width: 14%; +} + +.story_editor dd { + width: 85%; +} + +@media only screen and (max-width: 962px) { + + .story_editor dt { + width: auto; + } + + .story_editor dd { + width: auto; + } +} + +#text_editor dd.description { + margin-left: 15%; +} + +#admin-storyeditor-introtext, +#admin-storyeditor-bodytext { + width: 98%; +} + +/* Preview */ +#preview { + margin: 1em 0; + padding: 1em 0; + border-top: 1px solid #CCC; + border-bottom: none; +} + +/* Story Stats */ +.story_stats { + display: inline-block; + float: left; + margin-right: 2em; +} + +/*-------------------------------------- + Topic Editor +--------------------------------------*/ + +/* TopicList */ +#admin-topiclist { + list-style-position: outside; + list-style-type: none; + margin: 0; + padding: 0; +} + +#admin-topiclist li { + float: left; + width: 20%; + height: 8em; + margin: 0; + padding: 0; + text-align: center; +} + +#admin-topiclist a { + display: block; +} + +/*-------------------------------------- + Trackback +--------------------------------------*/ + +.trackback-message { + margin: 0 0 1em 0; + padding: 0; +} + +/*-------------------------------------- + User Editor +--------------------------------------*/ + +/* User Images */ +.userphoto { + margin: .5em .5em 0 0; +} + +/* Security Group Instructions */ +.groupinstructions { + margin: 0 0 .5em 0; +} + +/*-------------------------------------- + Reminder +--------------------------------------*/ + +#reminder-submit { + margin: .5em 0; +} + +/*-------------------------------------- + Enviroment Check +--------------------------------------*/ + +.pathtext { + font-size: 11px; + color: #666; +} + +.pathtext-status { + text-align: right; + white-space: nowrap; +} + +.yes, +.iswriteable { + font-weight: bold; + color: #46882B; +} + +.no, +.notok, +.notwriteable { + font-weight: bold; + color: #C00; +} + +/* PHPInfo Panel style and button */ +#panel_phpinfo { + padding: 5px; + width: 600px; + margin: auto; + text-align: center; +} + +#toggle_phpinfo { + padding: 5px; + width: 200px; + margin: auto; + text-align: center; + border: solid 1px #C3C3C3; +} + +#panel_phpinfo { + padding: 50px; + display: none; +} + +/*-------------------------------------- + Others +--------------------------------------*/ + +.allowed_html_tags, +.allowed_autotags { + margin-top: 15px; + margin-bottom: 15px; +} + +#totop-scroller { + position: fixed; + z-index: 99; + bottom: 20px; + right: 20px; + text-align: center; + font-size: 40px; + cursor: pointer; + color: rgba(128,128,128,.6); +} + +.block-help-icon { + font-size: 18px; + margin-left: 8px; +} + +/*-------------------------------------- + Admin Configration +--------------------------------------*/ + +#config_menu { + float: left; + padding: 0 10px; +} + +.block-config, +#search-configuration-container { + margin: 0 0 .5em; + padding: 8px 0; + text-align: left; +} + +.block-config-title, +#search-configuration-container label { + margin: 0 0 .5em 0; + padding: 0 0 .1em 0; + display: block; + border-bottom: 1px solid #CCC; + font-size: 105%; + font-weight: bold; +} + +.block-config-content { + padding-left: 5px; +} + +.configoption { + list-style: none outside; + color: #999; + margin: 0; + padding: 0; +} + +.configoption a { + display: block; + color: #222; + height: 1.8em; + line-height: 1.8em; + overflow: hidden; + padding: 0 5px; + white-space: nowrap; + text-decoration: none; +} + +.configoption a:hover { + background-color: #F1F1F1; +} + +.configoption_off { + list-style: none outside; + color: #999; + display: block; + height: 1.8em; + line-height: 1.8em; + overflow: hidden; + margin: 0; + padding: 0 5px; + white-space: nowrap; +} + +#config_content { + float: left; + padding: 10px; +} + +body.center-right #config_content { + width: 600px; +} + +#geeklog_config_editor { + zoom: 1; +} + +#geeklog_config_editor:before, +#geeklog_config_editor:after { + content: ""; + display: table; +} + +#geeklog_config_editor:after { + clear: both; +} + +#config_main { + width: 100%; +} + +#search-configuration { + width: 90%; + margin: 10px 0 10px 5px; +} + +.inputTable { + width: 100%; + margin: 0; + padding: 0; +} + +.config_label { + float: left; + width: 35%; + padding: .5em 0; +} + +.restore { + padding: .5em 0; +} + +.config_input { + float: left; + width: 53%; +} + +.config_name { + clear: left; + margin: 5px 0; + padding: 5px; +} + +.config_name input[type="text"], +.config_name textarea { + width: 53%; +} + +.config_name select { + width: 54.5%; + max-width: none; +} + +.config_validation_error_block { + color: #D14; + font-size: 12px; +} + +/* Smaller than standard 1280 (devices and browsers) */ +@media only screen and (max-width: 962px) { + + body.center #config_menu { + width: 100%; + padding: 0; + } + + body.center #config_content { + float: left; + width: 100%; + padding: 10px 0; + } + + .configoption { + display: inline-block; + border: 1px solid #666; + border-color: #BEDAF3; + border-radius: 2px 2px 2px 2px; + background: #E4EDF5; + color: #369; + margin: .2em 0; + margin-right: .4em; + } + + .configoption a { + overflow: visible; + padding: 0 10px; + height: 1.8em; + line-height: 1.8em; + color: #369; + } + + .configoption_off { + display: inline-block; + border: 1px solid #666; + border-color: #79B1E7; + border-radius: 2px 2px 2px 2px; + background: #A8C4E0; + color: #2A527A; + font-weight: bold; + overflow: visible; + margin: .2em 0; + margin-right: .4em; + padding: 0 10px; + height: 1.8em; + line-height: 1.8em; + } + + #text_editor dd.description { + margin-left: 0; + } +} + +/* Tablet Portrait size to standard 960 (devices and browsers) */ +@media only screen and (min-width: 768px) and (max-width: 962px) { + + #config_menu { + float: left; + width: 728px; + padding: 0 10px; + } + + body.center-right #config_menu { + width: 508px; + } + + #config_content { + float: left; + width: 728px; + padding: 10px; + } + + body.center-right #config_content { + width: 508px; + } + + .block-config, + #search-configuration-container { + margin: 0; + padding: 5px 0; + } +} + +/* All Mobile Sizes (devices and browser) */ +@media only screen and (max-width: 767px) { + + #geeklog_config_editor { + padding: 0; + } + + #config_menu { + float: left; + width: 100%; + padding: 0; + } + + body.center-right #config_menu { + width: 100%; + } + + #config_content { + float: left; + width: 100%; + padding: 10px 0; + } + + body.center-right #config_content { + width: 100%; + } + + .config_label { + float: left; + width: 100%; + padding: 0; + font-weight: bold; + } + + .restore { + padding: .5em 0; + } + + .config_input { + float: left; + width: 90%; + } + + .config_name { + margin: 5px 0; + padding: 5px; + } + + .config_name input[type="text"], + .config_name textarea { + width: 95%; + } + + .config_name select { + max-width: none; + width: 98%; + } + + .block-config, + #search-configuration-container { + margin: 0; + padding: 5px 0; + } +} diff --git a/public_html/layout/denim_curve/css_ltr/style.gradient.min.css b/public_html/layout/denim_curve/css_ltr/style.gradient.min.css new file mode 100644 index 000000000..03a120412 --- /dev/null +++ b/public_html/layout/denim_curve/css_ltr/style.gradient.min.css @@ -0,0 +1,2 @@ +/* Geeklog Denim Theme 1.1.0 | Copyright (C) 2012-2016 by dengen | http://www.trybese.com/~dengen/log/ | License:GPL-2.0+ */ +a,a:hover{color:#2664A2}dd,dt{margin-left:20px}a:hover,ins{text-decoration:underline}h1,select{line-height:28px}address{font-style:normal;font-weight:400}dt,em{font-weight:700}q:before{content:open-quote}q:after{content:close-quote}cite,dfn,em,var{font-style:italic}code,kbd,samp{font-family:monospace}abbr[title],acronym[title]{border-bottom:1px dotted}a{outline:0}del{text-decoration:line-through}textarea{font-size:100%;width:75%;min-height:60px}sub,sup{font-size:.83em;line-height:normal}hr{height:1px;border:none;border-top:1px solid #CCC;margin:.5em auto}sub{vertical-align:sub}sup{vertical-align:super}fieldset{margin:0 0 1em;padding:8px 12px;border:1px solid #CCC;border-radius:4px}legend{padding:2px 4px}iframe[width="100%"]{width:99%}img{border:none;vertical-align:bottom}h1,h2,h3,h4,h5,h6{margin:0 0 15px}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:15px}h1{font-size:22px}h2{font-size:20px;line-height:26px}h3{font-size:18px;line-height:24px}h4{font-size:16px;line-height:22px}h5{font-size:14px;line-height:20px}h6{font-size:12px;line-height:18px}table img{vertical-align:middle}@media only screen and (max-width:479px){select{max-width:270px}}select{height:28px}select.multiple,select[multiple=multiple]{height:auto}option{padding-right:4px}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,textarea:focus{border:1px solid #AAA;color:#222;-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);box-shadow:0 0 3px rgba(0,0,0,.2)}input[type=submit]::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=reset]::-moz-focus-inner{border:0;padding:0}input[type=submit],input[type=button],input[type=reset]{-webkit-appearance:none;margin:0;border:none;overflow:visible;font:inherit;color:#444;text-transform:none;display:inline-block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 12px;background:#F7F7F7;vertical-align:middle;line-height:28px;min-height:30px;font-size:1rem;text-decoration:none;text-align:center;border:1px solid rgba(0,0,0,.2);border-bottom-color:rgba(0,0,0,.3);-webkit-background-origin:border;-moz-background-origin:border;background-origin:border-box;background-image:-webkit-linear-gradient(top,#FFF,#EEE);background-image:-moz-linear-gradient(top,#FFF,#EEE);background-image:-o-linear-gradient(top,#FFF,#EEE);background-image:-ms-linear-gradient(top,#FFF,#EEE);background-image:linear-gradient(to bottom,#FFF,#EEE);border-radius:4px;text-shadow:0 1px 0 #FFF}#token-expirytime,.b,.checkboxes-list .gldefault,.inputTable label,.warning{font-weight:700}input[type=submit]:not(:disabled),input[type=button]:not(:disabled),input[type=reset]:not(:disabled){cursor:pointer}input[type=submit]:focus,input[type=submit]:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover{background-color:#FAFAFA;color:#444;outline:0;text-decoration:none;background-image:none}input[type=submit].uk-active,input[type=submit]:active,input[type=button].uk-active,input[type=button]:active,input[type=reset].uk-active,input[type=reset]:active{background-color:#F5F5F5;color:#444;border-color:rgba(0,0,0,.2);border-top-color:rgba(0,0,0,.3);background-image:none;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.1);box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}input[type=submit]:disabled,input[type=button]:disabled,input[type=reset]:disabled{background-color:#FAFAFA;color:#999;border-color:rgba(0,0,0,.2);background-image:none;-webkit-box-shadow:none;box-shadow:none;text-shadow:0 1px 0 #FFF}.uk-button-group input[type=submit],.uk-button-group input[type=button],.uk-button-group input[type=reset]{vertical-align:top}.uk-button-group>div:not(:first-child):not(:last-child) input[type=submit],.uk-button-group>div:not(:first-child):not(:last-child) input[type=button],.uk-button-group>div:not(:first-child):not(:last-child) input[type=reset]{border-radius:0}.uk-button-group>div:first-child input[type=submit],.uk-button-group>div:first-child input[type=button],.uk-button-group>div:first-child input[type=reset]{border-top-right-radius:0;border-bottom-right-radius:0}.uk-button-group>div:last-child input[type=submit],.uk-button-group>div:last-child input[type=button],.uk-button-group>div:last-child input[type=reset]{border-top-left-radius:0;border-bottom-left-radius:0}.uk-button-group>div:nth-child(n+2) input[type=submit],.uk-button-group>div:nth-child(n+2) input[type=button],.uk-button-group>div:nth-child(n+2) input[type=reset]{margin-left:-1px}.uk-contrast input[type=submit],.uk-contrast input[type=button],.uk-contrast input[type=reset]{color:#444;background:#FFF;border-color:transparent}.uk-contrast input[type=submit]:focus,.uk-contrast input[type=submit]:hover,.uk-contrast input[type=button]:focus,.uk-contrast input[type=button]:hover,.uk-contrast input[type=reset]:focus,.uk-contrast input[type=reset]:hover{background-color:rgba(255,255,255,.8);color:#444;border-color:transparent}.uk-contrast input[type=submit].uk-active,.uk-contrast input[type=submit]:active,.uk-contrast input[type=button].uk-active,.uk-contrast input[type=button]:active,.uk-contrast input[type=reset].uk-active,.uk-contrast input[type=reset]:active{background-color:rgba(255,255,255,.7);color:#444;-webkit-box-shadow:none;box-shadow:none}.uk-form button,.uk-form input,.uk-form select,.uk-form textarea{margin:0 1px 2px}.uk-form .uk-button-group button,.uk-form .uk-button-group input,.uk-form .uk-button-group select,.uk-form .uk-button-group textarea{margin:0 0 2px}.uk-form input[type=checkbox],.uk-form input[type=radio]{margin-left:3px;margin-right:3px;vertical-align:middle}.aligntop,.inputTable td,.plugin tr,.pluginSubTable tr{vertical-align:top}.uk-form>.admin-list-search{margin-bottom:.5em}html{background:-webkit-linear-gradient(top,#3465A4 0,#EEEEEC 390px);background:-moz-linear-gradient(top,#3465A4 0,#EEEEEC 390px);background:-o-linear-gradient(top,#3465A4 0,#EEEEEC 390px);background:-ms-linear-gradient(top,#3465A4 0,#EEEEEC 390px);background:linear-gradient(to bottom,#3465A4 0,#EEEEEC 390px)}.blocklist ul{list-style:none;padding:0;margin:0}.alignleft{text-align:left}.alignright{text-align:right}.aligncenter{text-align:center}.floatright{float:right}.floatleft{float:left}.clearboth{clear:both}.clearfix:after{content:".";display:block;height:1px;clear:both;overflow:hidden;visibility:hidden}.ext-link{background:url(../images/external.png) center right no-repeat;padding-right:13px}.feed-link{background:url(../images/feed.png) center right no-repeat;padding:2px 16px 2px 0}.strike{text-decoration:line-through}.break-word,.url{white-space:pre-wrap;word-wrap:break-word;word-break:break-all;overflow:auto}.fieldhelp{font-size:.85em;color:#666;padding-left:.8em;padding-right:.8em}.form-description{font-weight:700;float:left;width:100px;text-align:right;padding-right:5px;display:block}.pagenav,.row_center td{text-align:center}.form-field{padding-bottom:5px;margin-left:105px}.checkboxes-list{list-style:none;padding:0;margin:0}.checkboxes-list span{padding-left:5px}.highlight{color:#000;background-color:#FF0;text-decoration:none}.inputTable td{padding:4px}.inputTable label{float:right;white-space:nowrap}.nowrap{white-space:nowrap}.pagenav{line-height:1.5}.searchresult-byline{color:green}.sysmessage{margin:0}.sysmessage a{text-decoration:underline}.sysmessage img{border:none;float:left;padding:0 8px 8px 0}#token-expirynotice,.plugin,.pluginSubTable{border:1px solid #CCC}.stats-header-count,.stats-header-title,.stats-list-count{padding-left:5px;padding-right:5px}.stats-list-count{text-align:right}.stats-header-title{text-align:left;width:90%}.stats-header-count{text-align:left;width:10%}#token-expirynotice{padding:1em;background:#F7F7F7}.warning,.warningsmall{background:0 0;color:#D14}.plugin{color:#000;background-color:#EFEFEF;font-weight:400}.plugin th{color:#000;background-color:#B7C1DC;padding:5px;text-align:left}.pluginAltBG,.pluginBG{background-color:#7398BA}.plugin td{padding:2px 5px}.pluginBG{color:#FEFEFE}.pluginAltBG td{color:#FFF}.pluginCellTitle{color:#666;font-weight:700;background-color:#E6E6E6;padding:5px}.pluginCellFill{background-color:#F8FAFD}.pluginCellText{color:#636363;font-weight:400}.pluginHeader{color:#204275;font-weight:bolder;padding-top:3px;padding-bottom:3px}.pluginFooter,.pluginFooter td{background-color:#507AA1;color:#FFF}.pluginAlert,.pluginInfo{padding:5px 15px;background-color:#FEF1B4}.pluginAlert{color:#D8010E;font-weight:700;margin-bottom:1em}.pluginInfo{color:#707070;font-weight:400}.pluginSubTable{color:#000;background-color:#CCC;font-weight:400}.pluginSubTable th{color:#000;background-color:#C9D1E4;padding:5px;text-align:left}.admin-list-table img,.admin-list-table td,.admin-list-table th,.admin-topic-image,.storytext td,.storytext th,.storytext tr,h1 img,h2 img,h3 img,h4 img{vertical-align:middle}.pluginSolidOutline{background-color:#CCC}.pluginSolidFill{background-color:#1A3955}.pluginTitle{background-color:#507AA1;color:#F5F9FF;padding:4px 6px}.pluginCellSubTitle{background-color:#F7F7F7;color:#000;padding:4px 6px}.pluginTinyText{font-size:.7em}.pluginSmallText{font-size:.8em}.pluginMediumText{font-size:1em}.pluginLargeText{font-size:1.25em}.pluginAltText{color:#FFF}.pluginRow1,.pluginRow1 td{color:#222;background-color:#F7F7F7;line-height:120%}.pluginRow2,.pluginRow2 td{color:#222;background-color:#E7E7E7;line-height:120%}.pluginRollOver,.pluginRow1 .pluginRollOver,.pluginRow2 .pluginRollOver{color:#222;background-color:#FFFF8F;line-height:120%}.pluginRollOut,.pluginRow1 .pluginRollOut,.pluginRow2 .pluginRollOut{color:#222;background-color:#F7F7F7;line-height:120%}.pluginLinks a:link,.pluginLinks a:visited{color:#000;font-style:normal;font-weight:400;text-decoration:none}.pluginLinks a:hover{color:#000;font-style:normal;font-weight:400;text-decoration:underline}.pluginBreadCrumbs,.pluginBreadCrumbs a:hover,.pluginBreadCrumbs a:link,.pluginBreadCrumbs a:visited{color:#FFF;font-style:normal;font-weight:400;text-decoration:none}a.pluginButton:link,a.pluginButton:visited{color:#000;text-align:center;padding-top:2px;display:block;height:19px;text-decoration:none;background-color:transparent}a.pluginButton:hover{color:#00F;text-align:center;padding-top:2px;background:url(../images/navbar/button_over.gif) center repeat-x;display:block;height:19px;text-decoration:none}.form_block{margin:0;padding:0}.form_block:after{content:"";display:block;clear:both;height:1px;overflow:hidden}.hidden_legend,.separator{display:none}fieldset.form_block{margin:15px 0}.form_message{margin:0 0 1em;padding:0}.noborder_fieldset{margin:0;border:none}.user_basic{padding:.5em 2em}@media only screen and (max-width:962px){.user_basic{padding:.5em 0}}.wide{width:98%;resize:vertical}.speech{overflow:hidden;position:absolute;left:-999px;width:0;height:0}#save_button{padding-bottom:1em}.loose{display:inline}.layout,.layout td,.layout tr{margin:0;padding:0;border:none;background:0 0}#container,#wrapper{background-color:#FFF}.size1{width:60px}.size2{width:120px}.size3{width:180px}.size4{width:240px}.size5{width:300px}.size6{width:360px}.size7{width:420px}.size8{width:480px}.size9{width:540px}.size10{width:600px}@media only screen and (min-width:768px) and (max-width:962px){.size6{width:75%}.size7{width:80%}.size8{width:85%}.size9{width:90%}.size10{width:95%}}@media only screen and (max-width:767px){.loose{display:block}.size1,.size10,.size2,.size3,.size4,.size5,.size6,.size7,.size8,.size9,.wide{width:100%}}.compact dt{float:left;clear:left;width:24%;margin:5px 0 1em;padding:0 1% 0 0;font-weight:400}#navigation:after,#wrapper:after{clear:both;height:1px;overflow:hidden;content:""}.compact dd{float:left;width:75%;margin:0 0 1em;padding:0}.compact dd.description{margin:-.5em 0 1em 25%;padding:0}.compact p.description{margin:0 0 1em;padding:0}.compact .controls_text{margin-top:5px}@media only screen and (max-width:962px){.compact dd,.compact dt{float:none;width:auto;padding:0}.compact dt{margin:0;font-weight:700}.compact dd{margin:0 0 .5em}.compact dd.description{margin:-.5em 0 1em;padding:0}.compact p.description{margin:0 0 1em;padding:0}.compact .controls_text{margin-top:0}}#header,#header:before{width:1112px}.linear dt{margin:0;padding:0;font-weight:700}.linear dd{margin:0 0 .5em;padding:0}.linear dd.description{margin:-.5em 0 1em;padding:0}.linear p.description{margin:0 0 1em;padding:0}.profile_notes{font-size:13px;margin:0 0 15px}.profile_notes>.uk-panel-title{font-size:16px;margin-bottom:10px}.profile_notes ul{list-style-position:inside;margin:0;padding:0}#admin-topiclist,.admin-commandcontrol,.comment_status,.comment_thread,.navbar-breadcrumbs,.story_status,.trackback_status{list-style-position:outside}.profile_notes li{margin:0 0 0 5px;padding:0}ul.compact,ul.compact li{margin:0;padding:0}ul.compact li{display:inline}#container{position:relative;width:1114px;margin:0 auto}#header{margin:0 auto;height:80px}#header-content{width:1112px;margin:0 auto;padding:0}#navigation{width:1094px}#navigation:after{display:block;margin-bottom:-1px}#wrapper,.navigation_content{width:1114px;margin:0 auto}#wrapper:after{display:block}#leftblocks,body.js_off #leftblocks{overflow:visible;float:left;width:230px;margin:0 0 0 -1114px;padding:0}#centerblocks{overflow:visible;float:left;width:100%}body.js_off #main-content,body.left-center-right #main-content{width:634px;margin:0 230px;padding:0 10px}body.left-center #main-content{width:864px;margin:0 0 0 230px;padding:0 10px}body.center-right #main-content{width:864px;margin:0 230px 0 0;padding:0 10px}body.center #main-content{width:100%}#rightblocks,body.js_off #rightblocks{overflow:visible;float:left;width:230px;margin:0 0 0 -230px}#footer{clear:left;margin:0 auto}#footer-content{width:1114px;margin:0 auto}#config_menu{width:280px}body.center-right #config_menu{width:200px}#config_content{width:794px}@media only screen and (min-width:963px) and (max-width:1199px){#navigation:after,#wrapper:after{content:"";display:block;clear:both;height:1px;overflow:hidden}#container{position:relative;width:934px;margin:0 auto}#header,#header-content,#header:before{width:932px}#header{margin:0 auto;height:80px}#header-content{margin:0 auto;padding:0}#navigation,.navigation_content{margin:0 auto;width:932px}#navigation:after{margin-bottom:-1px}#wrapper{width:934px;margin:0 auto}#leftblocks,body.js_off #leftblocks{overflow:visible;float:right;width:230px;margin:0;padding:0}#centerblocks{overflow:visible;float:none;width:auto}body.js_off #centerblocks{width:100%;margin:0;padding:0}body.center-right #main-content,body.js_off #main-content,body.left-center #main-content,body.left-center-right #main-content{float:left;width:684px;margin:0;padding:0 10px}body.center #main-content{width:100%}#rightblocks,body.js_off #rightblocks{overflow:visible;clear:right;float:right;width:230px;margin:0}#footer,#footer-content{width:934px;margin:0 auto}#footer{clear:left;padding:16px 0}#config_menu{float:left;width:210px;padding:0 10px}body.center-right #config_menu{width:200px}#config_content{float:left;width:684px;padding:10px}body.center-right #config_content{width:600px}}@media only screen and (min-width:768px) and (max-width:962px){#container,#header,#header-content,#navigation,#wrapper,.navigation_content{width:auto;margin:0 auto}#navigation:after,#wrapper:after{content:"";display:block;clear:both;height:1px;overflow:hidden}#container{position:relative}#header{height:80px}#header:before{width:auto}#header-content{padding:0}#navigation:after{margin-bottom:-1px}#leftblocks,body.js_off #leftblocks{overflow:visible;float:right;width:230px;margin:0;padding:0}#centerblocks{overflow:visible;float:left;width:100%;margin-left:-230px}body.js_off #centerblocks{width:100%;margin:0;padding:0}body.center-right #main-content,body.js_off #main-content,body.left-center #main-content,body.left-center-right #main-content{float:none;width:auto;margin:0 0 0 230px;padding:0 10px}body.center #main-content{width:100%}body.center #centerblocks{float:left;width:auto;padding:0 10px;margin:0}#rightblocks,body.js_off #rightblocks{overflow:visible;clear:right;float:right;width:230px;margin:0}#footer,#footer-content{width:auto;margin:0 auto}#footer{clear:left;padding:16px 0}}#commentarea,#commentbar:after,#geeklog_config_editor:after,#navlist:after,#profile-userprofile:after,#trackback,.admin-list-search:after,.story_introtext:after,.story_navi,.story_status{clear:both}@media only screen and (max-width:767px){#container,#header,#header-content,#navigation,#wrapper,.navigation_content{width:auto;margin:0 auto}#navigation:after,#wrapper:after{content:"";display:block;height:1px;overflow:hidden;clear:both}#container{position:relative}#header{height:80px}#header:before{width:auto}#header-content{height:100%;padding:0}#navigation:after{margin-bottom:-1px}.navigation_content{padding:5px 0}#leftblocks,body.js_off #leftblocks{overflow:visible;clear:both;float:left;width:100%;margin:0;padding:0}#centerblocks,body.js_off #centerblocks{width:auto;padding:0 10px;float:none;margin:0}#centerblocks{overflow:visible}body.center-right #main-content,body.js_off #main-content,body.left-center #main-content,body.left-center-right #main-content{float:none;width:100%;margin:0;padding:10px 0 0}body.center #main-content{width:100%;padding-top:10px}body.center #centerblocks{float:left;width:auto;margin:0;padding:0 10px}#rightblocks,body.js_off #rightblocks{overflow:visible;clear:both;float:left;width:100%;margin:0;padding:0}#footer{clear:left;width:auto;margin-top:-1px;padding:16px}#footer-content{width:auto;margin:0 auto}}#container{margin-top:12px;padding:12px;border:1px solid #555;border-radius:20px}#wrapper{overflow:visible}#header.brand-image,#header.brand-text{background:url(../images/css/bg_header.png) repeat-x}@media only screen and (max-width:767px){#container{margin-top:0;margin-bottom:0;padding:0;border:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none}#wrapper{padding:0;border:none}}#header.brand-text{padding:0;height:120px;border:1px solid #656663;border-radius:8px;-webkit-box-shadow:0 0 2px 1px #888;box-shadow:0 0 2px 1px #888}@media only screen and (max-width:767px){#header.brand-text{padding:0;border:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;height:80px;margin-top:0}}.brand-text .site_name{position:relative;float:left;font-size:30px;font-weight:700;text-shadow:0 2px 2px rgba(0,0,0,.5);line-height:36px;margin:42px 0 0 20px;padding:0}.brand-text .site_name a:hover,.brand-text .site_name a:link,.brand-text .site_name a:visited{color:#EEE;text-decoration:none}.brand-image .site_slogan,.brand-text .site_slogan{color:#FFF;text-shadow:0 1px 1px rgba(0,0,0,.3);position:relative}@media only screen and (max-width:767px){.brand-text .site_name{float:none;font-size:1.6em;height:50px;line-height:50px;margin:0 auto;text-align:center}}.brand-text .site_slogan{margin:0;padding:16px 16px 0;float:right;text-align:right}@media only screen and (max-width:767px){.brand-text .site_slogan{font-size:75%;float:none;margin:0 auto;padding:0;text-align:center;line-height:1.2em}.brand-text .nameplate{float:none;height:100%;margin:0 auto;max-width:230px;text-align:center}}#header.brand-image{padding:0;height:120px;border:1px solid #656663;border-radius:8px;-webkit-box-shadow:0 0 2px 1px #888;box-shadow:0 0 2px 1px #888}@media only screen and (max-width:767px){#header.brand-image{padding:0;border:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;height:80px;margin-top:0}}.brand-image .site_name{position:relative;margin:20px 0 0 16px;padding:0;float:left;width:226px;height:80px}.brand-image .site_name a{background:url(../images/logo2.png) no-repeat;text-indent:-3000px;display:block;width:100%;height:100%}@media only screen and (max-width:767px){.brand-image .site_name{margin:0 auto;padding:10px 0;float:none;width:98.88px;height:35px}.brand-image .site_name a{-webkit-background-size:98.88px auto;-moz-background-size:98.88px auto;background-size:98.88px auto}}.brand-image .site_slogan{margin:0;padding:16px 16px 0;float:right;text-align:right}@media only screen and (max-width:767px){.brand-image .site_slogan{font-size:75%;float:none;margin:0 auto;padding:0;text-align:center;line-height:1.2em}.brand-image .nameplate{float:none;height:100%;margin:0 auto;max-width:230px;text-align:center}#navigation{padding:0}}#navigation{padding:0;text-align:left;color:#444;background-color:#EEE;background-image:-webkit-linear-gradient(top,#FFF,#EEE);background-image:-moz-linear-gradient(top,#FFF,#EEE);background-image:-o-linear-gradient(top,#FFF,#EEE);background-image:-ms-linear-gradient(top,#FFF,#EEE);background-image:linear-gradient(to bottom,#FFF,#EEE);-webkit-background-origin:border;-moz-background-origin:border;background-origin:border-box}#navigation .uk-navbar{border:none}#navigation .gl-navbar-small .uk-navbar-nav>li>a{height:31px;font-size:13px;line-height:30px;padding:0 10px}#header-content>.uk-navbar-toggle{height:80px}#header-search{padding:5px}.gl-navbar-small #header-search{padding:2.5px}.gl-navbar-small #header-search-box{font-size:12px;height:25px;padding:3px}.welcome_msg{margin:.5em 0 1.5em;padding:.5em 0;border-bottom:1px solid #E7E7E7;color:#888}#centerblocks div.block-center,#centerblocks section.block-center{margin:0 0 1em;padding:0 0 2em;border-bottom:1px solid #CCC}#footer{font-size:12px;background-color:transparent}#footer a:active,#footer a:link,#footer a:visited{color:#666;text-decoration:none}#footer a:hover{color:#2664A2;text-decoration:underline}#footer-content{text-align:center}@media only screen and (max-width:767px){#footer{border:none;color:#999;background-color:#284664}#footer a:active,#footer a:link,#footer a:visited{color:#999;text-shadow:0 1px 1px rgba(0,0,0,.3)}#footer-content{text-shadow:0 1px 1px rgba(0,0,0,.3)}}#leftblocks address,#leftblocks blockquote,#leftblocks dl,#leftblocks fieldset,#leftblocks figure,#leftblocks ol,#leftblocks p,#leftblocks pre,#leftblocks ul,#rightblocks address,#rightblocks blockquote,#rightblocks dl,#rightblocks fieldset,#rightblocks figure,#rightblocks ol,#rightblocks p,#rightblocks pre,#rightblocks ul{margin:0 0 9px}#leftblocks *+address,#leftblocks *+blockquote,#leftblocks *+dl,#leftblocks *+fieldset,#leftblocks *+figure,#leftblocks *+ol,#leftblocks *+p,#leftblocks *+pre,#leftblocks *+ul,#rightblocks *+address,#rightblocks *+blockquote,#rightblocks *+dl,#rightblocks *+fieldset,#rightblocks *+figure,#rightblocks *+ol,#rightblocks *+p,#rightblocks *+pre,#rightblocks *+ul{margin-top:9px}#leftblocks p,#rightblocks p{line-height:1.25}#leftblocks ul,#rightblocks ul{list-style-position:inside;padding-left:.5em}#leftblocks ol,#rightblocks ol{list-style-position:inside;padding-left:.9em}#leftblocks li,#rightblocks li{margin:0 0 .25em;padding:0}#leftblocks input,#rightblocks input{font-size:95%;margin-left:0;margin-right:0}#leftblocks .sideoption,#rightblocks .sideoption{list-style:none;color:#999;margin:0;padding:0}#leftblocks .sideoption a,#rightblocks .sideoption a{display:block;color:#222;height:1.8em;line-height:1.8em;overflow:hidden;padding:0 5px;white-space:nowrap;text-decoration:none}#leftblocks .sideoption a:hover,#rightblocks .sideoption a:hover{background-color:#F1F1F1}#leftblocks .sideoption span,#rightblocks .sideoption span{color:#999;text-decoration:none;margin-left:3px}#leftblocks .sideoption_off,#rightblocks .sideoption_off{list-style:none;color:#999;display:block;height:1.8em;line-height:1.8em;overflow:hidden;margin:0;padding:0 5px;white-space:nowrap}#leftblocks .sideoption_off span,#rightblocks .sideoption_off span{color:#999;text-decoration:none;margin-left:3px}#leftblocks .sideoption_group_label,#rightblocks .sideoption_group_label{color:#630;font-size:103%;font-weight:700;height:1.6em;line-height:1.6em;overflow:hidden;margin:0;padding:0 5px;white-space:nowrap;border-bottom:1px dotted #CCC}#leftblocks .noliststyle,#rightblocks .noliststyle{padding-left:0}#leftblocks .branch_level2 a,#rightblocks .branch_level2 a{padding-left:15px}#leftblocks .branch_level3 a,#rightblocks .branch_level3 a{padding-left:25px}#leftblocks .branch_level4 a,#rightblocks .branch_level4 a{padding-left:35px}#leftblocks .sideoption_off.branch_level2,#rightblocks .sideoption_off.branch_level2{padding-left:15px}#leftblocks .sideoption_off.branch_level3,#rightblocks .sideoption_off.branch_level3{padding-left:25px}#leftblocks .sideoption_off.branch_level4,#rightblocks .sideoption_off.branch_level4{padding-left:35px}#leftblocks h1,#leftblocks h2,#leftblocks h3,#leftblocks h4,#leftblocks h5,#leftblocks h6,#rightblocks h1,#rightblocks h2,#rightblocks h3,#rightblocks h4,#rightblocks h5,#rightblocks h6{margin:0 0 9px}#leftblocks *+h1,#leftblocks *+h2,#leftblocks *+h3,#leftblocks *+h4,#leftblocks *+h5,#leftblocks *+h6,#rightblocks *+h1,#rightblocks *+h2,#rightblocks *+h3,#rightblocks *+h4,#rightblocks *+h5,#rightblocks *+h6{margin-top:9px}#leftblocks h1,#rightblocks h1{font-size:17px;line-height:23px}#leftblocks h2,#rightblocks h2{font-size:16px;line-height:22px}#leftblocks h3,#rightblocks h3{font-size:15px;line-height:21px}#leftblocks h4,#rightblocks h4{font-size:14px;line-height:20px}#leftblocks h5,#rightblocks h5{font-size:13px;line-height:19px}#leftblocks h6,#rightblocks h6{font-size:12px;line-height:18px}@media only screen and (max-width:767px){#leftblocks nav>ol,#leftblocks nav>ul,#rightblocks nav>ol,#rightblocks nav>ul{margin:0}#leftblocks p,#rightblocks p{line-height:1.625}#leftblocks .sideoption_group_label,#rightblocks .sideoption_group_label{color:#630;font-size:103%;font-weight:700;height:1.6em;line-height:1.6em;overflow:hidden;margin:0;padding:0 5px;white-space:nowrap;border-top:1px solid #E7E7E7;border-bottom:1px solid #E7E7E7}#leftblocks input,#rightblocks input{font-size:16px}#leftblocks input[type=submit],#rightblocks input[type=submit]{font-size:14px}#leftblocks .sideoption a,#leftblocks .sideoption a:hover,#leftblocks .sideoption_off,#rightblocks .sideoption a,#rightblocks .sideoption a:hover,#rightblocks .sideoption_off{color:#222;display:block;font-size:16px;text-decoration:none;padding:10px 15px}#leftblocks .sideoption_off,#rightblocks .sideoption_off{color:#999}#leftblocks h1,#leftblocks h2,#leftblocks h3,#leftblocks h4,#leftblocks h5,#leftblocks h6,#rightblocks h1,#rightblocks h2,#rightblocks h3,#rightblocks h4,#rightblocks h5,#rightblocks h6{margin:0 0 15px}#leftblocks *+h1,#leftblocks *+h2,#leftblocks *+h3,#leftblocks *+h4,#leftblocks *+h5,#leftblocks *+h6,#rightblocks *+h1,#rightblocks *+h2,#rightblocks *+h3,#rightblocks *+h4,#rightblocks *+h5,#rightblocks *+h6{margin-top:15px}#leftblocks h1,#rightblocks h1{font-size:22px;line-height:28px}#leftblocks h2,#rightblocks h2{font-size:20px;line-height:26px}#leftblocks h3,#rightblocks h3{font-size:18px;line-height:24px}#leftblocks h4,#rightblocks h4{font-size:16px;line-height:22px}#leftblocks h5,#rightblocks h5{font-size:14px;line-height:20px}#leftblocks h6,#rightblocks h6{font-size:12px;line-height:18px}}#loginform-loginname,#loginform-passwd{width:75%}.block-message{margin:1.5em 0;padding:0;border-radius:6px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1)}.block-message dl{margin:0;padding:0}.block-message dt{margin:0;padding:4px 8px;background:#3E6B98;color:#EEEEEC;text-shadow:0 1px 1px rgba(0,0,0,.3);font-weight:700;border:1px solid rgba(0,0,0,.2);border-radius:6px 6px 0 0}.block-message dd{margin:0;padding:8px 12px;background:#EEE;color:#404040;text-shadow:0 1px 0 rgba(255,255,255,.5);border:1px solid rgba(0,0,0,.2);border-radius:0 0 6px 6px}.block-message p{margin:.2em 0;line-height:1.25}.block-left,.block-list,.block-right{margin-bottom:12px;border-top:1px solid #AAA;padding:8px;background:url(../images/css/block_bg.png) repeat-x #FFF;border-radius:5px}@media only screen and (max-width:767px){.block-left,.block-list,.block-right{font-size:100%;margin:0 10px;padding:0;border:none;background:0 0;border-radius:0}}#leftblocks .block-title,#rightblocks .block-title{margin:0 0 .5em;padding:0 0 .1em;font-size:14px;font-weight:700;line-height:20px;border:none}#searchform fieldset{margin-top:15px;padding:0}#searchform a{line-height:1.5em}@media only screen and (max-width:767px){#searchform fieldset{margin-top:10px;margin-bottom:10px;padding:0;text-align:center}#searchform .searchform{text-align:center}}#loginform .submit,.form_part,.form_part label,.searchform{margin-bottom:.3em}.searchform{line-height:2.2em}input[type=text].search{background:url(../images/search.png) left center no-repeat #FFF;padding-left:24px;width:120px;color:#999}#login_facebook,#login_github,#login_google,#login_linkedin,#login_microsoft,#login_openid,#login_twitter,#login_yahoo{left:0;width:141px}#login_facebook{background:url(/images/oauth-login-with-sprite.png) no-repeat}#login_twitter{background:url(/images/oauth-login-with-sprite.png) 0 -23px no-repeat}#login_linkedin{background:url(/images/oauth-login-with-sprite.png) 0 -44px no-repeat}#login_google{background:url(/images/oauth-login-with-sprite.png) 0 -66px no-repeat}#login_yahoo{background:url(/images/oauth-login-with-sprite.png) 0 -88px no-repeat}#login_microsoft{background:url(/images/oauth-login-with-sprite.png) 0 -110px no-repeat}#login_github{background:url(/images/oauth-login-with-sprite.png) 0 -132px no-repeat}#login_openid{background:url(/images/oauth-login-with-sprite.png) 0 -154px no-repeat}#loginform fieldset{margin-top:15px;padding:0}#loginform a{line-height:1.5em}.form_part label{display:block;line-height:1.2em}form.third-party-login{margin:.1em 0}form.third-party-login div{position:relative}form.third-party-login div img{position:absolute;left:6px;top:6px}form.third-party-login div input{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}form.third-party-login div input.submit{text-indent:24px;font-size:12px;height:28px}div.third-party-login{width:164px}@media only screen and (max-width:767px){#block-left-search>h2,#leftblocks .block-title,#rightblocks .block-title,#search-configuration-container label{color:#EEEEEC;font-weight:700;padding:8px 5px;text-align:left;text-shadow:0 1px 1px rgba(0,0,0,.3);font-size:16px}#navigation_ul{display:none}#block-left-search>h2,#leftblocks .block-title,#rightblocks .block-title{background:#3B6998;border:none;margin:0 -10px}#block-left-search>h2.show,h2.show{background:url(../images/arrow-down.png) right 50% no-repeat #3B6998;-webkit-background-size:36px auto;-moz-background-size:36px auto;background-size:36px auto}#block-left-search>h2.hide,h2.hide{background:url(../images/arrow-up.png) right 50% no-repeat #3B6998;-webkit-background-size:36px auto;-moz-background-size:36px auto;background-size:36px auto}#config_menu .block-title{margin-left:-10px;margin-right:-10px}#search-configuration-container label{margin:0 -10px .5em;display:block;border-bottom:1px solid #CCC;background:#3B6998}#search-configuration{font-size:16px}.block-left-content,.block-list-content,.block-right-content{padding:10px 0;text-shadow:0 1px 0 #FFF}#block-left-search>.block-left-content{padding:10px;margin:0}.noliststyle{list-style:none;padding:0;margin:0}.block-list-content{margin-left:-10px;margin-right:-10px;padding:0}.block-list-content li{border-bottom:1px solid #E7E7E7}.block-list-content li:last-child{border-bottom:none}}#container{margin-bottom:10px;-webkit-box-shadow:0 0 8px 1px #333;box-shadow:0 0 8px 1px #333}@media only screen and (max-width:767px){#container{margin:5px;border:1px solid #555}}@media only screen and (min-width:768px) and (max-width:962px){#container{margin:5px}}#header{margin-bottom:12px}#navigation{text-shadow:0 1px 0 #FFF;background:url(../images/css/menu_bg.png) repeat-x #DBDDD9;border:1px solid #939490;margin:auto auto 12px;border-radius:8px;-webkit-box-shadow:0 0 2px 1px #AAA;box-shadow:0 0 2px 1px #AAA}@media only screen and (max-width:767px){#header,#navigation{margin-bottom:0}}#navigation li a{border-right:1px dotted #939490}#navigation li:first-child a{border-left:1px dotted #939490}#navigation .uk-navbar{background:0 0}#navigation .uk-navbar-nav{margin:0 1em}#navigation .uk-navbar-nav>li>a,#navigation .uk-navbar-nav>li>a:link,#navigation .uk-navbar-nav>li>a:visited{text-decoration:none;text-shadow:none;color:#2E3436}#navigation .uk-navbar-nav>li.uk-active>a,#navigation .uk-navbar-nav>li.uk-open>a,#navigation .uk-navbar-nav>li:hover>a,#navigation .uk-navbar-nav>li>a:active,#navigation .uk-navbar-nav>li>a:focus{-webkit-box-shadow:none;box-shadow:none;border-top-color:#939490;background:url(../images/css/menu_bg_active.png) repeat-x #EDEDEB}.navigation_content{width:100%}#wrapper{padding:0 0 30px;margin-bottom:10px}#footer{width:auto;padding:12px;border:1px solid #656663;background:#EDEDEB;color:#223;border-radius:8px}@media only screen and (max-width:767px){#wrapper{margin-bottom:0}#footer{border:none;border-radius:0;color:#999;background-color:#284664}#footer a:active,#footer a:link,#footer a:visited{color:#999;text-shadow:0 1px 1px rgba(0,0,0,.3)}.story_icon{display:none}}.story_title,.story_title a:link,.story_title a:visited{color:#222;text-decoration:none}.storytext{margin:0 0 1.5em;border-bottom:1px solid #E7E7E7}.storytext table{text-align:left;border-collapse:collapse;margin:1em .5em}.storytext tr{margin:0;padding:0}.storytext td,.storytext th{margin:0;padding:.2em .6em;line-height:160%;border:1px solid #DDD}.storytext th{font-weight:700;background:#F5F5F5}.storytext img{max-width:100%;height:auto}.story_title{float:left;margin:0 0 10px;font-size:20px}.story_title a:hover{color:#2664A2;text-decoration:underline}.story_icon{float:right;font-size:18px}.story_icon a{margin-left:5px}.story_status{list-style-type:none;padding-left:1em;color:#999;font-size:85%;line-height:1.25}.feedback,.story_navi{padding-left:0;text-align:center;list-style-type:none}.story_introtext{margin:0 0 2em;line-height:1.625;zoom:1}.story_introtext:after,.story_introtext:before{content:"";display:table}.story_image{width:48px;height:48px}.story_image+address,.story_image+blockquote,.story_image+dl,.story_image+fieldset,.story_image+figure,.story_image+ol,.story_image+p,.story_image+pre,.story_image+ul{margin-top:0}.story_navi{margin:0}.story_navi li{display:inline;margin:0 2px}.feedback{margin:0 0 .5em}.feedback li{display:inline;margin:0 2px}.article{font-size:100%}.gl-tooltip span{margin-left:-999em;position:absolute;text-align:left;width:250px}.gl-tooltip:link,.gl-tooltip:visited{color:#2664A2;outline:0;text-decoration:none;position:relative}.gl-tooltip:hover span{border-radius:8px;-webkit-box-shadow:2px 2px 8px #666;box-shadow:2px 2px 8px #666;font-size:1em;text-align:left;white-space:normal;font-family:Calibri,Tahoma,Geneva,sans,sans-serif;position:absolute;left:2.2em;top:2.2em;z-index:99;margin-left:0;width:250px}.gl-tooltip:hover img.icon{border:0;margin:-15px 0 0 -51px;float:left;position:absolute}.gl-tooltip:hover em{font-family:Candara,Tahoma,Geneva,sans,sans-serif;font-size:1.2em;font-weight:700;display:block;padding:.2em 0 .6em .4em}#gl-tooltip-icon{border:0}span.classic{padding:.8em 1em;background:#EEEEEC;border:2px solid #555753}span.custom{padding:.5em .8em .8em 2em}span.critical{background:#F5F0F0;border:2px solid #A40000}span.help,span.info{background:#EDF0F2;border:2px solid #204A87}span.critical em{color:#A40000}span.help em,span.info em{color:#204A87}span.warning{background:#FCF7EF;border:2px solid #CE5C00;font-weight:400;color:#000}span.warning em{color:#CE5C00}.list-story-options,.list-whats-related{line-height:1.7em;margin:0 0 0 20px;padding:0}.commentbar_status{text-align:center;margin:1em 0}.bar_separator{padding-left:5px;padding-right:5px;color:#CCC}#commentbar{padding:3px;background:#EEE;border-radius:4px;zoom:1}#commentbar:after,#commentbar:before{content:"";display:table}#commentbar-comment{float:left;padding:.3em}#commentbar-selector{float:right;padding:.3em}.disclaimer{text-align:center;color:#666;margin:.5em 0 1em}#commentpreview{margin:0;background:0 0;border:1px dashed grey;padding:5px 10px}#commenteditform,.comment_title{border:1px solid #E7E7E7;background:#F7F7F7}#commenteditform{margin:0;padding:10px}.comment_thread{list-style-type:none;margin:0 0 .5em;padding:0;text-align:left}.thread_title{display:inline;margin:0;padding:0}.thread_author{display:inline;margin:0 0 0 8px;padding:0}.thread_author:before{content:" - "}.block-comment-content{margin:0;padding:0;text-align:left}.level-0{margin-left:0}.level-25{margin-left:16px}.level-50{margin-left:32px}.level-75{margin-left:48px}.level-100{margin-left:64px}.level-125{margin-left:80px}.level-150{margin-left:96px}.level-175{margin-left:112px}.level-200{margin-left:128px}.level-225{margin-left:144px}.level-250{margin-left:160px}.level-275{margin-left:176px}.level-300{margin-left:192px}.level-325{margin-left:208px}.level-350{margin-left:224px}.level-375{margin-left:240px}.level-400{margin-left:256px}.comment_status{list-style-type:none;margin:0;padding:0}.comment_title{display:block;margin:1em 0 .5em;padding:4px}.comment_author,.comment_content,.reportcomment{margin:0 0 1em;padding:0}.li-navlist #current,.li-navlist #current:last-child a{border-top-right-radius:3px}.comment_author{display:block;color:#666}.dt-commentform-username,.li-navbar-breadcrumbs{display:inline}.comment_navi{clear:both;color:#666}.reportcomment{border-bottom:1px solid #E7E7E7}.logoutorcreateaccount{padding:0 3px}.importantstuff{margin-top:0}.ul-importantstuff{margin:0 0 0 1em;padding:0}.li-importantstuff{margin:0 0 0 8px;padding:0}.navbar-breadcrumbs{list-style-type:none;margin:0;padding:0}.a-navbar-breadcrumbs{margin:0 8px}#navcontainer{width:100%;margin-bottom:10px;padding-bottom:2px;font-size:90%;line-height:normal;border-bottom:1px solid #DDD;height:30px}#navlist{display:block;margin:0 0 20px;padding:0;list-style:none}#navlist:after,#navlist:before{content:"";display:block;overflow:hidden;visibility:hidden;width:0;height:0}.a-navlist,.li-navlist{display:block;width:auto}.li-navlist{height:30px;padding:0;float:left;margin:2px -1px 0 0}.li-navlist #current{background:#FFF;height:29px;position:relative;top:-5px;padding-top:5px;border-left-width:1px;margin:0;color:#111;border-top-left-radius:3px;border-bottom-color:#FFF}.li-navlist #current:first-child a{border-width:1px;border-top-left-radius:3px}.a-navlist{text-decoration:none;height:29px;padding:0 12px;line-height:30px;border:1px solid #DDD;margin:0;background:#F5F5F5}.a-navlist:hover,.a-navlist:link,.a-navlist:visited{color:#555;text-decoration:none}.gl-pagenav{text-align:center;color:#CCC;margin:0 0 1.5em;line-height:1.4em}.gl-pagenav a,.gl-pagenav b{display:inline-block;margin:1px 2px;padding:2px 7px;background:0 0;border:1px solid #E7E7E7}.gl-pagenav b{color:#222}.gl-pagenav a:hover{background:#EEE;border:1px solid #CCC}.gl-pagenav span a,.gl-pagenav span a:hover{background:0 0;border:none}.gl-pagenav span{display:inline-block;color:#999}#profile-userprofile:after,#profile-userprofile:before,.admin-list-search:after,.admin-list-search:before{display:table;content:""}.gl-pagenav span a{margin:0;padding:2px 0}.gl-pagenav .divider{padding:0;margin:0 4px}.bc_navigation{margin:0 0 15px}#boxesblock>.checkboxes-list>li,#exclude_topic>.checkboxes-list>li{margin-right:.5em}.itemstatistics{width:100%;margin:0;padding:0;border-collapse:collapse}.itemstatistics td,.itemstatistics th{margin:0;padding:2px}.itemstatistics th{text-align:left}.block-trackback-content{border-bottom:1px solid #E7E7E7}.block-trackback-content>p{margin:0 0 1em}.formattedcomment,.trackback_comments_no_link{margin:0 0 1em;padding:0}.trackback_status{list-style-type:none;margin:0;padding:0}.trackback_title{margin:0 0 .5em;padding:4px;border:1px solid #E7E7E7;background:#F7F7F7}.trackback_date{margin:0 0 .5em;padding:0}.trackback_excerpt_readmore{margin:0 0 1em;padding:0}#profile-userprofile{overflow:hidden;margin:0;padding:0;zoom:1}#profile-userprofile dt{float:left;clear:left;width:25%;margin:0 0 .5em;padding:0}#profile-userprofile dd{float:left;width:75%;margin:0 0 .5em;padding:0}dd#profile-user_photo{float:none;width:auto;margin-left:25%;margin-bottom:1em}@media only screen and (max-width:767px){dd#profile-user_photo{margin-left:50%}}.commentrow,.storyrow{margin:0;padding:0}.commentrow a,.storyrow a{margin:0 8px 0 0;padding:0}#profile-postingstats{margin:0;padding:0}#profile-postingstats dt{float:left;clear:left;width:25%;margin:0 0 .5em;padding:0}#profile-postingstats dd{float:left;width:75%;margin:0 0 .5em;padding:0}@media only screen and (max-width:767px){#profile-postingstats dd,#profile-postingstats dt,#profile-userprofile dd,#profile-userprofile dt{width:50%}}#profile-all_postings_by{clear:left;padding-top:1em}.tm-updating{background-image:url(../images/throbber.gif);background-repeat:no-repeat;background-position:5px 4px;border-width:1px;padding-left:3px}.story_status{margin:0 0 15px 50px;padding-top:5px}.story_image{float:left;margin:-60px 10px 10px 0}.admin_basic{padding:.5em 2em}@media only screen and (max-width:962px){.admin_basic{padding:.5em 0}}#admin-topmenu{margin-bottom:2em;border:1px solid rgba(0,0,0,.2);padding:10px 5px;line-height:1.25;border-radius:4px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1)}.admin-menu-icon{float:left;padding:5px;margin-right:10px;width:48px;height:48px}#instructions{padding:5px}#instructions>p{margin:0 0 5px;line-height:1.25}#admin-menu-fields{color:#CCC}.admin-topic-image{margin:0 5px 0 0}#rights_options{width:100%;font-size:11px}.listmembers{float:left;width:35%;height:15em}#admin-groupmembers-fieldFrom,#admin-groupmembers-fieldTo{width:100%;height:100%}.movemembers{float:left;width:30%;padding-top:5em;text-align:center;height:12em}.movebutton{margin:.5em 0;text-align:center}.admin-list-table{margin:0;width:100%;font-size:13px;border-collapse:collapse;border-spacing:0}@media only screen and (max-width:1199px){.admin-list-table{width:900px}}.fieldset-table-wrapper>.admin-list-table{width:100%}.admin-list-table td,.admin-list-table th{height:24px;padding:4px 8px;border-bottom:1px solid #E5E5E5}.admin-list-table th{background-color:#DAE0ED}.uk-table tbody tr.uk-active>td{background:#F0F0F0}.uk-table-striped tbody tr:nth-of-type(odd){background:#FAFAFA}.uk-table-hover tbody tr:hover>td{background:#F0F0F0}.admin-list-navi{margin-top:.5em}.admin-list-message{margin:1em 0 0;padding:0;text-align:center}.admin-list-search{text-align:center;margin:.5em 0;zoom:1}.admin-list-smalltable{margin:0 0 .5em;border-collapse:separate;border-spacing:1px;font-size:13px}.search-part{display:inline-block;margin-right:5px;white-space:nowrap}@media only screen and (max-width:767px){.admin-list-search{text-align:left}.search-part{display:block}}#admin-permissions{margin:0 0 .5em;width:auto;font-size:13px;border-collapse:collapse;border-spacing:0;border:1px solid rgba(0,0,0,.2)}#admin-permissions th{background-color:#DAE0ED}#admin-permissions td,#admin-permissions th{font-weight:700;text-align:center;vertical-align:middle;border-bottom:1px solid rgba(0,0,0,.2);border-right:1px solid rgba(0,0,0,.2)}.admin-commandcontrol{list-style-type:none;margin:0;padding:0}.admin-commandcontrol li{float:left;width:12.5%;height:8em;margin:0;padding:0;text-align:center}@media only screen and (max-width:1199px){.admin-commandcontrol li{width:16.66%}}@media only screen and (min-width:768px) and (max-width:962px){.admin-commandcontrol li{width:20%}}@media only screen and (max-width:767px){.admin-commandcontrol li{width:25%}}@media only screen and (max-width:479px){.admin-commandcontrol li{width:33.33%}}.admin-commandcontrol a{display:block;font-size:90%;margin:5px 0}#admin-editor #title{font-size:13px;font-weight:700;position:relative;top:10px}b.notbold{font-weight:400}b.status_red{display:inline;color:#A40000}b.status_orange{display:inline;color:#B25000}b.status_green{display:inline;color:#3D7805}b.status_black{display:inline;color:#000}.story_editor{margin:0 0 1em;padding:8px;border:1px solid #CCC}.story_editor dl{margin-bottom:0}.story_editor dt{width:14%}.story_editor dd{width:85%}@media only screen and (max-width:962px){.story_editor dd,.story_editor dt{width:auto}}#text_editor dd.description{margin-left:15%}#admin-storyeditor-bodytext,#admin-storyeditor-introtext{width:98%}#preview{margin:1em 0;padding:1em 0;border-top:1px solid #CCC;border-bottom:none}.story_stats{display:inline-block;float:left;margin-right:2em}#admin-topiclist{list-style-type:none;margin:0;padding:0}#admin-topiclist li{float:left;width:20%;height:8em;margin:0;padding:0;text-align:center}#admin-topiclist a{display:block}.trackback-message{margin:0 0 1em;padding:0}.userphoto{margin:.5em .5em 0 0}.groupinstructions{margin:0 0 .5em}#reminder-submit{margin:.5em 0}.pathtext{font-size:11px;color:#666}.pathtext-status{text-align:right;white-space:nowrap}.iswriteable,.yes{font-weight:700;color:#46882B}.no,.notok,.notwriteable{font-weight:700;color:#C00}#panel_phpinfo{width:600px;margin:auto;text-align:center;padding:50px;display:none}#toggle_phpinfo{padding:5px;width:200px;margin:auto;text-align:center;border:1px solid #C3C3C3}.allowed_autotags,.allowed_html_tags{margin-top:15px;margin-bottom:15px}#totop-scroller{position:fixed;z-index:99;bottom:20px;right:20px;text-align:center;font-size:40px;cursor:pointer;color:rgba(128,128,128,.6)}.block-help-icon{font-size:18px;margin-left:8px}#config_menu{float:left;padding:0 10px}#search-configuration-container,.block-config{margin:0 0 .5em;padding:8px 0;text-align:left}#search-configuration-container label,.block-config-title{margin:0 0 .5em;padding:0 0 .1em;display:block;border-bottom:1px solid #CCC;font-size:105%;font-weight:700}.block-config-content{padding-left:5px}.configoption{list-style:none;color:#999;margin:0;padding:0}.configoption a,.configoption_off{display:block;height:1.8em;line-height:1.8em;overflow:hidden;padding:0 5px;white-space:nowrap}.configoption a{color:#222;text-decoration:none}.configoption a:hover{background-color:#F1F1F1}.configoption_off{list-style:none;color:#999;margin:0}#config_content{float:left;padding:10px}body.center-right #config_content{width:600px}#geeklog_config_editor{zoom:1}#geeklog_config_editor:after,#geeklog_config_editor:before{content:"";display:table}#config_main{width:100%}#search-configuration{width:90%;margin:10px 0 10px 5px}.inputTable{width:100%;margin:0;padding:0}.config_label,.restore{padding:.5em 0}.config_label{float:left;width:35%}.config_input{float:left;width:53%}.config_name{clear:left;margin:5px 0;padding:5px}.config_name input[type=text],.config_name textarea{width:53%}.config_name select{width:54.5%;max-width:none}.config_validation_error_block{color:#D14;font-size:12px}@media only screen and (max-width:962px){.configoption,.configoption_off{display:inline-block;margin:.2em .4em .2em 0}body.center #config_menu{width:100%;padding:0}body.center #config_content{float:left;width:100%;padding:10px 0}.configoption a,.configoption_off{overflow:visible;padding:0 10px;height:1.8em;line-height:1.8em}.configoption{border:1px solid #BEDAF3;border-radius:2px;background:#E4EDF5;color:#369}.configoption a{color:#369}.configoption_off{border:1px solid #79B1E7;border-radius:2px;background:#A8C4E0;color:#2A527A;font-weight:700}#text_editor dd.description{margin-left:0}}@media only screen and (min-width:768px) and (max-width:962px){#config_menu{float:left;width:728px;padding:0 10px}body.center-right #config_menu{width:508px}#config_content{float:left;width:728px;padding:10px}body.center-right #config_content{width:508px}#search-configuration-container,.block-config{margin:0;padding:5px 0}}@media only screen and (max-width:767px){#config_menu,.config_label,body.center-right #config_content,body.center-right #config_menu{width:100%}#geeklog_config_editor{padding:0}#config_menu{float:left;padding:0}#config_content{float:left;width:100%;padding:10px 0}.config_label{float:left;padding:0;font-weight:700}.restore{padding:.5em 0}.config_input{float:left;width:90%}.config_name{margin:5px 0;padding:5px}.config_name input[type=text],.config_name textarea{width:95%}.config_name select{max-width:none;width:98%}#search-configuration-container,.block-config{margin:0;padding:5px 0}} \ No newline at end of file diff --git a/public_html/layout/denim_curve/css_rtl/ie8.css b/public_html/layout/denim_curve/css_rtl/ie8.css new file mode 100644 index 000000000..73772eb27 --- /dev/null +++ b/public_html/layout/denim_curve/css_rtl/ie8.css @@ -0,0 +1,64 @@ + +/*-------------------------------------- + Profile Notes +--------------------------------------*/ + +.profile_notes { + border: 1px solid #CCC; +} + +/*-------------------------------------- + System Message Block +--------------------------------------*/ + +/* Title */ +.block-message dt { + border: 1px solid #32567B; +} + +/* Message */ +.block-message dd { + font-weight: bold; + border-bottom: 1px solid #BEBEBE; + border-left: 1px solid #BEBEBE; + border-right: 1px solid #BEBEBE; +} + +/*-------------------------------------- + Story +--------------------------------------*/ + +.story_icon a { + display: inline-block; +} + +/*-------------------------------------- + Comment Block +--------------------------------------*/ + +#commentbar-selector { + width:75%; + text-align: left; /* rtl */ +} + +#commentbar-selector div { + display: inline; + width: 100%; +} + +/*-------------------------------------- + Admin Top Menu Style +--------------------------------------*/ + +#admin-topmenu { + border: 1px solid #DDD; +} + +/*-------------------------------------- + Admin Page +--------------------------------------*/ + +.search-part { + display: inline; + white-space: normal; +} diff --git a/public_html/layout/denim_curve/css_rtl/index.html b/public_html/layout/denim_curve/css_rtl/index.html new file mode 100644 index 000000000..e69de29bb diff --git a/public_html/layout/denim_curve/css_rtl/print.css b/public_html/layout/denim_curve/css_rtl/print.css new file mode 100644 index 000000000..af0301c1d --- /dev/null +++ b/public_html/layout/denim_curve/css_rtl/print.css @@ -0,0 +1,194 @@ +/* STYLESHEET FOR PRINTOUTS */ + +body, div, +p, blockquote, pre, code, +dl, dt, dd, +fieldset, +form, legend { + margin: 0; + padding: 0; + text-align: right; /* rtl */ +} + +label { + text-align: right; /* rtl */ +} + +body { + background-color: #FFF; + border: none; + color: #000; + font-size: small; /* 10pt */ + font-family: verdana, arial, sans-serif; + font-weight: normal; + line-height: 1.3em; +} + +img { + border: none; + text-align: right; /* rtl */ +} + +a:link, a:visited, a:active { + color: #105CB6; + text-decoration: none; +} +a:hover { + color: #3388ff; + text-decoration: underline; +} + +p { + padding-bottom: 1em; +} + +ul { + margin: 0.5em 2.5em 0.5em 0; /* rtl */ + padding: 0; +} + +ol { + margin: 0.5em 2.5em 0.5em 0; /* rtl */ + padding-right: 0.5em; /* rtl */ +} + +li { + margin: 0.5em 0; + padding: 0; +} + +dl { + margin: 1em 0; +} + +dt { + margin: 0.5em 0; +} + +dd { + margin: 0.5em 2.5em 0.5em 0; /* rtl */ +} + +h1, h2, h3, h4 { + font-family: 'Trebuchet MS', sans-serif; +} +h1 { + font-size: 2em; + margin: 16px 0; +} +h2 { + font-size: 1.5em; + margin: 14px 0; + font-weight: normal; +} +h3 { + font-size: 1.2em; + margin: 14px 0; +} +h4 { + font-size: 1em; + margin: 15px 0; +} +h5 { + font-size: 0.8em; + margin: 16px 0; +} +h6 { + font-size: 0.7em; + margin: 18px 0; +} + +.hidden { + display: none; +} + +table { + font-family: verdana, arial, sans-serif; + text-align: right; /* rtl */ + border-collapse: collapse; + margin: 1em 0.5em; +} + +tr { + margin: 0; + padding: 0; + vertical-align: middle; +} + +th, +td { + margin: 0; + padding: 0.2em 0.6em; + vertical-align: middle; + line-height: 160%; + border: 1px solid #000; +} + +th { + text-align: right; /* rtl */ + font-weight: bold; + background: #F5F5F5; +} + +@media screen { + #wrapper { + margin: 100px; + } +} + +@media print { + #wrapper { + margin: 0px; + } +} + +#wrapper div#header { + width: 100%; +} + +#print div#header h2 { + font-size: 1.5em; + font-weight: bold; + line-height: 1.5em; + + padding: 5px 0px; + border-top: 1px solid #CCC; + border-bottom: 1px solid #CCC; +} + +@media print { + #print div#header h2 { + border-top: 1px solid #000; + border-bottom: 1px solid #000; + } +} + +#print div#header p { + font-size: 0.9em; + text-align: left; /* rtl */ + padding: 2px 0; +} + +#print div#story { + padding: 1em 0; +} + +#print div#story:after { + content: ""; + display: block; + clear: both; + height: 1px; + overflow: hidden; +} + +#print div#footer { + font-size: 0.85em; + padding: 5px 0px; + border-top: 1px solid #CCC; +} + +@media print { + #print div#footer { + border-top: 1px solid #000; + } +} diff --git a/public_html/layout/denim_curve/css_rtl/style.gradient.css b/public_html/layout/denim_curve/css_rtl/style.gradient.css new file mode 100644 index 000000000..55eba7e8a --- /dev/null +++ b/public_html/layout/denim_curve/css_rtl/style.gradient.css @@ -0,0 +1,4892 @@ +/* Geeklog Denim Theme 1.1.0 | Copyright (C) 2012-2016 by dengen | http://www.trybese.com/~dengen/log/ | License:GPL-2.0+ */ +address { + font-style: normal; + font-weight: normal; +} + +q:before { + content: open-quote; +} + +q:after { + content: close-quote; +} + +cite, +em, +var, +dfn { + font-style: italic; +} + +code, +samp, +kbd { + font-family: monospace; +} + +abbr[title], +acronym[title] { + border-bottom: 1px dotted; +} + +a { + color: #2664A2; + outline: 0; +} + +a:hover { + color: #2664A2; + text-decoration: underline; +} + +dt { + font-weight: bold; + margin-right: 20px; +} + +dd { + margin-right: 20px; +} + +ins { + text-decoration: underline; +} + +del { + text-decoration: line-through; +} + +textarea { + font-size: 100%; + width: 75%; + min-height: 60px; +} + +hr { + height: 1px; + border: none; + border-top: 1px solid #CCC; + margin: .5em auto; +} + +sub { + vertical-align: sub; + font-size: .83em; + line-height: normal; +} + +sup { + vertical-align: super; + font-size: .83em; + line-height: normal; +} + +fieldset { + margin: 0 0 1em 0; + padding: 8px 12px; + border: 1px solid #CCC; + border-radius: 4px; +} + +legend { + padding: 2px 4px; +} + +iframe[width="100%"] { + width: 99%; +} + +em { + font-weight: bold; +} + +img { + border: none; + vertical-align: bottom; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + margin: 0 0 15px 0; +} + +* + h1, +* + h2, +* + h3, +* + h4, +* + h5, +* + h6 { + margin-top: 15px; +} + +h1 { + font-size: 22px; + line-height: 28px; +} + +h2 { + font-size: 20px; + line-height: 26px; +} + +h3 { + font-size: 18px; + line-height: 24px; +} + +h4 { + font-size: 16px; + line-height: 22px; +} + +h5 { + font-size: 14px; + line-height: 20px; +} + +h6 { + font-size: 12px; + line-height: 18px; +} + +table img { + vertical-align: middle; +} + +/* Forms */ +@media only screen and (max-width: 479px) { + + select { + max-width: 270px; + } +} + +select { + height: 28px; + line-height: 28px; +} + +select.multiple, +select[multiple="multiple"] { + height: auto; +} + +option { + padding-left: 4px /* for Firefox */; +} + +input[type="text"]:focus, +input[type="password"]:focus, +input[type="email"]:focus, +textarea:focus { + border: 1px solid #AAA; + color: #222; + -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); + box-shadow: 0 0 3px rgba(0,0,0,.2); +} + +input[type="submit"]::-moz-focus-inner, +input[type="button"]::-moz-focus-inner, +input[type="reset"]::-moz-focus-inner { + border: 0; + padding: 0; +} + +input[type="submit"], +input[type="button"], +input[type="reset"] { + /* 1 */ + -webkit-appearance: none; + /* 2 */ + margin: 0; + /* 3 */ + border: none; + /* 4 */ + overflow: visible; + /* 5 */ + font: inherit; + color: #444; + /* 6 */ + text-transform: none; + /* 7 */ + display: inline-block; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 0 12px; + background: #F7F7F7; + vertical-align: middle; + /* 8 */ + line-height: 28px; + /* 9 */ + min-height: 30px; + /* 10 */ + font-size: 1rem; + /* 11 */ + text-decoration: none; + text-align: center; + border: 1px solid rgba(0,0,0,.2); + border-bottom-color: rgba(0,0,0,.3); + -webkit-background-origin: border; + -moz-background-origin: border; + background-origin: border-box; + background-image: -webkit-linear-gradient(top, #FFF, #EEE); + background-image: -moz-linear-gradient(top, #FFF, #EEE); + background-image: -o-linear-gradient(top, #FFF, #EEE); + background-image: -ms-linear-gradient(top, #FFF, #EEE); + background-image: linear-gradient(to bottom, #FFF, #EEE); + border-radius: 4px; + text-shadow: 0 1px 0 #FFF; +} + +input[type="submit"]:not(:disabled), +input[type="button"]:not(:disabled), +input[type="reset"]:not(:disabled) { + cursor: pointer; +} + +input[type="submit"]:hover, +input[type="button"]:hover, +input[type="reset"]:hover, +input[type="submit"]:focus, +input[type="button"]:focus, +input[type="reset"]:focus { + background-color: #FAFAFA; + color: #444; + /* 2 */ + outline: none; + /* 3 */ + text-decoration: none; + background-image: none; +} + +input[type="submit"]:active, +input[type="button"]:active, +input[type="reset"]:active, +input[type="submit"].uk-active, +input[type="button"].uk-active, +input[type="reset"].uk-active { + background-color: #F5F5F5; + color: #444; + border-color: rgba(0,0,0,.2); + border-top-color: rgba(0,0,0,.3); + background-image: none; + -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.1); + box-shadow: inset 0 2px 4px rgba(0,0,0,.1); +} + +input[type="submit"]:disabled, +input[type="button"]:disabled, +input[type="reset"]:disabled { + background-color: #FAFAFA; + color: #999; + border-color: rgba(0,0,0,.2); + background-image: none; + -webkit-box-shadow: none; + box-shadow: none; + text-shadow: 0 1px 0 #FFF; +} + +.uk-button-group input[type="submit"], +.uk-button-group input[type="button"], +.uk-button-group input[type="reset"] { + vertical-align: top; +} + +.uk-button-group > div:not(:first-child):not(:last-child) input[type="submit"], +.uk-button-group > div:not(:first-child):not(:last-child) input[type="button"], +.uk-button-group > div:not(:first-child):not(:last-child) input[type="reset"] { + border-radius: 0; +} + +.uk-button-group > div:first-child input[type="submit"], +.uk-button-group > div:first-child input[type="button"], +.uk-button-group > div:first-child input[type="reset"] { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.uk-button-group > div:last-child input[type="submit"], +.uk-button-group > div:last-child input[type="button"], +.uk-button-group > div:last-child input[type="reset"] { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.uk-button-group > div:nth-child(n+2) input[type="submit"], +.uk-button-group > div:nth-child(n+2) input[type="button"], +.uk-button-group > div:nth-child(n+2) input[type="reset"] { + margin-right: -1px; +} + +.uk-contrast input[type="submit"], +.uk-contrast input[type="button"], +.uk-contrast input[type="reset"] { + color: #444; + background: #FFF; + border-color: transparent; +} + +.uk-contrast input[type="submit"]:hover, +.uk-contrast input[type="button"]:hover, +.uk-contrast input[type="reset"]:hover, +.uk-contrast input[type="submit"]:focus, +.uk-contrast input[type="button"]:focus, +.uk-contrast input[type="reset"]:focus { + background-color: rgba(255,255,255,.8); + color: #444; + border-color: transparent; +} + +.uk-contrast input[type="submit"]:active, +.uk-contrast input[type="button"]:active, +.uk-contrast input[type="reset"]:active, +.uk-contrast input[type="submit"].uk-active, +.uk-contrast input[type="button"].uk-active, +.uk-contrast input[type="reset"].uk-active { + background-color: rgba(255,255,255,.7); + color: #444; + -webkit-box-shadow: none; + box-shadow: none; +} + +/* Modify UIkit */ +.uk-form input, +.uk-form button, +.uk-form select, +.uk-form textarea { + margin: 0 1px 2px; +} + +.uk-form .uk-button-group input, +.uk-form .uk-button-group button, +.uk-form .uk-button-group select, +.uk-form .uk-button-group textarea { + margin: 0 0 2px; +} + +.uk-form input[type="checkbox"], +.uk-form input[type="radio"] { + margin-right: 3px; + margin-left: 3px; + vertical-align: middle; +} + +.uk-form > .admin-list-search { + margin-bottom: .5em; +} + +html { + background: -webkit-linear-gradient(top, #3465A4 0, #EEEEEC 390px); + background: -moz-linear-gradient(top, #3465A4 0, #EEEEEC 390px); + background: -o-linear-gradient(top, #3465A4 0, #EEEEEC 390px); + background: -ms-linear-gradient(top, #3465A4 0, #EEEEEC 390px); + background: linear-gradient(to bottom, #3465A4 0, #EEEEEC 390px); +} + +/*-------------------------------------- + professional Compatible Style +--------------------------------------*/ + +/* Menus in blocks */ +.blocklist ul { + list-style: none; + padding: 0; + margin: 0; +} + +/* general alignment classes */ +.alignleft { + text-align: right; +} + +.alignright { + text-align: left; +} + +.aligncenter { + text-align: center; +} + +.aligntop { + vertical-align: top; +} + +.floatright { + float: left; +} + +.floatleft { + float: right; +} + +.clearboth { + clear: both; +} + +/* clear floats by applying the clearfix class to float-encasing block! */ +.clearfix:after { + content: "."; + display: block; + height: 1px; + clear: both; + overflow: hidden; + visibility: hidden; +} + +/* general formatting classes */ +.b { + font-weight: bold; +} + +.ext-link { + background-color: transparent; + background: url("../images/external.png") center right no-repeat; + background-attachment: scroll; + padding-left: 13px; +} + +.feed-link { + background-color: transparent; + background: url("../images/feed.png") center right no-repeat; + background-attachment: scroll; + padding: 2px 0 2px 16px; +} + +.strike { + text-decoration: line-through; +} + +.url, +.break-word { + white-space: pre-wrap; + word-wrap: break-word; + word-break: break-all; + overflow: auto; +} + +.fieldhelp { + font-size: .85em; + color: #666; + padding-right: .8em; + padding-left: .8em; +} + +/* Forms */ +.form-description { + /* used with calendar plugin */ + font-weight: bold; + float: right; + width: 100px; + text-align: left; + padding-left: 5px; + display: block; +} + +.form-field { + /* used with calendar plugin */ + padding-bottom: 5px; + margin-right: 105px; +} + +.checkboxes-list { + /* this is used for example by COM_checkList */ + list-style: none; + padding: 0; + margin: 0; +} + +.checkboxes-list span { + /* space between the text and the checkbox */ + padding-right: 5px; +} + +.checkboxes-list .gldefault { + /* default blocks in the user settings block list */ + font-weight: bold; +} + +.highlight { + color: #000; + background-color: #FF0; + text-decoration: none; +} + +.inputTable td { + padding: 4px; + vertical-align: top; +} + +.inputTable label { + font-weight: bold; + float: left; + white-space: nowrap; +} + +.nowrap { + white-space: nowrap; +} + +.pagenav { + text-align: center; + line-height: 1.5; +} + +.row_center td { + text-align: center; +} + +.searchresult-byline { + color: #008000; +} + +.sysmessage { + margin: 0; +} + +.sysmessage a { + text-decoration: underline; +} + +.sysmessage img { + border: none; + float: right; + padding: 0 0 8px 8px; +} + +/* Stats */ +.stats-list-count { + text-align: left; + padding-right: 5px; + padding-left: 5px; +} + +.stats-header-title { + text-align: right; + width: 90%; + padding-right: 5px; + padding-left: 5px; +} + +.stats-header-count { + text-align: right; + width: 10%; + padding-right: 5px; + padding-left: 5px; +} + +#token-expirynotice { + padding: 1em; + border: 1px solid #CCC; + background: #F7F7F7; +} + +#token-expirytime { + font-weight: bold; +} + +.warning { + background: transparent; + color: #D14; + font-weight: bold; +} + +.warningsmall { + background: transparent; + color: #D14; +} + +/* Default Plugin CSS Declarations */ +/* Recommended CSS to be used by Plugin Authors - allows easier site themeing */ +.plugin { + color: #000; + background-color: #EFEFEF; + font-weight: normal; + border: 1px solid #CCC; +} + +.plugin th { + color: #000; + background-color: #B7C1DC; + padding: 5px; + text-align: right; +} + +.plugin tr { + vertical-align: top; +} + +.plugin td { + padding: 2px 5px; +} + +.pluginBG { + color: #FEFEFE; + background-color: #7398BA; +} + +.pluginAltBG { + background-color: #7398BA; +} + +.pluginAltBG td { + color: #FFF; +} + +.pluginCellTitle { + color: #666; + font-weight: bold; + background-color: #E6E6E6; + padding: 5px; +} + +.pluginCellFill { + background-color: #F8FAFD; +} + +.pluginCellText { + color: #636363; + font-weight: normal; +} + +.pluginHeader { + color: #204275; + font-weight: bolder; + padding-top: 3px; + padding-bottom: 3px; +} + +.pluginFooter, +.pluginFooter td { + background-color: #507AA1; + color: #FFF; +} + +.pluginAlert { + padding: 5px 15px; + color: #D8010E; + background-color: #FEF1B4; + font-weight: bold; + margin-bottom: 1em; +} + +.pluginInfo { + padding: 5px 15px; + color: #707070; + background-color: #FEF1B4; + font-weight: normal; +} + +.pluginSubTable { + color: #000; + background-color: #CCC; + font-weight: normal; + border: 1px solid #CCC; +} + +.pluginSubTable th { + color: #000; + background-color: #C9D1E4; + padding: 5px; + text-align: right; +} + +.pluginSubTable tr { + vertical-align: top; +} + +.pluginSolidOutline { + background-color: #CCC; +} + +.pluginSolidFill { + background-color: #1A3955; +} + +.pluginTitle { + background-color: #507AA1; + color: #F5F9FF; + padding: 4px 6px; +} + +.pluginCellSubTitle { + background-color: #F7F7F7; + color: #000; + padding: 4px 6px; +} + +.pluginTinyText { + font-size: .7em; +} + +.pluginSmallText { + font-size: .8em; +} + +.pluginMediumText { + font-size: 1em; +} + +.pluginLargeText { + font-size: 1.25em; +} + +.pluginAltText { + color: #FFF; +} + +.pluginRow1, +.pluginRow1 td { + color: #222; + background-color: #F7F7F7; + line-height: 120%; +} + +.pluginRow2, +.pluginRow2 td { + color: #222; + background-color: #E7E7E7; + line-height: 120%; +} + +.pluginRow1 .pluginRollOver, +.pluginRow2 .pluginRollOver, +.pluginRollOver { + color: #222; + background-color: #FFFF8F; + line-height: 120%; +} + +.pluginRow1 .pluginRollOut, +.pluginRow2 .pluginRollOut, +.pluginRollOut { + color: #222; + background-color: #F7F7F7; + line-height: 120%; +} + +.pluginLinks a:link { + color: #000; + font-style: normal; + font-weight: normal; + text-decoration: none; +} + +.pluginLinks a:visited { + color: #000; + font-style: normal; + font-weight: normal; + text-decoration: none; +} + +.pluginLinks a:hover { + color: #000; + font-style: normal; + font-weight: normal; + text-decoration: underline; +} + +.pluginBreadCrumbs, +.pluginBreadCrumbs a:link { + color: #FFF; + font-style: normal; + font-weight: normal; + text-decoration: none; +} + +.pluginBreadCrumbs a:visited { + color: #FFF; + font-style: normal; + font-weight: normal; + text-decoration: none; +} + +.pluginBreadCrumbs a:hover { + color: #FFF; + font-style: normal; + font-weight: normal; + text-decoration: none; +} + +a.pluginButton:link, +a.pluginButton:visited { + color: #000; + text-align: center; + padding-top: 2px; + display: block; + height: 19px; + text-decoration: none; + background-color: transparent; +} + +a.pluginButton:hover { + color: #00F; + text-align: center; + padding-top: 2px; + background: center url("../images/navbar/button_over.gif"); + background-repeat: repeat-x; + display: block; + height: 19px; + text-decoration: none; + background-color: transparent; +} + +/*-------------------------------------- + Basic Form +--------------------------------------*/ + +.form_block { + margin: 0; + padding: 0; +} + +.form_block:after { + content: ""; + display: block; + clear: both; + height: 1px; + overflow: hidden; +} + +fieldset.form_block { + margin: 15px 0; +} + +/* Message */ +.form_message { + margin: 0 0 1em 0; + padding: 0; +} + +.noborder_fieldset { + margin: 0; + border: none; +} + +.hidden_legend { + display: none; +} + +/* Basic editor */ +.user_basic { + padding: .5em 2em; +} + +@media only screen and (max-width: 962px) { + + .user_basic { + padding: .5em 0; + } +} + +.wide { + width: 98%; + resize: vertical; +} + +.separator { + display: none; +} + +.speech { + overflow: hidden; + position: absolute; + right: -999px; + width: 0; + height: 0; +} + +#save_button { + padding-bottom: 1em; +} + +.loose { + display: inline; +} + +@media only screen and (max-width: 767px) { + + .loose { + display: block; + } +} + +/* Style for legacy table layout */ +.layout, +.layout tr, +.layout td { + margin: 0; + padding: 0; + border: none; + background: none; +} + +.size1 { + width: 60px; +} + +.size2 { + width: 120px; +} + +.size3 { + width: 180px; +} + +.size4 { + width: 240px; +} + +.size5 { + width: 300px; +} + +.size6 { + width: 360px; +} + +.size7 { + width: 420px; +} + +.size8 { + width: 480px; +} + +.size9 { + width: 540px; +} + +.size10 { + width: 600px; +} + +@media only screen and (min-width: 768px) and (max-width: 962px) { + + .size6 { + width: 75%; + } + + .size7 { + width: 80%; + } + + .size8 { + width: 85%; + } + + .size9 { + width: 90%; + } + + .size10 { + width: 95%; + } +} + +/* All Mobile Sizes (devices and browser) */ +@media only screen and (max-width: 767px) { + + .size1, + .size2, + .size3, + .size4, + .size5, + .size6, + .size7, + .size8, + .size9, + .size10, + .wide { + width: 100%; + } +} + +/*-------------------------------------- + 2 Culumn Form +--------------------------------------*/ + +.compact dt { + float: right; + clear: right; + width: 24%; + margin: 5px 0 1em 0; + padding: 0 0 0 1%; + font-weight: normal; +} + +.compact dd { + float: right; + width: 75%; + margin: 0 0 1em 0; + padding: 0; +} + +/* Description */ +.compact dd.description { + margin: -.5em 25% 1em 0; + padding: 0; +} + +.compact p.description { + margin: 0 0 1em 0; + padding: 0; +} + +.compact .controls_text { + margin-top: 5px; +} + +@media only screen and (max-width: 962px) { + + .compact dt { + float: none; + width: auto; + margin: 0; + padding: 0; + font-weight: bold; + } + + .compact dd { + float: none; + width: auto; + margin: 0 0 .5em 0; + padding: 0; + } + + /* Description */ + .compact dd.description { + margin: -.5em 0 1em 0; + padding: 0; + } + + .compact p.description { + margin: 0 0 1em 0; + padding: 0; + } + + .compact .controls_text { + margin-top: 0; + } +} + +/*-------------------------------------- + 1 Column Form +--------------------------------------*/ + +.linear dt { + margin: 0; + padding: 0; + font-weight: bold; +} + +.linear dd { + margin: 0 0 .5em 0; + padding: 0; +} + +/* Description */ +.linear dd.description { + margin: -.5em 0 1em 0; + padding: 0; +} + +.linear p.description { + margin: 0 0 1em 0; + padding: 0; +} + +/*-------------------------------------- + Profile Notes +--------------------------------------*/ + +.profile_notes { + font-size: 13px; + margin: 0 0 15px; +} + +.profile_notes > .uk-panel-title { + font-size: 16px; + margin-bottom: 10px; +} + +.profile_notes ul { + list-style-position: inside; + margin: 0; + padding: 0; +} + +.profile_notes li { + margin: 0 5px 0 0; + padding: 0; +} + +/*-------------------------------------- + List Compact +--------------------------------------*/ + +ul.compact { + margin: 0; + padding: 0; +} + +ul.compact li { + display: inline; + margin: 0; + padding: 0; +} + +/* 3 Columns left-center-right */ +/*============================================================================== + Layout Pattern: + * 3 Column ( Left Block * Center Block * Right Block )...left-center-right + * 2 Column ( Left Block * Center Block ) ...left-center + * 2 Column ( Center Block * Right Block ) ...center-right + * 1 Column ( Center Block ) ...center + + Block Width: + * Container Width = 100% + * Header Width = 100% + * Site Width [W] = 1140px + * Left Block Width [L] = 180px = 160px + left padding 10px + right padding 10px + * Right Block Width [R] = 280px = 260px + left padding 10px + right padding 10px + * Center Block Width(3 Column) = [W] - [L] - [R] = 680px = 1140px - 180px - 280px + * Center Block Width(2 Column) = [W] - [L] = 960px = 1140px - 180px + * Center Block Width(2 Column) = [W] - [R] = 860px = 1140px - 280px + * Center Block Width(1 Column) = [W] = 1140px + + 800-660=140 + 1280-140=1140 + 1100-140=960 + 1000-140=860 +==============================================================================*/ + +#container { + position: relative; + width: 1114px; + margin: 0 auto; +} + +/*-------------------------------------- + Header Container +--------------------------------------*/ + +#header { + width: 1112px; + margin: 0 auto; + height: 80px; +} + +#header:before { + width: 1112px; +} + +#header-content { + width: 1112px; + margin: 0 auto; + padding: 0; +} + +/*-------------------------------------- + Global Navigation Container +--------------------------------------*/ + +#navigation { + width: 1114px; + margin: 0 auto; + width: 1094px; +} + +#navigation:after { + content: ""; + display: block; + clear: both; + height: 1px; + overflow: hidden; + margin-bottom: -1px; +} + +.navigation_content { + width: 1114px; + margin: 0 auto; +} + +/*-------------------------------------- + Wrapper + Include contents Block level elements + (#leftblocks, #centerblocks, #rightblocks) +--------------------------------------*/ + +#wrapper { + width: 1114px; + margin: 0 auto; +} + +#wrapper:after { + content: ""; + display: block; + clear: both; + height: 1px; + overflow: hidden; +} + +/*-------------------------------------- + Left Block Container + display if Left Block is appeared. +--------------------------------------*/ + +#leftblocks, +body.js_off #leftblocks { + overflow: visible; + float: right; + width: 230px; + /* Left Margin = -[W] */ + margin: 0 -1114px 0 0; + padding: 0; +} + +/*-------------------------------------- + Center Block Container +--------------------------------------*/ + +#centerblocks { + overflow: visible; + float: right; + width: 100%; +} + +/* 3 Column ( left-center-right ) */ +body.left-center-right #main-content, +body.js_off #main-content { + /* Main Content Width = [W] - [L] - [R] - Right Padding 10px - Left Padding 10px */ + width: 634px; + /* Right Margin = [R] , Left Margin = [L] */ + margin: 0 230px 0 230px; + padding: 0 10px; +} + +/* 2 Column ( left-center ) */ +body.left-center #main-content { + /* Main Content Width = [W] - [L] - Right Padding 10px - Left Padding 10px */ + width: 864px; + /* Left Margin = [L] */ + margin: 0 230px 0 0; + padding: 0 10px; +} + +/* 2 Column ( center-right ) */ +body.center-right #main-content { + /* Main Content Width = [W] - [R] - Right Padding 10px - Left Padding 10px */ + width: 864px; + /* Right Margin = [R] */ + margin: 0 0 0 230px; + padding: 0 10px; +} + +/* 1 Column ( center ) */ +body.center #main-content { + width: 100%; +} + +/*-------------------------------------- + Right Block Container + display if Right Block is appeared. +--------------------------------------*/ + +#rightblocks, +body.js_off #rightblocks { + overflow: visible; + float: right; + width: 230px; + /* Right Margin = -[R] */ + margin: 0 -230px 0 0; +} + +/*-------------------------------------- + Footer Container +--------------------------------------*/ + +#footer { + clear: right; + width: 1114px; + margin: 0 auto; + padding: 16px 0; +} + +#footer-content { + width: 1114px; + margin: 0 auto; +} + +/*-------------------------------------- + Admin Configuration Container +--------------------------------------*/ + +#config_menu { + float: right; + width: 280px; + padding: 0 10px; +} + +body.center-right #config_menu { + width: 200px; +} + +#config_content { + float: right; + width: 794px; + padding: 10px; +} + +body.center-right #config_content { + width: 600px; +} + +@media only screen and (min-width: 963px) and (max-width: 1199px) { + + /* 2 Columns center-right */ + /*============================================================================== + Layout Pattern: + * 3 Column ( Left Block * Center Block * Right Block )...left-center-right + * 2 Column ( Left Block * Center Block ) ...left-center + * 2 Column ( Center Block * Right Block ) ...center-right + * 1 Column ( Center Block ) ...center + + Block Width: + * Container Width = 100% + * Site Width[W] = 960px + * Left Block Width[L] = 280px + * Right Block Width[R] = 280px + * Center Block Width( 3 Column ) = [W] - [L] - [R] = 600px = 580px + left padding 10px + right padding 10px + * Center Block Width( 2 Column ) = [W] - [L] = 780px = 760px + left padding 10px + right padding 10px + * Center Block Width( 2 Column ) = [W] - [R] = 780px = 760px + left padding 10px + right padding 10px + * Center Block Width( 1 Column ) = [W] = 960px + ==============================================================================*/ + + #container { + position: relative; + width: 934px; + margin: 0 auto; + } + + /*-------------------------------------- + Header Container + --------------------------------------*/ + + #header { + width: 932px; + margin: 0 auto; + height: 80px; + } + + #header:before { + width: 932px; + } + + #header-content { + width: 932px; + margin: 0 auto; + padding: 0; + } + + /*-------------------------------------- + Global Navigation Container + --------------------------------------*/ + + #navigation { + width: 934px; + margin: 0 auto; + width: 932px; + } + + #navigation:after { + content: ""; + display: block; + clear: both; + height: 1px; + overflow: hidden; + margin-bottom: -1px; + } + + .navigation_content { + width: 934px; + margin: 0 auto; + width: 932px; + } + + /*-------------------------------------- + Wrapper + Include contents Block level elements + (#leftblocks, #centerblocks, #rightblocks) + --------------------------------------*/ + + #wrapper { + width: 934px; + margin: 0 auto; + } + + #wrapper:after { + content: ""; + display: block; + clear: both; + height: 1px; + overflow: hidden; + } + + /*-------------------------------------- + Left Block Container + display if Left Block is appeared. + --------------------------------------*/ + + #leftblocks, + body.js_off #leftblocks { + overflow: visible; + float: left; + width: 230px; + margin: 0; + padding: 0; + } + + /*-------------------------------------- + Center Block Container + --------------------------------------*/ + + #centerblocks { + overflow: visible; + float: none; + width: auto; + } + + body.js_off #centerblocks { + width: 100%; + margin: 0; + padding: 0; + } + + /* 3 Column ( left-center-right ) */ + body.left-center-right #main-content, + body.js_off #main-content { + float: right; + /* Center Block Width = [W] - [R] - Right Padding - Left Padding - Right Border - Light Border */ + width: 684px; + margin: 0; + padding: 0 10px; + } + + /* 2 Column ( left-center ) */ + body.left-center #main-content { + float: right; + /* Center Block Width = [W] - [R] - Right Padding - Left Padding - Right Border - Light Border */ + width: 684px; + margin: 0; + padding: 0 10px; + } + + /* 2 Column ( center-right ) */ + body.center-right #main-content { + float: right; + /* Center Block Width = [W] - [R] - Right Padding - Left Padding - Right Border - Light Border */ + width: 684px; + margin: 0; + padding: 0 10px; + } + + /* 1 Column ( center ) */ + body.center #main-content { + width: 100%; + } + + /*-------------------------------------- + Right Block Container + display if Right Block is appeared. + --------------------------------------*/ + + #rightblocks, + body.js_off #rightblocks { + overflow: visible; + clear: left; + float: left; + width: 230px; + margin: 0; + } + + /*-------------------------------------- + Footer Container + --------------------------------------*/ + + #footer { + clear: right; + width: 934px; + margin: 0 auto; + padding: 16px 0; + } + + #footer-content { + width: 934px; + margin: 0 auto; + } + + /*-------------------------------------- + Admin Configuration Container + --------------------------------------*/ + + #config_menu { + float: right; + width: 210px; + padding: 0 10px; + } + + body.center-right #config_menu { + width: 200px; + } + + #config_content { + float: right; + width: 684px; + padding: 10px; + } + + body.center-right #config_content { + width: 600px; + } +} + +/* Smaller than standard 1280 (devices and browsers) */ +@media only screen and (min-width: 768px) and (max-width: 962px) { + + /* 2 Columns center-right */ + /*============================================================================== + Layout Pattern: + * 3 Column ( Left Block * Center Block * Right Block )...left-center-right + * 2 Column ( Left Block * Center Block ) ...left-center + * 2 Column ( Center Block * Right Block ) ...center-right + * 1 Column ( Center Block ) ...center + + Block Width: + * Container Width = 100% + * Site Width[W] = auto + * Left Block Width[L] = 280px + * Right Block Width[R] = 280px + * Center Block Width( 3 Column ) = [W] - [L] - [R] = auto + left padding 10px + right padding 10px + * Center Block Width( 2 Column ) = [W] - [L] = auto + left padding 10px + right padding 10px + * Center Block Width( 2 Column ) = [W] - [R] = auto + left padding 10px + right padding 10px + * Center Block Width( 1 Column ) = [W] = auto + ==============================================================================*/ + + #container { + position: relative; + width: auto; + margin: 0 auto; + } + + /*-------------------------------------- + Header Container + --------------------------------------*/ + + #header { + width: auto; + margin: 0 auto; + height: 80px; + } + + #header:before { + width: auto; + } + + #header-content { + width: auto; + margin: 0 auto; + padding: 0; + } + + /*-------------------------------------- + Global Navigation Container + --------------------------------------*/ + + #navigation { + width: auto; + margin: 0 auto; + } + + #navigation:after { + content: ""; + display: block; + clear: both; + height: 1px; + overflow: hidden; + margin-bottom: -1px; + } + + .navigation_content { + width: auto; + margin: 0 auto; + } + + /*-------------------------------------- + Wrapper + Include contents Block level elements + (#leftblocks, #centerblocks, #rightblocks) + --------------------------------------*/ + + #wrapper { + width: auto; + margin: 0 auto; + } + + #wrapper:after { + content: ""; + display: block; + clear: both; + height: 1px; + overflow: hidden; + } + + /*-------------------------------------- + Left Block Container + display if Left Block is appeared. + --------------------------------------*/ + + #leftblocks, + body.js_off #leftblocks { + overflow: visible; + float: left; + width: 230px; + margin: 0; + padding: 0; + } + + /*-------------------------------------- + Center Block Container + --------------------------------------*/ + + #centerblocks { + overflow: visible; + float: right; + width: 100%; + margin-right: -230px /* -[R] */; + } + + body.js_off #centerblocks { + width: 100%; + margin: 0; + padding: 0; + } + + /* 3 Column ( left-center-right ) */ + body.left-center-right #main-content, + body.js_off #main-content { + float: none; + width: auto; + margin: 0; + margin-right: 230px; + padding: 0 10px; + } + + /* 2 Column ( left-center ) */ + body.left-center #main-content { + float: none; + width: auto; + margin: 0; + margin-right: 230px; + padding: 0 10px; + } + + /* 2 Column ( center-right ) */ + body.center-right #main-content { + float: none; + width: auto; + margin: 0; + margin-right: 230px; + padding: 0 10px; + } + + /* 1 Column ( center ) */ + body.center #main-content { + width: 100%; + } + + body.center #centerblocks { + float: right; + width: auto; + padding: 0 10px; + margin: 0; + } + + /*-------------------------------------- + Right Block Container + display if Right Block is appeared. + --------------------------------------*/ + + #rightblocks, + body.js_off #rightblocks { + overflow: visible; + clear: left; + float: left; + width: 230px; + margin: 0; + } + + /*-------------------------------------- + Footer Container + --------------------------------------*/ + + #footer { + clear: right; + width: auto; + margin: 0 auto; + padding: 16px 0; + } + + #footer-content { + width: auto; + margin: 0 auto; + } +} + +/* All Mobile Sizes (devices and browser) */ +@media only screen and (max-width: 767px) { + + /* 1 Columns */ + /*============================================================================== + Layout Pattern: + * 3 Column ( Left Block * Center Block * Right Block )...left-center-right + * 2 Column ( Left Block * Center Block ) ...left-center + * 2 Column ( Center Block * Right Block ) ...center-right + * 1 Column ( Center Block ) ...center + + Block Width: + * Container Width = 100% + * Site Width[W] = auto + * Left Block Width[L] = 280px + * Right Block Width[R] = 280px + * Center Block Width( 3 Column ) = [W] - [L] - [R] = auto + left padding 10px + right padding 10px + * Center Block Width( 2 Column ) = [W] - [L] = auto + left padding 10px + right padding 10px + * Center Block Width( 2 Column ) = [W] - [R] = auto + left padding 10px + right padding 10px + * Center Block Width( 1 Column ) = [W] = auto + ==============================================================================*/ + + /*-------------------------------------- + Container + Include All Block Level Element + (#header, #navigation, #wrapper, #footer) + --------------------------------------*/ + + #container { + position: relative; + width: auto; + margin: 0 auto; + } + + /*-------------------------------------- + Header Container + --------------------------------------*/ + + #header { + width: auto; + margin: 0 auto; + height: 80px; + } + + #header:before { + width: auto; + } + + #header-content { + width: auto; + margin: 0 auto; + height: 100%; + padding: 0; + } + + /*-------------------------------------- + Global Navigation Container + --------------------------------------*/ + + #navigation { + width: auto; + margin: 0 auto; + } + + #navigation:after { + content: ""; + display: block; + clear: both; + height: 1px; + overflow: hidden; + margin-bottom: -1px; + } + + .navigation_content { + width: auto; + margin: 0 auto; + padding: 5px 0; + } + + /*-------------------------------------- + Wrapper + Include contents Block level elements + (#leftblocks, #centerblocks, #rightblocks) + --------------------------------------*/ + + #wrapper { + width: auto; + margin: 0 auto; + } + + #wrapper:after { + content: ""; + display: block; + clear: both; + height: 1px; + overflow: hidden; + } + + /*-------------------------------------- + Left Block Container + display if Left Block is appeared. + --------------------------------------*/ + + #leftblocks, + body.js_off #leftblocks { + overflow: visible; + clear: both; + float: right; + width: 100%; + margin: 0; + padding: 0; + } + + /*-------------------------------------- + Center Block Container + --------------------------------------*/ + + #centerblocks { + overflow: visible; + float: none; + width: auto; + margin: 0; + padding: 0 10px; + } + + body.js_off #centerblocks { + float: none; + width: auto; + margin: 0; + padding: 0 10px; + } + + /* 3 Column ( left-center-right ) */ + body.left-center-right #main-content, + body.js_off #main-content { + float: none; + width: 100%; + margin: 0; + padding: 10px 0 0 0; + } + + /* 2 Column ( left-center ) */ + body.left-center #main-content { + float: none; + width: 100%; + margin: 0; + padding: 10px 0 0 0; + } + + /* 2 Column ( center-right ) */ + body.center-right #main-content { + float: none; + width: 100%; + margin: 0; + padding: 10px 0 0 0; + } + + /* 1 Column ( center ) */ + body.center #main-content { + width: 100%; + padding-top: 10px; + } + + body.center #centerblocks { + float: right; + width: auto; + margin: 0; + padding: 0 10px; + } + + /*-------------------------------------- + Right Block Container + display if Right Block is appeared. + --------------------------------------*/ + + #rightblocks, + body.js_off #rightblocks { + overflow: visible; + clear: both; + float: right; + width: 100%; + margin: 0; + padding: 0; + } + + /*-------------------------------------- + Footer Container + --------------------------------------*/ + + #footer { + clear: right; + width: auto; + margin-top: -1px; + padding: 16px; + } + + #footer-content { + width: auto; + margin: 0 auto; + } +} + +/*-------------------------------------- + Container +--------------------------------------*/ + +#container { + background-color: #FFF; + margin-top: 12px; + margin-bottom: 12px; + padding: 12px; + border: 1px solid #555; + border-radius: 20px; + -webkit-box-shadow: 0 0 8px 1px #333; + box-shadow: 0 0 8px 1px #333; +} + +@media only screen and (max-width: 767px) { + + #container { + margin-top: 0; + margin-bottom: 0; + padding: 0; + border: none; + border-radius: 0; + -webkit-box-shadow: none; + box-shadow: none; + } +} + +#wrapper { + /* Adjust floating element */ + overflow: visible; + background-color: #FFF; + padding: 30px 0; +} + +@media only screen and (max-width: 767px) { + + #wrapper { + padding: 0; + border: none; + } +} + +/*-------------------------------------- + Header Content +--------------------------------------*/ + +#header.brand-text { + padding: 0; + border: 1 solid #000; + background-color: #426F9C; + height: 120px; + border: 1px solid #656663; + background: transparent url("../images/css/bg_header.png") repeat-x 0 0; + border-radius: 8px; + -webkit-box-shadow: 0 0 2px 1px #888; + box-shadow: 0 0 2px 1px #888; +} + +@media only screen and (max-width: 767px) { + + #header.brand-text { + padding: 0; + border: none; + } +} + +@media only screen and (max-width: 767px) { + + #header.brand-text { + border: none; + border-radius: 0; + -webkit-box-shadow: none; + box-shadow: none; + height: 80px; + margin-top: 0; + } +} + +/* Site Name */ +.brand-text .site_name { + position: relative; + float: right; + font-size: 30px; + font-weight: bold; + text-shadow: 0 2px 2px rgba(0,0,0,.5); + line-height: 36px; + margin: 42px 20px 0 0; + padding: 0; +} + +.brand-text .site_name a:link, +.brand-text .site_name a:visited, +.brand-text .site_name a:hover { + color: #EEE; + text-decoration: none; +} + +@media only screen and (max-width: 767px) { + + .brand-text .site_name { + float: none; + font-size: 1.6em; + height: 50px; + line-height: 50px; + margin: 0 auto; + text-align: center; + } +} + +/* Slogan */ +.brand-text .site_slogan { + position: relative; + margin: 0; + padding: 16px 16px 0 16px; + float: left; + color: #FFF; + text-align: left; + text-shadow: 0 1px 1px rgba(0,0,0,.3); +} + +@media only screen and (max-width: 767px) { + + .brand-text .site_slogan { + font-size: 75%; + float: none; + margin: 0 auto; + padding: 0; + text-align: center; + line-height: 1.2em; + } +} + +@media only screen and (max-width: 767px) { + + .brand-text .nameplate { + float: none; + height: 100%; + margin: 0 auto; + max-width: 230px; + text-align: center; + } +} + +#header.brand-image { + padding: 0; + border: 1 solid #000; + background-color: #426F9C; + height: 120px; + border: 1px solid #656663; + background: transparent url("../images/css/bg_header.png") repeat-x 0 0; + border-radius: 8px; + -webkit-box-shadow: 0 0 2px 1px #888; + box-shadow: 0 0 2px 1px #888; +} + +@media only screen and (max-width: 767px) { + + #header.brand-image { + padding: 0; + border: none; + } +} + +@media only screen and (max-width: 767px) { + + #header.brand-image { + border: none; + border-radius: 0; + -webkit-box-shadow: none; + box-shadow: none; + height: 80px; + margin-top: 0; + } +} + +/* Site Name */ +.brand-image .site_name { + position: relative; + margin: 20px 16px 0 0; + padding: 0; + float: right; + width: 226px; + height: 80px; +} + +.brand-image .site_name a { + background: url("../images/logo2.png") 0 0 no-repeat; + text-indent: -3000px; + display: block; + width: 100%; + height: 100%; +} + +@media only screen and (max-width: 767px) { + + .brand-image .site_name { + margin: 0 auto; + padding: 10px 0; + float: none; + width: 98.875px; + height: 35px; + } + + .brand-image .site_name a { + -webkit-background-size: 98.875px auto; + -moz-background-size: 98.875px auto; + background-size: 98.875px auto; + } +} + +/* Slogan */ +.brand-image .site_slogan { + position: relative; + margin: 0; + padding: 16px 16px 0 16px; + float: left; + color: #FFF; + text-align: left; + text-shadow: 0 1px 1px rgba(0,0,0,.3); +} + +@media only screen and (max-width: 767px) { + + .brand-image .site_slogan { + font-size: 75%; + float: none; + margin: 0 auto; + padding: 0; + text-align: center; + line-height: 1.2em; + } +} + +@media only screen and (max-width: 767px) { + + .brand-image .nameplate { + float: none; + height: 100%; + margin: 0 auto; + max-width: 230px; + text-align: center; + } +} + +/*-------------------------------------- + Global Navigation Content +--------------------------------------*/ + +/* Navigation Menu List */ +#navigation { + padding: 0; + text-align: right; + text-shadow: 0 1px 0 #FFF; + color: #444; + background-color: #EEE; + background-image: -webkit-linear-gradient(top, #FFF, #EEE); + background-image: -moz-linear-gradient(top, #FFF, #EEE); + background-image: -o-linear-gradient(top, #FFF, #EEE); + background-image: -ms-linear-gradient(top, #FFF, #EEE); + background-image: linear-gradient(to bottom, #FFF, #EEE); + -webkit-background-origin: border; + -moz-background-origin: border; + background-origin: border-box; + border-top: 1px solid rgba(0,0,0,.1); + border-bottom: 1px solid rgba(0,0,0,.3); +} + +@media only screen and (max-width: 767px) { + + #navigation { + padding: 0; + } +} + +#navigation .uk-navbar { + border: none; +} + +#navigation .gl-navbar-small .uk-navbar-nav > li > a { + height: 31px; + font-size: 13px; + line-height: 30px; + padding: 0 10px; +} + +#header-content > .uk-navbar-toggle { + height: 80px; +} + +#header-search { + padding: 5px; +} + +.gl-navbar-small #header-search { + padding: 2.5px; +} + +.gl-navbar-small #header-search-box { + font-size: 12px; + height: 25px; + padding: 3px; +} + +/* Welcome Message */ +.welcome_msg { + margin: .5em 0 1.5em; + padding: .5em 0; + border-bottom: 1px solid #E7E7E7; + color: #888; +} + +/* Block */ +#centerblocks section.block-center, +#centerblocks div.block-center { + margin: 0 0 1em 0; + padding: 0 0 2em 0; + border-bottom: 1px solid #CCC; +} + +/*-------------------------------------- + Footer Content +--------------------------------------*/ + +#footer { + border-top: 1px solid #CCC; + font-size: 12px; + color: #666; + background-color: transparent; +} + +@media only screen and (max-width: 767px) { + + #footer { + border: none; + } +} + +#footer a:link, +#footer a:visited, +#footer a:active { + color: #666; + text-decoration: none; +} + +#footer a:hover { + color: #2664A2; + text-decoration: underline; +} + +@media only screen and (max-width: 767px) { + + #footer { + border: none; + color: #999; + background-color: #284664; + } + + #footer a:link, + #footer a:visited, + #footer a:active { + color: #999; + text-shadow: 0 1px 1px rgba(0,0,0,.3); + } +} + +#footer-content { + text-align: center; +} + +@media only screen and (max-width: 767px) { + + #footer-content { + text-shadow: 0 1px 1px rgba(0,0,0,.3); + } +} + +/*-------------------------------------- + Common Block Style +--------------------------------------*/ + +#leftblocks p, +#rightblocks p, +#leftblocks ul, +#rightblocks ul, +#leftblocks ol, +#rightblocks ol, +#leftblocks dl, +#rightblocks dl, +#leftblocks blockquote, +#rightblocks blockquote, +#leftblocks pre, +#rightblocks pre, +#leftblocks address, +#rightblocks address, +#leftblocks fieldset, +#rightblocks fieldset, +#leftblocks figure, +#rightblocks figure { + margin: 0 0 9px 0; +} + +#leftblocks * + p, +#rightblocks * + p, +#leftblocks * + ul, +#rightblocks * + ul, +#leftblocks * + ol, +#rightblocks * + ol, +#leftblocks * + dl, +#rightblocks * + dl, +#leftblocks * + blockquote, +#rightblocks * + blockquote, +#leftblocks * + pre, +#rightblocks * + pre, +#leftblocks * + address, +#rightblocks * + address, +#leftblocks * + fieldset, +#rightblocks * + fieldset, +#leftblocks * + figure, +#rightblocks * + figure { + margin-top: 9px; +} + +#leftblocks p, +#rightblocks p { + line-height: 1.25; +} + +#leftblocks ul, +#rightblocks ul { + list-style-position: inside; + padding-right: .5em; +} + +#leftblocks ol, +#rightblocks ol { + list-style-position: inside; + padding-right: .9em; +} + +#leftblocks li, +#rightblocks li { + margin: 0 0 .25em 0; + padding: 0; +} + +#leftblocks input, +#rightblocks input { + font-size: 95%; + margin-right: 0; + margin-left: 0; +} + +#leftblocks .sideoption, +#rightblocks .sideoption { + list-style: none outside; + color: #999; + margin: 0; + padding: 0; +} + +#leftblocks .sideoption a, +#rightblocks .sideoption a { + display: block; + color: #222; + height: 1.8em; + line-height: 1.8em; + overflow: hidden; + padding: 0 5px; + white-space: nowrap; + text-decoration: none; +} + +#leftblocks .sideoption a:hover, +#rightblocks .sideoption a:hover { + background-color: #F1F1F1; +} + +#leftblocks .sideoption span, +#rightblocks .sideoption span { + color: #999; + text-decoration: none; + margin-right: 3px; +} + +#leftblocks .sideoption_off, +#rightblocks .sideoption_off { + list-style: none outside; + color: #999; + display: block; + height: 1.8em; + line-height: 1.8em; + overflow: hidden; + margin: 0; + padding: 0 5px; + white-space: nowrap; +} + +#leftblocks .sideoption_off span, +#rightblocks .sideoption_off span { + color: #999; + text-decoration: none; + margin-right: 3px; +} + +#leftblocks .sideoption_group_label, +#rightblocks .sideoption_group_label { + color: #630; + font-size: 103%; + font-weight: bold; + height: 1.6em; + line-height: 1.6em; + overflow: hidden; + margin: 0; + padding: 0 5px; + white-space: nowrap; + border-bottom: 1px dotted #CCC; +} + +#leftblocks .noliststyle, +#rightblocks .noliststyle { + padding-right: 0; +} + +#leftblocks .branch_level2 a, +#rightblocks .branch_level2 a { + padding-right: 15px; +} + +#leftblocks .branch_level3 a, +#rightblocks .branch_level3 a { + padding-right: 25px; +} + +#leftblocks .branch_level4 a, +#rightblocks .branch_level4 a { + padding-right: 35px; +} + +#leftblocks .sideoption_off.branch_level2, +#rightblocks .sideoption_off.branch_level2 { + padding-right: 15px; +} + +#leftblocks .sideoption_off.branch_level3, +#rightblocks .sideoption_off.branch_level3 { + padding-right: 25px; +} + +#leftblocks .sideoption_off.branch_level4, +#rightblocks .sideoption_off.branch_level4 { + padding-right: 35px; +} + +#leftblocks h1, +#rightblocks h1, +#leftblocks h2, +#rightblocks h2, +#leftblocks h3, +#rightblocks h3, +#leftblocks h4, +#rightblocks h4, +#leftblocks h5, +#rightblocks h5, +#leftblocks h6, +#rightblocks h6 { + margin: 0 0 9px 0; +} + +#leftblocks * + h1, +#rightblocks * + h1, +#leftblocks * + h2, +#rightblocks * + h2, +#leftblocks * + h3, +#rightblocks * + h3, +#leftblocks * + h4, +#rightblocks * + h4, +#leftblocks * + h5, +#rightblocks * + h5, +#leftblocks * + h6, +#rightblocks * + h6 { + margin-top: 9px; +} + +#leftblocks h1, +#rightblocks h1 { + font-size: 17px; + line-height: 23px; +} + +#leftblocks h2, +#rightblocks h2 { + font-size: 16px; + line-height: 22px; +} + +#leftblocks h3, +#rightblocks h3 { + font-size: 15px; + line-height: 21px; +} + +#leftblocks h4, +#rightblocks h4 { + font-size: 14px; + line-height: 20px; +} + +#leftblocks h5, +#rightblocks h5 { + font-size: 13px; + line-height: 19px; +} + +#leftblocks h6, +#rightblocks h6 { + font-size: 12px; + line-height: 18px; +} + +@media only screen and (max-width: 767px) { + + #leftblocks nav > ul, + #rightblocks nav > ul, + #leftblocks nav > ol, + #rightblocks nav > ol { + margin: 0; + } + + #leftblocks p, + #rightblocks p { + line-height: 1.625; + } + + #leftblocks .sideoption_group_label, + #rightblocks .sideoption_group_label { + color: #630; + font-size: 103%; + font-weight: bold; + height: 1.6em; + line-height: 1.6em; + overflow: hidden; + margin: 0; + padding: 0 5px; + white-space: nowrap; + border-top: 1px solid #E7E7E7; + border-bottom: 1px solid #E7E7E7; + } + + #leftblocks input, + #rightblocks input { + font-size: 16px; + } + + #leftblocks input[type="submit"], + #rightblocks input[type="submit"] { + font-size: 14px; + } + + #leftblocks .sideoption a, + #rightblocks .sideoption a, + #leftblocks .sideoption a:hover, + #rightblocks .sideoption a:hover, + #leftblocks .sideoption_off, + #rightblocks .sideoption_off { + color: #222; + display: block; + font-size: 16px; + text-decoration: none; + padding: 10px 15px; + } + + #leftblocks .sideoption_off, + #rightblocks .sideoption_off { + color: #999; + } + + #leftblocks h1, + #rightblocks h1, + #leftblocks h2, + #rightblocks h2, + #leftblocks h3, + #rightblocks h3, + #leftblocks h4, + #rightblocks h4, + #leftblocks h5, + #rightblocks h5, + #leftblocks h6, + #rightblocks h6 { + margin: 0 0 15px 0; + } + + #leftblocks * + h1, + #rightblocks * + h1, + #leftblocks * + h2, + #rightblocks * + h2, + #leftblocks * + h3, + #rightblocks * + h3, + #leftblocks * + h4, + #rightblocks * + h4, + #leftblocks * + h5, + #rightblocks * + h5, + #leftblocks * + h6, + #rightblocks * + h6 { + margin-top: 15px; + } + + #leftblocks h1, + #rightblocks h1 { + font-size: 22px; + line-height: 28px; + } + + #leftblocks h2, + #rightblocks h2 { + font-size: 20px; + line-height: 26px; + } + + #leftblocks h3, + #rightblocks h3 { + font-size: 18px; + line-height: 24px; + } + + #leftblocks h4, + #rightblocks h4 { + font-size: 16px; + line-height: 22px; + } + + #leftblocks h5, + #rightblocks h5 { + font-size: 14px; + line-height: 20px; + } + + #leftblocks h6, + #rightblocks h6 { + font-size: 12px; + line-height: 18px; + } +} + +#loginform-loginname, +#loginform-passwd { + width: 75%; +} + +/* Help Icon */ +h1 img, +h2 img, +h3 img, +h4 img { + vertical-align: middle; +} + +/*-------------------------------------- + System Message Block +--------------------------------------*/ + +.block-message { + margin: 1.5em 0; + padding: 0; + border-radius: 6px; + -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1); + box-shadow: 0 1px 2px rgba(0,0,0,.1); +} + +.block-message dl { + margin: 0; + padding: 0; +} + +.block-message dt { + margin: 0; + padding: 4px 8px; + background: #3E6B98; + color: #EEEEEC; + text-shadow: 0 1px 1px rgba(0,0,0,.3); + font-weight: bold; + border: 1px solid rgba(0,0,0,.2); + border-radius: 6px 6px 0 0; +} + +.block-message dd { + margin: 0; + padding: 8px 12px; + background: #EEE; + color: #404040; + text-shadow: 0 1px 0 rgba(255,255,255,.5); + border: 1px solid rgba(0,0,0,.2); + border-radius: 0 0 6px 6px; +} + +.block-message p { + margin: .2em 0; + line-height: 1.25; +} + +/*-------------------------------------- + Left Block and Right Block +--------------------------------------*/ + +/* Block */ +.block-left, +.block-right, +.block-list { + margin-bottom: 12px; + border-top: 1px solid #AAA; + padding: 8px; + background: #FFF url("../images/css/block_bg.png") repeat-x scroll 0 0; + border-radius: 5px; +} + +@media only screen and (max-width: 767px) { + + .block-left, + .block-right, + .block-list { + font-size: 100%; + margin: 0 10px; + padding: 0; + border: none; + background: none; + border-radius: 0; + } +} + +/* Block Title */ +#leftblocks .block-title, +#rightblocks .block-title { + margin: 0 0 .5em 0; + padding: 0 0 .1em 0; + border-bottom: 1px solid #CCC; + font-size: 14px; + font-weight: bold; + line-height: 20px; + border: none; +} + +/*-------------------------------------- + Search Form +--------------------------------------*/ + +#searchform fieldset { + margin-top: 15px; + padding: 0; +} + +#searchform a { + line-height: 1.5em; +} + +@media only screen and (max-width: 767px) { + + #searchform fieldset { + margin-top: 10px; + margin-bottom: 10px; + padding: 0; + text-align: center; + } + + #searchform .searchform { + text-align: center; + } +} + +.searchform { + line-height: 2.2em; + margin-bottom: .3em; +} + +input[type="text"].search { + background: url("../images/search.png") left center no-repeat #FFF; + padding-right: 24px; + width: 120px; + color: #999; +} + +/*-------------------------------------- + Login Form +--------------------------------------*/ + +/* authentication buttons */ +#login_facebook { + right: 0; + width: 141px; + background: url("/images/oauth-login-with-sprite.png") no-repeat; + background-position: 100% 0; +} + +#login_twitter { + right: 0; + width: 141px; + background: url("/images/oauth-login-with-sprite.png") no-repeat; + background-position: 100% -23px; +} + +#login_linkedin { + right: 0; + width: 141px; + background: url("/images/oauth-login-with-sprite.png") no-repeat; + background-position: 100% -44px; +} + +#login_google { + right: 0; + width: 141px; + background: url("/images/oauth-login-with-sprite.png") no-repeat; + background-position: 100% -66px; +} + +#login_yahoo { + right: 0; + width: 141px; + background: url("/images/oauth-login-with-sprite.png") no-repeat; + background-position: 100% -88px; +} + +#login_microsoft { + right: 0; + width: 141px; + background: url("/images/oauth-login-with-sprite.png") no-repeat; + background-position: 100% -110px; +} + +#login_github { + right: 0; + width: 141px; + background: url("/images/oauth-login-with-sprite.png") no-repeat; + background-position: 100% -132px; +} + +#login_openid { + right: 0; + width: 141px; + background: url("/images/oauth-login-with-sprite.png") no-repeat; + background-position: 100% -154px; +} + +#loginform fieldset { + margin-top: 15px; + padding: 0; +} + +#loginform .submit { + margin-bottom: .3em; +} + +#loginform a { + line-height: 1.5em; +} + +.form_part { + margin-bottom: .3em; +} + +.form_part label { + display: block; + line-height: 1.2em; + margin-bottom: .3em; +} + +/* Third party login */ +form.third-party-login { + margin: .1em 0; +} + +form.third-party-login div { + position: relative; +} + +form.third-party-login div img { + position: absolute; + right: 6px; + top: 6px; +} + +form.third-party-login div input { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +form.third-party-login div input.submit { + text-indent: 24px; + font-size: 12px; + height: 28px; +} + +div.third-party-login { + width: 164px; +} + +/* All Mobile Sizes (devices and browser) */ +@media only screen and (max-width: 767px) { + + #navigation_ul { + display: none; + } + + #leftblocks .block-title, + #rightblocks .block-title, + #block-left-search > h2 { + background: #3B6998; + color: #EEEEEC; + font-weight: bold; + padding: 8px 5px; + text-align: right; + font-size: 16px; + margin-right: -10px; + margin-left: -10px; + text-shadow: 0 1px 1px rgba(0,0,0,.3); + border: none; + } + + h2.show, + #block-left-search > h2.show { + background: url("../images/arrow-down.png") no-repeat #3B6998; + -webkit-background-size: 36px auto; + -moz-background-size: 36px auto; + background-size: 36px auto; + background-position: left 50%; + } + + h2.hide, + #block-left-search > h2.hide { + background: url("../images/arrow-up.png") no-repeat #3B6998; + -webkit-background-size: 36px auto; + -moz-background-size: 36px auto; + background-size: 36px auto; + background-position: left 50%; + } + + #leftblocks .block-title, + #rightblocks .block-title { + margin-top: 0; + margin-bottom: 0; + } + + #block-left-search > h2 { + margin-top: 0; + margin-bottom: 0; + } + + #config_menu .block-title { + margin-right: -10px; + margin-left: -10px; + } + + #search-configuration-container label { + margin: 0 0 .5em 0; + padding: 0 0 .1em 0; + display: block; + border-bottom: 1px solid #CCC; + background: #3B6998; + color: #EEEEEC; + font-weight: bold; + padding: 8px 5px; + text-align: right; + font-size: 16px; + margin-right: -10px; + margin-left: -10px; + text-shadow: 0 1px 1px rgba(0,0,0,.3); + } + + #search-configuration { + font-size: 16px; + } + + .block-left-content, + .block-right-content, + .block-list-content { + padding: 10px 0; + text-shadow: 0 1px 0 #FFF; + } + + #block-left-search > .block-left-content { + padding: 10px; + margin: 0; + } + + .noliststyle { + list-style: none; + padding: 0; + margin: 0; + } + + .block-list-content { + margin-right: -10px; + margin-left: -10px; + padding: 0; + } + + .block-list-content li { + border-bottom: 1px solid #E7E7E7; + } + + .block-list-content li:last-child { + border-bottom: none; + } +} + +#container { + margin-bottom: 10px; + -webkit-box-shadow: -2px 2px 10px #CCC; + box-shadow: -2px 2px 10px #CCC; + -webkit-box-shadow: 0 0 8px 1px #333; + box-shadow: 0 0 8px 1px #333; +} + +@media only screen and (max-width: 767px) { + + #container { + margin-bottom: 0; + } +} + +@media only screen and (min-width: 768px) and (max-width: 962px) { + + #container { + margin: 5px; + } +} + +@media only screen and (max-width: 767px) { + + #container { + margin: 5px; + border: 1px solid #555; + } +} + +#header { + margin-bottom: 12px; +} + +@media only screen and (max-width: 767px) { + + #header { + margin-bottom: 0; + } +} + +#navigation { + text-shadow: 0 1px 0 #FFF; + background: #DBDDD9 url("../images/css/menu_bg.png") repeat-x 0 0; + border: 1px solid #939490; + margin: auto; + margin-bottom: 12px; + border-radius: 8px; + -webkit-box-shadow: 0 0 2px 1px #AAA; + box-shadow: 0 0 2px 1px #AAA; +} + +@media only screen and (max-width: 767px) { + + #navigation { + margin-bottom: 0; + } +} + +#navigation li a { + border-left: 1px dotted #939490; +} + +#navigation li:first-child a { + border-right: 1px dotted #939490; +} + +#navigation .uk-navbar { + background: none; +} + +#navigation .uk-navbar-nav { + margin: 0 1em; +} + +#navigation .uk-navbar-nav > li > a, +#navigation .uk-navbar-nav > li > a:link, +#navigation .uk-navbar-nav > li > a:visited { + text-decoration: none; + text-shadow: none; + color: #2E3436; +} + +#navigation .uk-navbar-nav > li:hover > a, +#navigation .uk-navbar-nav > li > a:focus, +#navigation .uk-navbar-nav > li.uk-open > a, +#navigation .uk-navbar-nav > li > a:active, +#navigation .uk-navbar-nav > li.uk-active > a { + -webkit-box-shadow: none; + box-shadow: none; + border-top-color: #939490; + background: #EDEDEB url("../images/css/menu_bg_active.png") repeat-x 0 0; +} + +.navigation_content { + width: 100%; +} + +#wrapper { + padding: 0 0 30px; + margin-bottom: 10px; +} + +@media only screen and (max-width: 767px) { + + #wrapper { + margin-bottom: 0; + } +} + +#footer { + width: auto; + padding: 12px; + border: 1px solid #656663; + background: #EDEDEB; + color: #223; + border-radius: 8px; +} + +@media only screen and (max-width: 767px) { + + #footer { + border: none; + border-radius: 0; + color: #999; + background-color: #284664; + } + + #footer a:link, + #footer a:visited, + #footer a:active { + color: #999; + text-shadow: 0 1px 1px rgba(0,0,0,.3); + } +} + +/*-------------------------------------- + Story +--------------------------------------*/ + +/* Container */ +.storytext { + margin: 0 0 1.5em 0; + border-bottom: 1px solid #E7E7E7; + /* Table */ +} + +.storytext table { + text-align: right; + border-collapse: collapse; + margin: 1em .5em; +} + +.storytext tr { + margin: 0; + padding: 0; + vertical-align: middle; +} + +.storytext th, +.storytext td { + margin: 0; + padding: .2em .6em; + vertical-align: middle; + line-height: 160%; + border: 1px solid #DDD; +} + +.storytext th { + font-weight: bold; + background: #F5F5F5; +} + +.storytext img { + max-width: 100%; + height: auto; +} + +/* Story Title */ +.story_title { + float: right; + margin: 0 0 10px 0; + font-size: 20px; + text-decoration: none; + color: #222; +} + +.story_title a:link, +.story_title a:visited { + color: #222; + text-decoration: none; +} + +.story_title a:hover { + color: #2664A2; + text-decoration: underline; +} + +/* Icon(email, print, pdf) */ +.story_icon { + float: left; + font-size: 18px; +} + +.story_icon a { + margin-right: 5px; +} + +@media only screen and (max-width: 767px) { + + .story_icon { + display: none; + } +} + +/* Story(Date, Auther, Display no.) */ +.story_status { + list-style-position: outside; + list-style-type: none; + clear: both; + margin: 0 0 10px 0; + padding-right: 1em; + color: #999; + font-size: 85%; + line-height: 1.25; +} + +/* Story Body */ +.story_introtext { + margin: 0 0 2em 0; + line-height: 1.625; + zoom: 1; +} + +.story_introtext:before, +.story_introtext:after { + content: ""; + display: table; +} + +.story_introtext:after { + clear: both; +} + +/* Topic Icon */ +.story_image { + float: left; + width: 48px; + height: 48px; + margin: 15px; +} + +.story_image + p, +.story_image + ul, +.story_image + ol, +.story_image + dl, +.story_image + blockquote, +.story_image + pre, +.story_image + address, +.story_image + fieldset, +.story_image + figure { + margin-top: 0; +} + +/* Navigation */ +.story_navi { + list-style-type: none; + clear: both; + margin: 0; + padding-right: 0; + text-align: center; +} + +.story_navi li { + display: inline; + margin: 0 2px; +} + +/* Comment and Trackback */ +.feedback { + list-style-type: none; + margin: 0 0 .5em 0; + padding-right: 0; + text-align: center; +} + +.feedback li { + display: inline; + margin: 0 2px; +} + +.article { + font-size: 100%; +} + +/*-------------------------------------- + Tooltips +--------------------------------------*/ + +.gl-tooltip span { + margin-left: -999em; + position: absolute; + text-align: left; + width: 250px; +} + +.gl-tooltip:link, +.gl-tooltip:visited { + color: #2664A2; + outline: none; + text-decoration: none; + position: relative; +} + +.gl-tooltip:hover span { + border-radius: 8px; + -webkit-box-shadow: -2px 2px 8px #666; + box-shadow: -2px 2px 8px #666; + font-size: 1em; + text-align: right; + white-space: normal; + font-family: Calibri, Tahoma, Geneva, sans, sans-serif; + position: absolute; + right: 2.2em; + top: 2.2em; + z-index: 99; + margin-left: 0; + width: 250px; +} + +.gl-tooltip:hover img.icon { + border: 0; + margin: -15px -51px 0 0; + float: right; + position: absolute; +} + +.gl-tooltip:hover em { + font-family: Candara, Tahoma, Geneva, sans, sans-serif; + font-size: 1.2em; + font-weight: bold; + display: block; + padding: .2em .4em .6em 0; +} + +#gl-tooltip-icon { + border: 0; +} + +span.classic { + padding: .8em 1em; +} + +span.custom { + padding: .5em 2em .8em .8em; +} + +span.classic { + background: #EEEEEC; + border: 2px solid #555753; +} + +span.critical { + background: #F5F0F0; + border: 2px solid #A40000; +} + +span.critical em { + color: #A40000; +} + +span.help { + background: #EDF0F2; + border: 2px solid #204A87; +} + +span.help em { + color: #204A87; +} + +span.info { + background: #EDF0F2; + border: 2px solid #204A87; +} + +span.info em { + color: #204A87; +} + +span.warning { + background: #FCF7EF; + border: 2px solid #CE5C00; + font-weight: normal; + color: #000; +} + +span.warning em { + color: #CE5C00; +} + +/*-------------------------------------- + Article Page +--------------------------------------*/ + +/* Related Information & Story Option */ +.list-whats-related, +.list-story-options { + line-height: 1.7em; + margin: 0 20px 0 0; + padding: 0; +} + +/*-------------------------------------- + Comment Block +--------------------------------------*/ + +#commentarea { + clear: both; +} + +/* Comment Information (Story Title | Comment Number | Username) */ +.commentbar_status { + text-align: center; + margin: 1em 0; +} + +.bar_separator { + padding-right: 5px; + padding-left: 5px; + color: #CCC; +} + +#commentbar { + padding: 3px; + background: none repeat scroll 100% 0 #EEE; + border-radius: 4px; + zoom: 1; +} + +#commentbar:before, +#commentbar:after { + content: ""; + display: table; +} + +#commentbar:after { + clear: both; +} + +/* Comment Submit Form */ +#commentbar-comment { + float: right; + padding: .3em; +} + +#commentbar-selector { + float: left; + padding: .3em; +} + +/* Comment NOTE */ +.disclaimer { + text-align: center; + color: #666; + margin: .5em 0 1em; +} + +#commentpreview { + margin: 0; + background: transparent; + border: 1px dashed #808080; + padding: 5px 10px; +} + +#commenteditform { + margin: 0; + background: #F7F7F7; + border: 1px solid #E7E7E7; + padding: 10px; +} + +/*-------------------------------------- + Comment Body +--------------------------------------*/ + +/* Individual Comment (Tree) */ +.comment_thread { + list-style-position: outside; + list-style-type: none; + margin: 0 0 .5em 0; + padding: 0; + text-align: right; +} + +/* Individual Comment (Tree) Title */ +.thread_title { + display: inline; + margin: 0; + padding: 0; +} + +/* Individual Comment (Tree) Auther */ +.thread_author { + display: inline; + margin: 0 8px 0 0; + padding: 0; +} + +.thread_author:before { + content: " - "; +} + +/* Individual Comment */ +.block-comment-content { + margin: 0; + padding: 0; + text-align: right; +} + +/* Individual Comment Level(Nested | Tree) */ +.level-0 { + margin-right: 0; +} + +.level-25 { + margin-right: 16px; +} + +.level-50 { + margin-right: 32px; +} + +.level-75 { + margin-right: 48px; +} + +.level-100 { + margin-right: 64px; +} + +.level-125 { + margin-right: 80px; +} + +.level-150 { + margin-right: 96px; +} + +.level-175 { + margin-right: 112px; +} + +.level-200 { + margin-right: 128px; +} + +.level-225 { + margin-right: 144px; +} + +.level-250 { + margin-right: 160px; +} + +.level-275 { + margin-right: 176px; +} + +.level-300 { + margin-right: 192px; +} + +.level-325 { + margin-right: 208px; +} + +.level-350 { + margin-right: 224px; +} + +.level-375 { + margin-right: 240px; +} + +.level-400 { + margin-right: 256px; +} + +/* Comment Information */ +.comment_status { + list-style-position: outside; + list-style-type: none; + margin: 0; + padding: 0; +} + +/* Comment Title */ +.comment_title { + display: block; + margin: 1em 0 .5em 0; + padding: 4px; + border: 1px solid #E7E7E7; + background: #F7F7F7; +} + +/* Comment Auther */ +.comment_author { + display: block; + margin: 0 0 1em 0; + padding: 0; + color: #666; +} + +/* Comment Content */ +.comment_content { + margin: 0 0 1em 0; + padding: 0; +} + +/* Comment Navigation */ +.comment_navi { + clear: both; + color: #666; +} + +/*-------------------------------------- + Report Comment Form +--------------------------------------*/ + +/* Comment */ +.reportcomment { + margin: 0 0 1em 0; + padding: 0; + border-bottom: 1px solid #E7E7E7; +} + +/*-------------------------------------- + Comment Submit Form +--------------------------------------*/ + +/* Username */ +.dt-commentform-username { + display: inline; +} + +.logoutorcreateaccount { + padding: 0 3px; +} + +/* NOTE */ +.importantstuff { + margin-top: 0; +} + +.ul-importantstuff { + margin: 0 1em 0 0; + padding: 0; +} + +.li-importantstuff { + margin: 0 8px 0 0; + padding: 0; +} + +/*-------------------------------------- + Breadcrumbs List +--------------------------------------*/ + +.navbar-breadcrumbs { + list-style-position: outside; + list-style-type: none; + margin: 0; + padding: 0; +} + +.li-navbar-breadcrumbs { + display: inline; +} + +.a-navbar-breadcrumbs { + margin: 0 8px; +} + +/*-------------------------------------- + Navigation +--------------------------------------*/ + +#navcontainer { + width: 100%; + margin-bottom: 10px; + padding-bottom: 2px; + font-size: 90%; + line-height: normal; + border-bottom: 1px solid #DDD; + height: 30px; +} + +#navlist { + display: block; + margin: 0 0 20px 0; + padding: 0; + list-style: none; + /* Clearfixing tabs for beautiful stacking */ +} + +#navlist:before, +#navlist:after { + content: ""; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +#navlist:after { + clear: both; +} + +.li-navlist { + display: block; + width: auto; + height: 30px; + padding: 0; + float: right; + margin: 2px 0 0 -1px; +} + +.li-navlist #current { + background: #FFF; + height: 29px; + position: relative; + top: -5px; + padding-top: 5px; + border-right-width: 1px; + margin: 0; + color: #111; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + border-bottom-color: #FFF; +} + +.li-navlist #current:first-child a { + border-width: 1px; + border-top-right-radius: 3px; +} + +.li-navlist #current:last-child a { + border-top-left-radius: 3px; +} + +.a-navlist { + display: block; + text-decoration: none; + width: auto; + height: 29px; + padding: 0 12px; + line-height: 30px; + border: solid 1px #DDD; + border-width: 1px; + margin: 0; + background: #F5F5F5; +} + +.a-navlist:link, +.a-navlist:visited, +.a-navlist:hover { + color: #555; + text-decoration: none; +} + +/*-------------------------------------- + Page Navigation +--------------------------------------*/ + +.gl-pagenav { + text-align: center; + color: #CCC; + margin: 0 0 1.5em; + line-height: 1.4em; +} + +.gl-pagenav a, +.gl-pagenav b { + display: inline-block; + margin: 1px 2px; + padding: 2px 7px; + background: transparent; + border: 1px solid #E7E7E7; +} + +.gl-pagenav b { + color: #222; +} + +.gl-pagenav a:hover { + background: #EEE; + border: 1px solid #CCC; +} + +.gl-pagenav span { + display: inline-block; + color: #999; +} + +.gl-pagenav span a { + margin: 0; + padding: 2px 0; + background: transparent; + border: none; +} + +.gl-pagenav span a:hover { + background: transparent; + border: none; +} + +.gl-pagenav .divider { + padding: 0; + margin: 0 4px; +} + +/*-------------------------------------- + Breadcrumbs Navigation +--------------------------------------*/ + +.bc_navigation { + margin: 0 0 15px; +} + +/*-------------------------------------- + My Account Page +--------------------------------------*/ + +#exclude_topic > .checkboxes-list > li, +#boxesblock > .checkboxes-list > li { + /* display: inline */ + margin-left: .5em; +} + +/*-------------------------------------- + Access Information Page +--------------------------------------*/ + +.itemstatistics { + width: 100%; + margin: 0; + padding: 0; + border-collapse: collapse; +} + +.itemstatistics th { + margin: 0; + padding: 2px; + text-align: right; +} + +.itemstatistics td { + margin: 0; + padding: 2px; +} + +/*-------------------------------------- + Trackback +--------------------------------------*/ + +/* Trackback Block */ +#trackback { + clear: both; +} + +/* Trackback Content */ +.block-trackback-content { + border-bottom: 1px solid #E7E7E7; +} + +.block-trackback-content > p { + margin: 0 0 1em 0; +} + +/* Description */ +.trackback_comments_no_link { + margin: 0 0 1em 0; + padding: 0; +} + +/* Recept Trackback Block */ +.formattedcomment { + margin: 0 0 1em 0; + padding: 0; +} + +/* Recept Trackback Information */ +.trackback_status { + list-style-position: outside; + list-style-type: none; + margin: 0; + padding: 0; +} + +/* Recept Trackback Title */ +.trackback_title { + margin: 0 0 .5em 0; + padding: 4px; + border: 1px solid #E7E7E7; + background: #F7F7F7; +} + +/* Recept Trackback Recept Date */ +.trackback_date { + margin: 0 0 .5em 0; + padding: 0; +} + +/* Recept Trackback Summary */ +.trackback_excerpt_readmore { + margin: 0 0 1em 0; + padding: 0; +} + +/*-------------------------------------- + Profile +--------------------------------------*/ + +/* Account Information */ +#profile-userprofile { + overflow: hidden /* Adjust floating element */; + margin: 0; + padding: 0; + zoom: 1; +} + +#profile-userprofile:before, +#profile-userprofile:after { + content: ""; + display: table; +} + +#profile-userprofile:after { + clear: both; +} + +#profile-userprofile dt { + float: right; + clear: right; + width: 25%; + margin: 0 0 .5em 0; + padding: 0; +} + +#profile-userprofile dd { + float: right; + width: 75%; + margin: 0 0 .5em 0; + padding: 0; +} + +/* Photo */ +dd#profile-user_photo { + float: none; + width: auto; + margin-right: 25%; + margin-bottom: 1em; +} + +@media only screen and (max-width: 767px) { + + dd#profile-user_photo { + margin-right: 50%; + } +} + +/* Recent Submit | User Recent Comment */ +.storyrow, +.commentrow { + margin: 0; + padding: 0; +} + +.storyrow a, +.commentrow a { + margin: 0 0 0 8px; + padding: 0; +} + +/* Submit Story | Comment Total */ +#profile-postingstats { + margin: 0; + padding: 0; +} + +#profile-postingstats dt { + float: right; + clear: right; + width: 25%; + margin: 0 0 .5em 0; + padding: 0; +} + +#profile-postingstats dd { + float: right; + width: 75%; + margin: 0 0 .5em 0; + padding: 0; +} + +@media only screen and (max-width: 767px) { + + #profile-userprofile dt, + #profile-userprofile dd, + #profile-postingstats dt, + #profile-postingstats dd { + width: 50%; + } +} + +/* User All Submit Search Link */ +#profile-all_postings_by { + clear: right; + padding-top: 1em; +} + +/*-------------------------------------- + Batch Processing Styles +--------------------------------------*/ + +.tm-updating { + background-image: url("../images/throbber.gif"); + background-repeat: no-repeat; + background-position: 5px 4px; + border-width: 1px; + padding-right: 3px; +} + +.story_status { + margin: 0 50px 15px 0; + padding-top: 5px; +} + +.story_image { + float: right; + margin: -60px 0 10px 10px; +} + +/*-------------------------------------- + Admin Common Style +--------------------------------------*/ + +/* Basic Editor */ +.admin_basic { + padding: .5em 2em; +} + +@media only screen and (max-width: 962px) { + + .admin_basic { + padding: .5em 0; + } +} + +/*-------------------------------------- + Admin Top Menu Style +--------------------------------------*/ + +#admin-topmenu { + margin-bottom: 2em; + border: 1px solid rgba(0,0,0,.2); + padding: 10px 5px; + line-height: 1.25; + border-radius: 4px; + -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1); + box-shadow: 0 1px 2px rgba(0,0,0,.1); +} + +.admin-menu-icon { + float: right; + padding: 5px; + margin-left: 10px; + width: 48px; + height: 48px; +} + +#instructions { + padding: 5px; +} + +#instructions > p { + margin: 0 0 5px 0; + line-height: 1.25; +} + +#admin-menu-fields { + color: #CCC; +} + +.admin-topic-image { + margin: 0 0 0 5px; + vertical-align: middle; +} + +/*-------------------------------------- + Group Editor +--------------------------------------*/ + +#rights_options { + width: 100%; + font-size: 11px; +} + +/*-------------------------------------- + Group Member Editor +--------------------------------------*/ + +.listmembers { + float: right; + width: 35%; + height: 15em; +} + +#admin-groupmembers-fieldFrom, +#admin-groupmembers-fieldTo { + width: 100%; + height: 100%; +} + +.movemembers { + float: right; + width: 30%; + padding-top: 5em; + text-align: center; + height: 12em; +} + +.movebutton { + margin: .5em 0; + text-align: center; +} + +/*-------------------------------------- + Admin Page +--------------------------------------*/ + +/* Admin List Table */ +.admin-list-table { + margin: 0; + width: 100%; + font-size: 13px; + border-collapse: collapse; + border-spacing: 0; +} + +@media only screen and (max-width: 1199px) { + + .admin-list-table { + width: 900px; + } +} + +.fieldset-table-wrapper > .admin-list-table { + width: 100%; +} + +.admin-list-table th, +.admin-list-table td { + vertical-align: middle; + height: 24px; + padding: 4px 8px; + border-bottom: 1px solid #E5E5E5; +} + +.admin-list-table th { + background-color: #DAE0ED; +} + +.admin-list-table img { + vertical-align: middle; +} + +/* UIkit Modifier */ +.uk-table tbody tr.uk-active > td { + background: #F0F0F0; +} + +.uk-table-striped tbody tr:nth-of-type(odd) { + background: #FAFAFA; +} + +.uk-table-hover tbody tr:hover > td { + background: #F0F0F0; +} + +/* Navigation */ +.admin-list-navi { + margin-top: .5em; +} + +/* Message */ +.admin-list-message { + margin: 1em 0 0 0; + padding: 0; + text-align: center; +} + +.admin-list-search { + text-align: center; + margin: .5em 0; + zoom: 1; +} + +.admin-list-search:before, +.admin-list-search:after { + content: ""; + display: table; +} + +.admin-list-search:after { + clear: both; +} + +@media only screen and (max-width: 767px) { + + .admin-list-search { + text-align: right; + } +} + +.admin-list-smalltable { + margin: 0 0 .5em 0; + border-collapse: separate; + border-spacing: 1px; + font-size: 13px; +} + +.search-part { + display: inline-block; + margin-left: 5px; + white-space: nowrap; +} + +@media only screen and (max-width: 767px) { + + .search-part { + display: block; + } +} + +/*-------------------------------------- + Permission Style +--------------------------------------*/ + +#admin-permissions { + margin: 0 0 .5em 0; + width: auto; + font-size: 13px; + border-collapse: collapse; + border-spacing: 0; + border: 1px solid rgba(0,0,0,.2); +} + +#admin-permissions th { + background-color: #DAE0ED; +} + +#admin-permissions th, +#admin-permissions td { + font-weight: bold; + text-align: center; + vertical-align: middle; + border-bottom: 1px solid rgba(0,0,0,.2); + border-left: 1px solid rgba(0,0,0,.2); +} + +/*-------------------------------------- + Command and Control Page +--------------------------------------*/ + +.admin-commandcontrol { + list-style-position: outside; + list-style-type: none; + margin: 0; + padding: 0; +} + +.admin-commandcontrol li { + float: right; + width: 12.5%; + height: 8em; + margin: 0; + padding: 0; + text-align: center; +} + +@media only screen and (max-width: 1199px) { + + .admin-commandcontrol li { + width: 16.66%; + } +} + +@media only screen and (min-width: 768px) and (max-width: 962px) { + + .admin-commandcontrol li { + width: 20%; + } +} + +@media only screen and (max-width: 767px) { + + .admin-commandcontrol li { + width: 25%; + } +} + +@media only screen and (max-width: 479px) { + + .admin-commandcontrol li { + width: 33.33%; + } +} + +.admin-commandcontrol a { + display: block; + font-size: 90%; + margin: 5px 0; +} + +/*-------------------------------------- + Plugin Page +--------------------------------------*/ + +#admin-editor #title { + font-size: 13px; + font-weight: bold; + position: relative; + top: 10px; +} + +/* Used by lib-plugin.php to display dependencies */ +b.notbold { + font-weight: normal; +} + +b.status_red { + display: inline; + color: #A40000; +} + +b.status_orange { + display: inline; + color: #B25000; +} + +b.status_green { + display: inline; + color: #3D7805; +} + +b.status_black { + display: inline; + color: #000; +} + +/*-------------------------------------- + Story Editor +--------------------------------------*/ + +.story_editor { + margin: 0 0 1em 0; + padding: 8px; + border: 1px solid #CCC; +} + +.story_editor dl { + margin-bottom: 0; +} + +.story_editor dt { + width: 14%; +} + +.story_editor dd { + width: 85%; +} + +@media only screen and (max-width: 962px) { + + .story_editor dt { + width: auto; + } + + .story_editor dd { + width: auto; + } +} + +#text_editor dd.description { + margin-right: 15%; +} + +#admin-storyeditor-introtext, +#admin-storyeditor-bodytext { + width: 98%; +} + +/* Preview */ +#preview { + margin: 1em 0; + padding: 1em 0; + border-top: 1px solid #CCC; + border-bottom: none; +} + +/* Story Stats */ +.story_stats { + display: inline-block; + float: right; + margin-left: 2em; +} + +/*-------------------------------------- + Topic Editor +--------------------------------------*/ + +/* TopicList */ +#admin-topiclist { + list-style-position: outside; + list-style-type: none; + margin: 0; + padding: 0; +} + +#admin-topiclist li { + float: right; + width: 20%; + height: 8em; + margin: 0; + padding: 0; + text-align: center; +} + +#admin-topiclist a { + display: block; +} + +/*-------------------------------------- + Trackback +--------------------------------------*/ + +.trackback-message { + margin: 0 0 1em 0; + padding: 0; +} + +/*-------------------------------------- + User Editor +--------------------------------------*/ + +/* User Images */ +.userphoto { + margin: .5em 0 0 .5em; +} + +/* Security Group Instructions */ +.groupinstructions { + margin: 0 0 .5em 0; +} + +/*-------------------------------------- + Reminder +--------------------------------------*/ + +#reminder-submit { + margin: .5em 0; +} + +/*-------------------------------------- + Enviroment Check +--------------------------------------*/ + +.pathtext { + font-size: 11px; + color: #666; +} + +.pathtext-status { + text-align: left; + white-space: nowrap; +} + +.yes, +.iswriteable { + font-weight: bold; + color: #46882B; +} + +.no, +.notok, +.notwriteable { + font-weight: bold; + color: #C00; +} + +/* PHPInfo Panel style and button */ +#panel_phpinfo { + padding: 5px; + width: 600px; + margin: auto; + text-align: center; +} + +#toggle_phpinfo { + padding: 5px; + width: 200px; + margin: auto; + text-align: center; + border: solid 1px #C3C3C3; +} + +#panel_phpinfo { + padding: 50px; + display: none; +} + +/*-------------------------------------- + Others +--------------------------------------*/ + +.allowed_html_tags, +.allowed_autotags { + margin-top: 15px; + margin-bottom: 15px; +} + +#totop-scroller { + position: fixed; + z-index: 99; + bottom: 20px; + left: 20px; + text-align: center; + font-size: 40px; + cursor: pointer; + color: rgba(128,128,128,.6); +} + +.block-help-icon { + font-size: 18px; + margin-right: 8px; +} + +/*-------------------------------------- + Admin Configration +--------------------------------------*/ + +#config_menu { + float: right; + padding: 0 10px; +} + +.block-config, +#search-configuration-container { + margin: 0 0 .5em; + padding: 8px 0; + text-align: right; +} + +.block-config-title, +#search-configuration-container label { + margin: 0 0 .5em 0; + padding: 0 0 .1em 0; + display: block; + border-bottom: 1px solid #CCC; + font-size: 105%; + font-weight: bold; +} + +.block-config-content { + padding-right: 5px; +} + +.configoption { + list-style: none outside; + color: #999; + margin: 0; + padding: 0; +} + +.configoption a { + display: block; + color: #222; + height: 1.8em; + line-height: 1.8em; + overflow: hidden; + padding: 0 5px; + white-space: nowrap; + text-decoration: none; +} + +.configoption a:hover { + background-color: #F1F1F1; +} + +.configoption_off { + list-style: none outside; + color: #999; + display: block; + height: 1.8em; + line-height: 1.8em; + overflow: hidden; + margin: 0; + padding: 0 5px; + white-space: nowrap; +} + +#config_content { + float: right; + padding: 10px; +} + +body.center-right #config_content { + width: 600px; +} + +#geeklog_config_editor { + zoom: 1; +} + +#geeklog_config_editor:before, +#geeklog_config_editor:after { + content: ""; + display: table; +} + +#geeklog_config_editor:after { + clear: both; +} + +#config_main { + width: 100%; +} + +#search-configuration { + width: 90%; + margin: 10px 5px 10px 0; +} + +.inputTable { + width: 100%; + margin: 0; + padding: 0; +} + +.config_label { + float: right; + width: 35%; + padding: .5em 0; +} + +.restore { + padding: .5em 0; +} + +.config_input { + float: right; + width: 53%; +} + +.config_name { + clear: right; + margin: 5px 0; + padding: 5px; +} + +.config_name input[type="text"], +.config_name textarea { + width: 53%; +} + +.config_name select { + width: 54.5%; + max-width: none; +} + +.config_validation_error_block { + color: #D14; + font-size: 12px; +} + +/* Smaller than standard 1280 (devices and browsers) */ +@media only screen and (max-width: 962px) { + + body.center #config_menu { + width: 100%; + padding: 0; + } + + body.center #config_content { + float: right; + width: 100%; + padding: 10px 0; + } + + .configoption { + display: inline-block; + border: 1px solid #666; + border-color: #BEDAF3; + border-radius: 2px 2px 2px 2px; + background: #E4EDF5; + color: #369; + margin: .2em 0; + margin-left: .4em; + } + + .configoption a { + overflow: visible; + padding: 0 10px; + height: 1.8em; + line-height: 1.8em; + color: #369; + } + + .configoption_off { + display: inline-block; + border: 1px solid #666; + border-color: #79B1E7; + border-radius: 2px 2px 2px 2px; + background: #A8C4E0; + color: #2A527A; + font-weight: bold; + overflow: visible; + margin: .2em 0; + margin-left: .4em; + padding: 0 10px; + height: 1.8em; + line-height: 1.8em; + } + + #text_editor dd.description { + margin-right: 0; + } +} + +/* Tablet Portrait size to standard 960 (devices and browsers) */ +@media only screen and (min-width: 768px) and (max-width: 962px) { + + #config_menu { + float: right; + width: 728px; + padding: 0 10px; + } + + body.center-right #config_menu { + width: 508px; + } + + #config_content { + float: right; + width: 728px; + padding: 10px; + } + + body.center-right #config_content { + width: 508px; + } + + .block-config, + #search-configuration-container { + margin: 0; + padding: 5px 0; + } +} + +/* All Mobile Sizes (devices and browser) */ +@media only screen and (max-width: 767px) { + + #geeklog_config_editor { + padding: 0; + } + + #config_menu { + float: right; + width: 100%; + padding: 0; + } + + body.center-right #config_menu { + width: 100%; + } + + #config_content { + float: right; + width: 100%; + padding: 10px 0; + } + + body.center-right #config_content { + width: 100%; + } + + .config_label { + float: right; + width: 100%; + padding: 0; + font-weight: bold; + } + + .restore { + padding: .5em 0; + } + + .config_input { + float: right; + width: 90%; + } + + .config_name { + margin: 5px 0; + padding: 5px; + } + + .config_name input[type="text"], + .config_name textarea { + width: 95%; + } + + .config_name select { + max-width: none; + width: 98%; + } + + .block-config, + #search-configuration-container { + margin: 0; + padding: 5px 0; + } +} diff --git a/public_html/layout/denim_curve/css_rtl/style.gradient.min.css b/public_html/layout/denim_curve/css_rtl/style.gradient.min.css new file mode 100644 index 000000000..933af19e7 --- /dev/null +++ b/public_html/layout/denim_curve/css_rtl/style.gradient.min.css @@ -0,0 +1,2 @@ +/* Geeklog Denim Theme 1.1.0 | Copyright (C) 2012-2016 by dengen | http://www.trybese.com/~dengen/log/ | License:GPL-2.0+ */ +a,a:hover{color:#2664A2}dd,dt{margin-right:20px}a:hover,ins{text-decoration:underline}h1,select{line-height:28px}address{font-style:normal;font-weight:400}dt,em{font-weight:700}q:before{content:open-quote}q:after{content:close-quote}cite,dfn,em,var{font-style:italic}code,kbd,samp{font-family:monospace}abbr[title],acronym[title]{border-bottom:1px dotted}a{outline:0}del{text-decoration:line-through}textarea{font-size:100%;width:75%;min-height:60px}sub,sup{font-size:.83em;line-height:normal}hr{height:1px;border:none;border-top:1px solid #CCC;margin:.5em auto}sub{vertical-align:sub}sup{vertical-align:super}fieldset{margin:0 0 1em;padding:8px 12px;border:1px solid #CCC;border-radius:4px}legend{padding:2px 4px}iframe[width="100%"]{width:99%}img{border:none;vertical-align:bottom}h1,h2,h3,h4,h5,h6{margin:0 0 15px}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:15px}h1{font-size:22px}h2{font-size:20px;line-height:26px}h3{font-size:18px;line-height:24px}h4{font-size:16px;line-height:22px}h5{font-size:14px;line-height:20px}h6{font-size:12px;line-height:18px}table img{vertical-align:middle}@media only screen and (max-width:479px){select{max-width:270px}}select{height:28px}select.multiple,select[multiple=multiple]{height:auto}option{padding-left:4px}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,textarea:focus{border:1px solid #AAA;color:#222;-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);box-shadow:0 0 3px rgba(0,0,0,.2)}input[type=submit]::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=reset]::-moz-focus-inner{border:0;padding:0}input[type=submit],input[type=button],input[type=reset]{-webkit-appearance:none;margin:0;border:none;overflow:visible;font:inherit;color:#444;text-transform:none;display:inline-block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 12px;background:#F7F7F7;vertical-align:middle;line-height:28px;min-height:30px;font-size:1rem;text-decoration:none;text-align:center;border:1px solid rgba(0,0,0,.2);border-bottom-color:rgba(0,0,0,.3);-webkit-background-origin:border;-moz-background-origin:border;background-origin:border-box;background-image:-webkit-linear-gradient(top,#FFF,#EEE);background-image:-moz-linear-gradient(top,#FFF,#EEE);background-image:-o-linear-gradient(top,#FFF,#EEE);background-image:-ms-linear-gradient(top,#FFF,#EEE);background-image:linear-gradient(to bottom,#FFF,#EEE);border-radius:4px;text-shadow:0 1px 0 #FFF}#token-expirytime,.b,.checkboxes-list .gldefault,.inputTable label,.warning{font-weight:700}input[type=submit]:not(:disabled),input[type=button]:not(:disabled),input[type=reset]:not(:disabled){cursor:pointer}input[type=submit]:focus,input[type=submit]:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover{background-color:#FAFAFA;color:#444;outline:0;text-decoration:none;background-image:none}input[type=submit].uk-active,input[type=submit]:active,input[type=button].uk-active,input[type=button]:active,input[type=reset].uk-active,input[type=reset]:active{background-color:#F5F5F5;color:#444;border-color:rgba(0,0,0,.2);border-top-color:rgba(0,0,0,.3);background-image:none;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.1);box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}input[type=submit]:disabled,input[type=button]:disabled,input[type=reset]:disabled{background-color:#FAFAFA;color:#999;border-color:rgba(0,0,0,.2);background-image:none;-webkit-box-shadow:none;box-shadow:none;text-shadow:0 1px 0 #FFF}.uk-button-group input[type=submit],.uk-button-group input[type=button],.uk-button-group input[type=reset]{vertical-align:top}.uk-button-group>div:not(:first-child):not(:last-child) input[type=submit],.uk-button-group>div:not(:first-child):not(:last-child) input[type=button],.uk-button-group>div:not(:first-child):not(:last-child) input[type=reset]{border-radius:0}.uk-button-group>div:first-child input[type=submit],.uk-button-group>div:first-child input[type=button],.uk-button-group>div:first-child input[type=reset]{border-top-left-radius:0;border-bottom-left-radius:0}.uk-button-group>div:last-child input[type=submit],.uk-button-group>div:last-child input[type=button],.uk-button-group>div:last-child input[type=reset]{border-top-right-radius:0;border-bottom-right-radius:0}.uk-button-group>div:nth-child(n+2) input[type=submit],.uk-button-group>div:nth-child(n+2) input[type=button],.uk-button-group>div:nth-child(n+2) input[type=reset]{margin-right:-1px}.uk-contrast input[type=submit],.uk-contrast input[type=button],.uk-contrast input[type=reset]{color:#444;background:#FFF;border-color:transparent}.uk-contrast input[type=submit]:focus,.uk-contrast input[type=submit]:hover,.uk-contrast input[type=button]:focus,.uk-contrast input[type=button]:hover,.uk-contrast input[type=reset]:focus,.uk-contrast input[type=reset]:hover{background-color:rgba(255,255,255,.8);color:#444;border-color:transparent}.uk-contrast input[type=submit].uk-active,.uk-contrast input[type=submit]:active,.uk-contrast input[type=button].uk-active,.uk-contrast input[type=button]:active,.uk-contrast input[type=reset].uk-active,.uk-contrast input[type=reset]:active{background-color:rgba(255,255,255,.7);color:#444;-webkit-box-shadow:none;box-shadow:none}.uk-form button,.uk-form input,.uk-form select,.uk-form textarea{margin:0 1px 2px}.uk-form .uk-button-group button,.uk-form .uk-button-group input,.uk-form .uk-button-group select,.uk-form .uk-button-group textarea{margin:0 0 2px}.uk-form input[type=checkbox],.uk-form input[type=radio]{margin-right:3px;margin-left:3px;vertical-align:middle}.aligntop,.inputTable td,.plugin tr,.pluginSubTable tr{vertical-align:top}.uk-form>.admin-list-search{margin-bottom:.5em}html{background:-webkit-linear-gradient(top,#3465A4 0,#EEEEEC 390px);background:-moz-linear-gradient(top,#3465A4 0,#EEEEEC 390px);background:-o-linear-gradient(top,#3465A4 0,#EEEEEC 390px);background:-ms-linear-gradient(top,#3465A4 0,#EEEEEC 390px);background:linear-gradient(to bottom,#3465A4 0,#EEEEEC 390px)}.blocklist ul{list-style:none;padding:0;margin:0}.alignleft{text-align:right}.alignright{text-align:left}.aligncenter{text-align:center}.floatright{float:left}.floatleft{float:right}.clearboth{clear:both}.clearfix:after{content:".";display:block;height:1px;clear:both;overflow:hidden;visibility:hidden}.ext-link{background:url(../images/external.png) center right no-repeat;padding-left:13px}.feed-link{background:url(../images/feed.png) center right no-repeat;padding:2px 0 2px 16px}.strike{text-decoration:line-through}.break-word,.url{white-space:pre-wrap;word-wrap:break-word;word-break:break-all;overflow:auto}.fieldhelp{font-size:.85em;color:#666;padding-right:.8em;padding-left:.8em}.form-description{font-weight:700;float:right;width:100px;text-align:left;padding-left:5px;display:block}.pagenav,.row_center td{text-align:center}.form-field{padding-bottom:5px;margin-right:105px}.checkboxes-list{list-style:none;padding:0;margin:0}.checkboxes-list span{padding-right:5px}.highlight{color:#000;background-color:#FF0;text-decoration:none}.inputTable td{padding:4px}.inputTable label{float:left;white-space:nowrap}.nowrap{white-space:nowrap}.pagenav{line-height:1.5}.searchresult-byline{color:green}.sysmessage{margin:0}.sysmessage a{text-decoration:underline}.sysmessage img{border:none;float:right;padding:0 0 8px 8px}#token-expirynotice,.plugin,.pluginSubTable{border:1px solid #CCC}.stats-header-count,.stats-header-title,.stats-list-count{padding-right:5px;padding-left:5px}.stats-list-count{text-align:left}.stats-header-title{text-align:right;width:90%}.stats-header-count{text-align:right;width:10%}#token-expirynotice{padding:1em;background:#F7F7F7}.warning,.warningsmall{background:0 0;color:#D14}.plugin{color:#000;background-color:#EFEFEF;font-weight:400}.plugin th{color:#000;background-color:#B7C1DC;padding:5px;text-align:right}.pluginAltBG,.pluginBG{background-color:#7398BA}.plugin td{padding:2px 5px}.pluginBG{color:#FEFEFE}.pluginAltBG td{color:#FFF}.pluginCellTitle{color:#666;font-weight:700;background-color:#E6E6E6;padding:5px}.pluginCellFill{background-color:#F8FAFD}.pluginCellText{color:#636363;font-weight:400}.pluginHeader{color:#204275;font-weight:bolder;padding-top:3px;padding-bottom:3px}.pluginFooter,.pluginFooter td{background-color:#507AA1;color:#FFF}.pluginAlert,.pluginInfo{padding:5px 15px;background-color:#FEF1B4}.pluginAlert{color:#D8010E;font-weight:700;margin-bottom:1em}.pluginInfo{color:#707070;font-weight:400}.pluginSubTable{color:#000;background-color:#CCC;font-weight:400}.pluginSubTable th{color:#000;background-color:#C9D1E4;padding:5px;text-align:right}.admin-list-table img,.admin-list-table td,.admin-list-table th,.admin-topic-image,.storytext td,.storytext th,.storytext tr,h1 img,h2 img,h3 img,h4 img{vertical-align:middle}.pluginSolidOutline{background-color:#CCC}.pluginSolidFill{background-color:#1A3955}.pluginTitle{background-color:#507AA1;color:#F5F9FF;padding:4px 6px}.pluginCellSubTitle{background-color:#F7F7F7;color:#000;padding:4px 6px}.pluginTinyText{font-size:.7em}.pluginSmallText{font-size:.8em}.pluginMediumText{font-size:1em}.pluginLargeText{font-size:1.25em}.pluginAltText{color:#FFF}.pluginRow1,.pluginRow1 td{color:#222;background-color:#F7F7F7;line-height:120%}.pluginRow2,.pluginRow2 td{color:#222;background-color:#E7E7E7;line-height:120%}.pluginRollOver,.pluginRow1 .pluginRollOver,.pluginRow2 .pluginRollOver{color:#222;background-color:#FFFF8F;line-height:120%}.pluginRollOut,.pluginRow1 .pluginRollOut,.pluginRow2 .pluginRollOut{color:#222;background-color:#F7F7F7;line-height:120%}.pluginLinks a:link,.pluginLinks a:visited{color:#000;font-style:normal;font-weight:400;text-decoration:none}.pluginLinks a:hover{color:#000;font-style:normal;font-weight:400;text-decoration:underline}.pluginBreadCrumbs,.pluginBreadCrumbs a:hover,.pluginBreadCrumbs a:link,.pluginBreadCrumbs a:visited{color:#FFF;font-style:normal;font-weight:400;text-decoration:none}a.pluginButton:link,a.pluginButton:visited{color:#000;text-align:center;padding-top:2px;display:block;height:19px;text-decoration:none;background-color:transparent}a.pluginButton:hover{color:#00F;text-align:center;padding-top:2px;background:url(../images/navbar/button_over.gif) center repeat-x;display:block;height:19px;text-decoration:none}.form_block{margin:0;padding:0}.form_block:after{content:"";display:block;clear:both;height:1px;overflow:hidden}.hidden_legend,.separator{display:none}fieldset.form_block{margin:15px 0}.form_message{margin:0 0 1em;padding:0}.noborder_fieldset{margin:0;border:none}.user_basic{padding:.5em 2em}@media only screen and (max-width:962px){.user_basic{padding:.5em 0}}.wide{width:98%;resize:vertical}.speech{overflow:hidden;position:absolute;right:-999px;width:0;height:0}#save_button{padding-bottom:1em}.loose{display:inline}.layout,.layout td,.layout tr{margin:0;padding:0;border:none;background:0 0}#container,#wrapper{background-color:#FFF}.size1{width:60px}.size2{width:120px}.size3{width:180px}.size4{width:240px}.size5{width:300px}.size6{width:360px}.size7{width:420px}.size8{width:480px}.size9{width:540px}.size10{width:600px}@media only screen and (min-width:768px) and (max-width:962px){.size6{width:75%}.size7{width:80%}.size8{width:85%}.size9{width:90%}.size10{width:95%}}@media only screen and (max-width:767px){.loose{display:block}.size1,.size10,.size2,.size3,.size4,.size5,.size6,.size7,.size8,.size9,.wide{width:100%}}.compact dt{float:right;clear:right;width:24%;margin:5px 0 1em;padding:0 0 0 1%;font-weight:400}#navigation:after,#wrapper:after{clear:both;height:1px;overflow:hidden;content:""}.compact dd{float:right;width:75%;margin:0 0 1em;padding:0}.compact dd.description{margin:-.5em 25% 1em 0;padding:0}.compact p.description{margin:0 0 1em;padding:0}.compact .controls_text{margin-top:5px}@media only screen and (max-width:962px){.compact dd,.compact dt{float:none;width:auto;padding:0}.compact dt{margin:0;font-weight:700}.compact dd{margin:0 0 .5em}.compact dd.description{margin:-.5em 0 1em;padding:0}.compact p.description{margin:0 0 1em;padding:0}.compact .controls_text{margin-top:0}}#header,#header:before{width:1112px}.linear dt{margin:0;padding:0;font-weight:700}.linear dd{margin:0 0 .5em;padding:0}.linear dd.description{margin:-.5em 0 1em;padding:0}.linear p.description{margin:0 0 1em;padding:0}.profile_notes{font-size:13px;margin:0 0 15px}.profile_notes>.uk-panel-title{font-size:16px;margin-bottom:10px}.profile_notes ul{list-style-position:inside;margin:0;padding:0}#admin-topiclist,.admin-commandcontrol,.comment_status,.comment_thread,.navbar-breadcrumbs,.story_status,.trackback_status{list-style-position:outside}.profile_notes li{margin:0 5px 0 0;padding:0}ul.compact,ul.compact li{margin:0;padding:0}ul.compact li{display:inline}#container{position:relative;width:1114px;margin:0 auto}#header{margin:0 auto;height:80px}#header-content{width:1112px;margin:0 auto;padding:0}#navigation{width:1094px}#navigation:after{display:block;margin-bottom:-1px}#wrapper,.navigation_content{width:1114px;margin:0 auto}#wrapper:after{display:block}#leftblocks,body.js_off #leftblocks{overflow:visible;float:right;width:230px;margin:0 -1114px 0 0;padding:0}#centerblocks{overflow:visible;float:right;width:100%}body.js_off #main-content,body.left-center-right #main-content{width:634px;margin:0 230px;padding:0 10px}body.left-center #main-content{width:864px;margin:0 230px 0 0;padding:0 10px}body.center-right #main-content{width:864px;margin:0 0 0 230px;padding:0 10px}body.center #main-content{width:100%}#rightblocks,body.js_off #rightblocks{overflow:visible;float:right;width:230px;margin:0 -230px 0 0}#footer{clear:right;margin:0 auto}#footer-content{width:1114px;margin:0 auto}#config_menu{width:280px}body.center-right #config_menu{width:200px}#config_content{width:794px}@media only screen and (min-width:963px) and (max-width:1199px){#navigation:after,#wrapper:after{content:"";display:block;clear:both;height:1px;overflow:hidden}#container{position:relative;width:934px;margin:0 auto}#header,#header-content,#header:before{width:932px}#header{margin:0 auto;height:80px}#header-content{margin:0 auto;padding:0}#navigation,.navigation_content{margin:0 auto;width:932px}#navigation:after{margin-bottom:-1px}#wrapper{width:934px;margin:0 auto}#leftblocks,body.js_off #leftblocks{overflow:visible;float:left;width:230px;margin:0;padding:0}#centerblocks{overflow:visible;float:none;width:auto}body.js_off #centerblocks{width:100%;margin:0;padding:0}body.center-right #main-content,body.js_off #main-content,body.left-center #main-content,body.left-center-right #main-content{float:right;width:684px;margin:0;padding:0 10px}body.center #main-content{width:100%}#rightblocks,body.js_off #rightblocks{overflow:visible;clear:left;float:left;width:230px;margin:0}#footer,#footer-content{width:934px;margin:0 auto}#footer{clear:right;padding:16px 0}#config_menu{float:right;width:210px;padding:0 10px}body.center-right #config_menu{width:200px}#config_content{float:right;width:684px;padding:10px}body.center-right #config_content{width:600px}}@media only screen and (min-width:768px) and (max-width:962px){#container,#header,#header-content,#navigation,#wrapper,.navigation_content{width:auto;margin:0 auto}#navigation:after,#wrapper:after{content:"";display:block;clear:both;height:1px;overflow:hidden}#container{position:relative}#header{height:80px}#header:before{width:auto}#header-content{padding:0}#navigation:after{margin-bottom:-1px}#leftblocks,body.js_off #leftblocks{overflow:visible;float:left;width:230px;margin:0;padding:0}#centerblocks{overflow:visible;float:right;width:100%;margin-right:-230px}body.js_off #centerblocks{width:100%;margin:0;padding:0}body.center-right #main-content,body.js_off #main-content,body.left-center #main-content,body.left-center-right #main-content{float:none;width:auto;margin:0 230px 0 0;padding:0 10px}body.center #main-content{width:100%}body.center #centerblocks{float:right;width:auto;padding:0 10px;margin:0}#rightblocks,body.js_off #rightblocks{overflow:visible;clear:left;float:left;width:230px;margin:0}#footer,#footer-content{width:auto;margin:0 auto}#footer{clear:right;padding:16px 0}}#commentarea,#commentbar:after,#geeklog_config_editor:after,#navlist:after,#profile-userprofile:after,#trackback,.admin-list-search:after,.story_introtext:after,.story_navi,.story_status{clear:both}@media only screen and (max-width:767px){#container,#header,#header-content,#navigation,#wrapper,.navigation_content{width:auto;margin:0 auto}#navigation:after,#wrapper:after{content:"";display:block;height:1px;overflow:hidden;clear:both}#container{position:relative}#header{height:80px}#header:before{width:auto}#header-content{height:100%;padding:0}#navigation:after{margin-bottom:-1px}.navigation_content{padding:5px 0}#leftblocks,body.js_off #leftblocks{overflow:visible;clear:both;float:right;width:100%;margin:0;padding:0}#centerblocks,body.js_off #centerblocks{width:auto;padding:0 10px;float:none;margin:0}#centerblocks{overflow:visible}body.center-right #main-content,body.js_off #main-content,body.left-center #main-content,body.left-center-right #main-content{float:none;width:100%;margin:0;padding:10px 0 0}body.center #main-content{width:100%;padding-top:10px}body.center #centerblocks{float:right;width:auto;margin:0;padding:0 10px}#rightblocks,body.js_off #rightblocks{overflow:visible;clear:both;float:right;width:100%;margin:0;padding:0}#footer{clear:right;width:auto;margin-top:-1px;padding:16px}#footer-content{width:auto;margin:0 auto}}#container{margin-top:12px;padding:12px;border:1px solid #555;border-radius:20px}#wrapper{overflow:visible}#header.brand-image,#header.brand-text{background:url(../images/css/bg_header.png) repeat-x}@media only screen and (max-width:767px){#container{margin-top:0;margin-bottom:0;padding:0;border:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none}#wrapper{padding:0;border:none}}#header.brand-text{padding:0;height:120px;border:1px solid #656663;border-radius:8px;-webkit-box-shadow:0 0 2px 1px #888;box-shadow:0 0 2px 1px #888}@media only screen and (max-width:767px){#header.brand-text{padding:0;border:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;height:80px;margin-top:0}}.brand-text .site_name{position:relative;float:right;font-size:30px;font-weight:700;text-shadow:0 2px 2px rgba(0,0,0,.5);line-height:36px;margin:42px 20px 0 0;padding:0}.brand-text .site_name a:hover,.brand-text .site_name a:link,.brand-text .site_name a:visited{color:#EEE;text-decoration:none}.brand-image .site_slogan,.brand-text .site_slogan{color:#FFF;text-shadow:0 1px 1px rgba(0,0,0,.3);position:relative}@media only screen and (max-width:767px){.brand-text .site_name{float:none;font-size:1.6em;height:50px;line-height:50px;margin:0 auto;text-align:center}}.brand-text .site_slogan{margin:0;padding:16px 16px 0;float:left;text-align:left}@media only screen and (max-width:767px){.brand-text .site_slogan{font-size:75%;float:none;margin:0 auto;padding:0;text-align:center;line-height:1.2em}.brand-text .nameplate{float:none;height:100%;margin:0 auto;max-width:230px;text-align:center}}#header.brand-image{padding:0;height:120px;border:1px solid #656663;border-radius:8px;-webkit-box-shadow:0 0 2px 1px #888;box-shadow:0 0 2px 1px #888}@media only screen and (max-width:767px){#header.brand-image{padding:0;border:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;height:80px;margin-top:0}}.brand-image .site_name{position:relative;margin:20px 16px 0 0;padding:0;float:right;width:226px;height:80px}.brand-image .site_name a{background:url(../images/logo2.png) no-repeat;text-indent:-3000px;display:block;width:100%;height:100%}@media only screen and (max-width:767px){.brand-image .site_name{margin:0 auto;padding:10px 0;float:none;width:98.88px;height:35px}.brand-image .site_name a{-webkit-background-size:98.88px auto;-moz-background-size:98.88px auto;background-size:98.88px auto}}.brand-image .site_slogan{margin:0;padding:16px 16px 0;float:left;text-align:left}@media only screen and (max-width:767px){.brand-image .site_slogan{font-size:75%;float:none;margin:0 auto;padding:0;text-align:center;line-height:1.2em}.brand-image .nameplate{float:none;height:100%;margin:0 auto;max-width:230px;text-align:center}#navigation{padding:0}}#navigation{padding:0;text-align:right;color:#444;background-color:#EEE;background-image:-webkit-linear-gradient(top,#FFF,#EEE);background-image:-moz-linear-gradient(top,#FFF,#EEE);background-image:-o-linear-gradient(top,#FFF,#EEE);background-image:-ms-linear-gradient(top,#FFF,#EEE);background-image:linear-gradient(to bottom,#FFF,#EEE);-webkit-background-origin:border;-moz-background-origin:border;background-origin:border-box}#navigation .uk-navbar{border:none}#navigation .gl-navbar-small .uk-navbar-nav>li>a{height:31px;font-size:13px;line-height:30px;padding:0 10px}#header-content>.uk-navbar-toggle{height:80px}#header-search{padding:5px}.gl-navbar-small #header-search{padding:2.5px}.gl-navbar-small #header-search-box{font-size:12px;height:25px;padding:3px}.welcome_msg{margin:.5em 0 1.5em;padding:.5em 0;border-bottom:1px solid #E7E7E7;color:#888}#centerblocks div.block-center,#centerblocks section.block-center{margin:0 0 1em;padding:0 0 2em;border-bottom:1px solid #CCC}#footer{font-size:12px;background-color:transparent}#footer a:active,#footer a:link,#footer a:visited{color:#666;text-decoration:none}#footer a:hover{color:#2664A2;text-decoration:underline}#footer-content{text-align:center}@media only screen and (max-width:767px){#footer{border:none;color:#999;background-color:#284664}#footer a:active,#footer a:link,#footer a:visited{color:#999;text-shadow:0 1px 1px rgba(0,0,0,.3)}#footer-content{text-shadow:0 1px 1px rgba(0,0,0,.3)}}#leftblocks address,#leftblocks blockquote,#leftblocks dl,#leftblocks fieldset,#leftblocks figure,#leftblocks ol,#leftblocks p,#leftblocks pre,#leftblocks ul,#rightblocks address,#rightblocks blockquote,#rightblocks dl,#rightblocks fieldset,#rightblocks figure,#rightblocks ol,#rightblocks p,#rightblocks pre,#rightblocks ul{margin:0 0 9px}#leftblocks *+address,#leftblocks *+blockquote,#leftblocks *+dl,#leftblocks *+fieldset,#leftblocks *+figure,#leftblocks *+ol,#leftblocks *+p,#leftblocks *+pre,#leftblocks *+ul,#rightblocks *+address,#rightblocks *+blockquote,#rightblocks *+dl,#rightblocks *+fieldset,#rightblocks *+figure,#rightblocks *+ol,#rightblocks *+p,#rightblocks *+pre,#rightblocks *+ul{margin-top:9px}#leftblocks p,#rightblocks p{line-height:1.25}#leftblocks ul,#rightblocks ul{list-style-position:inside;padding-right:.5em}#leftblocks ol,#rightblocks ol{list-style-position:inside;padding-right:.9em}#leftblocks li,#rightblocks li{margin:0 0 .25em;padding:0}#leftblocks input,#rightblocks input{font-size:95%;margin-right:0;margin-left:0}#leftblocks .sideoption,#rightblocks .sideoption{list-style:none;color:#999;margin:0;padding:0}#leftblocks .sideoption a,#rightblocks .sideoption a{display:block;color:#222;height:1.8em;line-height:1.8em;overflow:hidden;padding:0 5px;white-space:nowrap;text-decoration:none}#leftblocks .sideoption a:hover,#rightblocks .sideoption a:hover{background-color:#F1F1F1}#leftblocks .sideoption span,#rightblocks .sideoption span{color:#999;text-decoration:none;margin-right:3px}#leftblocks .sideoption_off,#rightblocks .sideoption_off{list-style:none;color:#999;display:block;height:1.8em;line-height:1.8em;overflow:hidden;margin:0;padding:0 5px;white-space:nowrap}#leftblocks .sideoption_off span,#rightblocks .sideoption_off span{color:#999;text-decoration:none;margin-right:3px}#leftblocks .sideoption_group_label,#rightblocks .sideoption_group_label{color:#630;font-size:103%;font-weight:700;height:1.6em;line-height:1.6em;overflow:hidden;margin:0;padding:0 5px;white-space:nowrap;border-bottom:1px dotted #CCC}#leftblocks .noliststyle,#rightblocks .noliststyle{padding-right:0}#leftblocks .branch_level2 a,#rightblocks .branch_level2 a{padding-right:15px}#leftblocks .branch_level3 a,#rightblocks .branch_level3 a{padding-right:25px}#leftblocks .branch_level4 a,#rightblocks .branch_level4 a{padding-right:35px}#leftblocks .sideoption_off.branch_level2,#rightblocks .sideoption_off.branch_level2{padding-right:15px}#leftblocks .sideoption_off.branch_level3,#rightblocks .sideoption_off.branch_level3{padding-right:25px}#leftblocks .sideoption_off.branch_level4,#rightblocks .sideoption_off.branch_level4{padding-right:35px}#leftblocks h1,#leftblocks h2,#leftblocks h3,#leftblocks h4,#leftblocks h5,#leftblocks h6,#rightblocks h1,#rightblocks h2,#rightblocks h3,#rightblocks h4,#rightblocks h5,#rightblocks h6{margin:0 0 9px}#leftblocks *+h1,#leftblocks *+h2,#leftblocks *+h3,#leftblocks *+h4,#leftblocks *+h5,#leftblocks *+h6,#rightblocks *+h1,#rightblocks *+h2,#rightblocks *+h3,#rightblocks *+h4,#rightblocks *+h5,#rightblocks *+h6{margin-top:9px}#leftblocks h1,#rightblocks h1{font-size:17px;line-height:23px}#leftblocks h2,#rightblocks h2{font-size:16px;line-height:22px}#leftblocks h3,#rightblocks h3{font-size:15px;line-height:21px}#leftblocks h4,#rightblocks h4{font-size:14px;line-height:20px}#leftblocks h5,#rightblocks h5{font-size:13px;line-height:19px}#leftblocks h6,#rightblocks h6{font-size:12px;line-height:18px}@media only screen and (max-width:767px){#leftblocks nav>ol,#leftblocks nav>ul,#rightblocks nav>ol,#rightblocks nav>ul{margin:0}#leftblocks p,#rightblocks p{line-height:1.625}#leftblocks .sideoption_group_label,#rightblocks .sideoption_group_label{color:#630;font-size:103%;font-weight:700;height:1.6em;line-height:1.6em;overflow:hidden;margin:0;padding:0 5px;white-space:nowrap;border-top:1px solid #E7E7E7;border-bottom:1px solid #E7E7E7}#leftblocks input,#rightblocks input{font-size:16px}#leftblocks input[type=submit],#rightblocks input[type=submit]{font-size:14px}#leftblocks .sideoption a,#leftblocks .sideoption a:hover,#leftblocks .sideoption_off,#rightblocks .sideoption a,#rightblocks .sideoption a:hover,#rightblocks .sideoption_off{color:#222;display:block;font-size:16px;text-decoration:none;padding:10px 15px}#leftblocks .sideoption_off,#rightblocks .sideoption_off{color:#999}#leftblocks h1,#leftblocks h2,#leftblocks h3,#leftblocks h4,#leftblocks h5,#leftblocks h6,#rightblocks h1,#rightblocks h2,#rightblocks h3,#rightblocks h4,#rightblocks h5,#rightblocks h6{margin:0 0 15px}#leftblocks *+h1,#leftblocks *+h2,#leftblocks *+h3,#leftblocks *+h4,#leftblocks *+h5,#leftblocks *+h6,#rightblocks *+h1,#rightblocks *+h2,#rightblocks *+h3,#rightblocks *+h4,#rightblocks *+h5,#rightblocks *+h6{margin-top:15px}#leftblocks h1,#rightblocks h1{font-size:22px;line-height:28px}#leftblocks h2,#rightblocks h2{font-size:20px;line-height:26px}#leftblocks h3,#rightblocks h3{font-size:18px;line-height:24px}#leftblocks h4,#rightblocks h4{font-size:16px;line-height:22px}#leftblocks h5,#rightblocks h5{font-size:14px;line-height:20px}#leftblocks h6,#rightblocks h6{font-size:12px;line-height:18px}}#loginform-loginname,#loginform-passwd{width:75%}.block-message{margin:1.5em 0;padding:0;border-radius:6px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1)}.block-message dl{margin:0;padding:0}.block-message dt{margin:0;padding:4px 8px;background:#3E6B98;color:#EEEEEC;text-shadow:0 1px 1px rgba(0,0,0,.3);font-weight:700;border:1px solid rgba(0,0,0,.2);border-radius:6px 6px 0 0}.block-message dd{margin:0;padding:8px 12px;background:#EEE;color:#404040;text-shadow:0 1px 0 rgba(255,255,255,.5);border:1px solid rgba(0,0,0,.2);border-radius:0 0 6px 6px}.block-message p{margin:.2em 0;line-height:1.25}.block-left,.block-list,.block-right{margin-bottom:12px;border-top:1px solid #AAA;padding:8px;background:url(../images/css/block_bg.png) repeat-x #FFF;border-radius:5px}@media only screen and (max-width:767px){.block-left,.block-list,.block-right{font-size:100%;margin:0 10px;padding:0;border:none;background:0 0;border-radius:0}}#leftblocks .block-title,#rightblocks .block-title{margin:0 0 .5em;padding:0 0 .1em;font-size:14px;font-weight:700;line-height:20px;border:none}#searchform fieldset{margin-top:15px;padding:0}#searchform a{line-height:1.5em}@media only screen and (max-width:767px){#searchform fieldset{margin-top:10px;margin-bottom:10px;padding:0;text-align:center}#searchform .searchform{text-align:center}}#loginform .submit,.form_part,.form_part label,.searchform{margin-bottom:.3em}.searchform{line-height:2.2em}input[type=text].search{background:url(../images/search.png) left center no-repeat #FFF;padding-right:24px;width:120px;color:#999}#login_facebook,#login_github,#login_google,#login_linkedin,#login_microsoft,#login_openid,#login_twitter,#login_yahoo{right:0;width:141px}#login_facebook{background:url(/images/oauth-login-with-sprite.png) 100% 0 no-repeat}#login_twitter{background:url(/images/oauth-login-with-sprite.png) 100% -23px no-repeat}#login_linkedin{background:url(/images/oauth-login-with-sprite.png) 100% -44px no-repeat}#login_google{background:url(/images/oauth-login-with-sprite.png) 100% -66px no-repeat}#login_yahoo{background:url(/images/oauth-login-with-sprite.png) 100% -88px no-repeat}#login_microsoft{background:url(/images/oauth-login-with-sprite.png) 100% -110px no-repeat}#login_github{background:url(/images/oauth-login-with-sprite.png) 100% -132px no-repeat}#login_openid{background:url(/images/oauth-login-with-sprite.png) 100% -154px no-repeat}#loginform fieldset{margin-top:15px;padding:0}#loginform a{line-height:1.5em}.form_part label{display:block;line-height:1.2em}form.third-party-login{margin:.1em 0}form.third-party-login div{position:relative}form.third-party-login div img{position:absolute;right:6px;top:6px}form.third-party-login div input{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}form.third-party-login div input.submit{text-indent:24px;font-size:12px;height:28px}div.third-party-login{width:164px}@media only screen and (max-width:767px){#block-left-search>h2,#leftblocks .block-title,#rightblocks .block-title,#search-configuration-container label{color:#EEEEEC;font-weight:700;padding:8px 5px;text-align:right;text-shadow:0 1px 1px rgba(0,0,0,.3);font-size:16px}#navigation_ul{display:none}#block-left-search>h2,#leftblocks .block-title,#rightblocks .block-title{background:#3B6998;border:none;margin:0 -10px}#block-left-search>h2.show,h2.show{background:url(../images/arrow-down.png) left 50% no-repeat #3B6998;-webkit-background-size:36px auto;-moz-background-size:36px auto;background-size:36px auto}#block-left-search>h2.hide,h2.hide{background:url(../images/arrow-up.png) left 50% no-repeat #3B6998;-webkit-background-size:36px auto;-moz-background-size:36px auto;background-size:36px auto}#config_menu .block-title{margin-right:-10px;margin-left:-10px}#search-configuration-container label{margin:0 -10px .5em;display:block;border-bottom:1px solid #CCC;background:#3B6998}#search-configuration{font-size:16px}.block-left-content,.block-list-content,.block-right-content{padding:10px 0;text-shadow:0 1px 0 #FFF}#block-left-search>.block-left-content{padding:10px;margin:0}.noliststyle{list-style:none;padding:0;margin:0}.block-list-content{margin-right:-10px;margin-left:-10px;padding:0}.block-list-content li{border-bottom:1px solid #E7E7E7}.block-list-content li:last-child{border-bottom:none}}#container{margin-bottom:10px;-webkit-box-shadow:0 0 8px 1px #333;box-shadow:0 0 8px 1px #333}@media only screen and (max-width:767px){#container{margin:5px;border:1px solid #555}}@media only screen and (min-width:768px) and (max-width:962px){#container{margin:5px}}#header{margin-bottom:12px}#navigation{text-shadow:0 1px 0 #FFF;background:url(../images/css/menu_bg.png) repeat-x #DBDDD9;border:1px solid #939490;margin:auto auto 12px;border-radius:8px;-webkit-box-shadow:0 0 2px 1px #AAA;box-shadow:0 0 2px 1px #AAA}@media only screen and (max-width:767px){#header,#navigation{margin-bottom:0}}#navigation li a{border-left:1px dotted #939490}#navigation li:first-child a{border-right:1px dotted #939490}#navigation .uk-navbar{background:0 0}#navigation .uk-navbar-nav{margin:0 1em}#navigation .uk-navbar-nav>li>a,#navigation .uk-navbar-nav>li>a:link,#navigation .uk-navbar-nav>li>a:visited{text-decoration:none;text-shadow:none;color:#2E3436}#navigation .uk-navbar-nav>li.uk-active>a,#navigation .uk-navbar-nav>li.uk-open>a,#navigation .uk-navbar-nav>li:hover>a,#navigation .uk-navbar-nav>li>a:active,#navigation .uk-navbar-nav>li>a:focus{-webkit-box-shadow:none;box-shadow:none;border-top-color:#939490;background:url(../images/css/menu_bg_active.png) repeat-x #EDEDEB}.navigation_content{width:100%}#wrapper{padding:0 0 30px;margin-bottom:10px}#footer{width:auto;padding:12px;border:1px solid #656663;background:#EDEDEB;color:#223;border-radius:8px}@media only screen and (max-width:767px){#wrapper{margin-bottom:0}#footer{border:none;border-radius:0;color:#999;background-color:#284664}#footer a:active,#footer a:link,#footer a:visited{color:#999;text-shadow:0 1px 1px rgba(0,0,0,.3)}.story_icon{display:none}}.story_title,.story_title a:link,.story_title a:visited{color:#222;text-decoration:none}.storytext{margin:0 0 1.5em;border-bottom:1px solid #E7E7E7}.storytext table{text-align:right;border-collapse:collapse;margin:1em .5em}.storytext tr{margin:0;padding:0}.storytext td,.storytext th{margin:0;padding:.2em .6em;line-height:160%;border:1px solid #DDD}.storytext th{font-weight:700;background:#F5F5F5}.storytext img{max-width:100%;height:auto}.story_title{float:right;margin:0 0 10px;font-size:20px}.story_title a:hover{color:#2664A2;text-decoration:underline}.story_icon{float:left;font-size:18px}.story_icon a{margin-right:5px}.story_status{list-style-type:none;padding-right:1em;color:#999;font-size:85%;line-height:1.25}.feedback,.story_navi{padding-right:0;text-align:center;list-style-type:none}.story_introtext{margin:0 0 2em;line-height:1.625;zoom:1}.story_introtext:after,.story_introtext:before{content:"";display:table}.story_image{width:48px;height:48px}.story_image+address,.story_image+blockquote,.story_image+dl,.story_image+fieldset,.story_image+figure,.story_image+ol,.story_image+p,.story_image+pre,.story_image+ul{margin-top:0}.story_navi{margin:0}.story_navi li{display:inline;margin:0 2px}.feedback{margin:0 0 .5em}.feedback li{display:inline;margin:0 2px}.article{font-size:100%}.gl-tooltip span{margin-left:-999em;position:absolute;text-align:left;width:250px}.gl-tooltip:link,.gl-tooltip:visited{color:#2664A2;outline:0;text-decoration:none;position:relative}.gl-tooltip:hover span{border-radius:8px;-webkit-box-shadow:-2px 2px 8px #666;box-shadow:-2px 2px 8px #666;font-size:1em;text-align:right;white-space:normal;font-family:Calibri,Tahoma,Geneva,sans,sans-serif;position:absolute;right:2.2em;top:2.2em;z-index:99;margin-left:0;width:250px}.gl-tooltip:hover img.icon{border:0;margin:-15px -51px 0 0;float:right;position:absolute}.gl-tooltip:hover em{font-family:Candara,Tahoma,Geneva,sans,sans-serif;font-size:1.2em;font-weight:700;display:block;padding:.2em .4em .6em 0}#gl-tooltip-icon{border:0}span.classic{padding:.8em 1em;background:#EEEEEC;border:2px solid #555753}span.custom{padding:.5em 2em .8em .8em}span.critical{background:#F5F0F0;border:2px solid #A40000}span.help,span.info{background:#EDF0F2;border:2px solid #204A87}span.critical em{color:#A40000}span.help em,span.info em{color:#204A87}span.warning{background:#FCF7EF;border:2px solid #CE5C00;font-weight:400;color:#000}span.warning em{color:#CE5C00}.list-story-options,.list-whats-related{line-height:1.7em;margin:0 20px 0 0;padding:0}.commentbar_status{text-align:center;margin:1em 0}.bar_separator{padding-right:5px;padding-left:5px;color:#CCC}#commentbar{padding:3px;background:100% 0 #EEE;border-radius:4px;zoom:1}#commentbar:after,#commentbar:before{content:"";display:table}#commentbar-comment{float:right;padding:.3em}#commentbar-selector{float:left;padding:.3em}.disclaimer{text-align:center;color:#666;margin:.5em 0 1em}#commentpreview{margin:0;background:0 0;border:1px dashed grey;padding:5px 10px}#commenteditform,.comment_title{border:1px solid #E7E7E7;background:#F7F7F7}#commenteditform{margin:0;padding:10px}.comment_thread{list-style-type:none;margin:0 0 .5em;padding:0;text-align:right}.thread_title{display:inline;margin:0;padding:0}.thread_author{display:inline;margin:0 8px 0 0;padding:0}.thread_author:before{content:" - "}.block-comment-content{margin:0;padding:0;text-align:right}.level-0{margin-right:0}.level-25{margin-right:16px}.level-50{margin-right:32px}.level-75{margin-right:48px}.level-100{margin-right:64px}.level-125{margin-right:80px}.level-150{margin-right:96px}.level-175{margin-right:112px}.level-200{margin-right:128px}.level-225{margin-right:144px}.level-250{margin-right:160px}.level-275{margin-right:176px}.level-300{margin-right:192px}.level-325{margin-right:208px}.level-350{margin-right:224px}.level-375{margin-right:240px}.level-400{margin-right:256px}.comment_status{list-style-type:none;margin:0;padding:0}.comment_title{display:block;margin:1em 0 .5em;padding:4px}.comment_author,.comment_content,.reportcomment{margin:0 0 1em;padding:0}.li-navlist #current,.li-navlist #current:last-child a{border-top-left-radius:3px}.comment_author{display:block;color:#666}.dt-commentform-username,.li-navbar-breadcrumbs{display:inline}.comment_navi{clear:both;color:#666}.reportcomment{border-bottom:1px solid #E7E7E7}.logoutorcreateaccount{padding:0 3px}.importantstuff{margin-top:0}.ul-importantstuff{margin:0 1em 0 0;padding:0}.li-importantstuff{margin:0 8px 0 0;padding:0}.navbar-breadcrumbs{list-style-type:none;margin:0;padding:0}.a-navbar-breadcrumbs{margin:0 8px}#navcontainer{width:100%;margin-bottom:10px;padding-bottom:2px;font-size:90%;line-height:normal;border-bottom:1px solid #DDD;height:30px}#navlist{display:block;margin:0 0 20px;padding:0;list-style:none}#navlist:after,#navlist:before{content:"";display:block;overflow:hidden;visibility:hidden;width:0;height:0}.a-navlist,.li-navlist{display:block;width:auto}.li-navlist{height:30px;padding:0;float:right;margin:2px 0 0 -1px}.li-navlist #current{background:#FFF;height:29px;position:relative;top:-5px;padding-top:5px;border-right-width:1px;margin:0;color:#111;border-top-right-radius:3px;border-bottom-color:#FFF}.li-navlist #current:first-child a{border-width:1px;border-top-right-radius:3px}.a-navlist{text-decoration:none;height:29px;padding:0 12px;line-height:30px;border:1px solid #DDD;margin:0;background:#F5F5F5}.a-navlist:hover,.a-navlist:link,.a-navlist:visited{color:#555;text-decoration:none}.gl-pagenav{text-align:center;color:#CCC;margin:0 0 1.5em;line-height:1.4em}.gl-pagenav a,.gl-pagenav b{display:inline-block;margin:1px 2px;padding:2px 7px;background:0 0;border:1px solid #E7E7E7}.gl-pagenav b{color:#222}.gl-pagenav a:hover{background:#EEE;border:1px solid #CCC}.gl-pagenav span a,.gl-pagenav span a:hover{background:0 0;border:none}.gl-pagenav span{display:inline-block;color:#999}#profile-userprofile:after,#profile-userprofile:before,.admin-list-search:after,.admin-list-search:before{display:table;content:""}.gl-pagenav span a{margin:0;padding:2px 0}.gl-pagenav .divider{padding:0;margin:0 4px}.bc_navigation{margin:0 0 15px}#boxesblock>.checkboxes-list>li,#exclude_topic>.checkboxes-list>li{margin-left:.5em}.itemstatistics{width:100%;margin:0;padding:0;border-collapse:collapse}.itemstatistics td,.itemstatistics th{margin:0;padding:2px}.itemstatistics th{text-align:right}.block-trackback-content{border-bottom:1px solid #E7E7E7}.block-trackback-content>p{margin:0 0 1em}.formattedcomment,.trackback_comments_no_link{margin:0 0 1em;padding:0}.trackback_status{list-style-type:none;margin:0;padding:0}.trackback_title{margin:0 0 .5em;padding:4px;border:1px solid #E7E7E7;background:#F7F7F7}.trackback_date{margin:0 0 .5em;padding:0}.trackback_excerpt_readmore{margin:0 0 1em;padding:0}#profile-userprofile{overflow:hidden;margin:0;padding:0;zoom:1}#profile-userprofile dt{float:right;clear:right;width:25%;margin:0 0 .5em;padding:0}#profile-userprofile dd{float:right;width:75%;margin:0 0 .5em;padding:0}dd#profile-user_photo{float:none;width:auto;margin-right:25%;margin-bottom:1em}@media only screen and (max-width:767px){dd#profile-user_photo{margin-right:50%}}.commentrow,.storyrow{margin:0;padding:0}.commentrow a,.storyrow a{margin:0 0 0 8px;padding:0}#profile-postingstats{margin:0;padding:0}#profile-postingstats dt{float:right;clear:right;width:25%;margin:0 0 .5em;padding:0}#profile-postingstats dd{float:right;width:75%;margin:0 0 .5em;padding:0}@media only screen and (max-width:767px){#profile-postingstats dd,#profile-postingstats dt,#profile-userprofile dd,#profile-userprofile dt{width:50%}}#profile-all_postings_by{clear:right;padding-top:1em}.tm-updating{background-image:url(../images/throbber.gif);background-repeat:no-repeat;background-position:5px 4px;border-width:1px;padding-right:3px}.story_status{margin:0 50px 15px 0;padding-top:5px}.story_image{float:right;margin:-60px 0 10px 10px}.admin_basic{padding:.5em 2em}@media only screen and (max-width:962px){.admin_basic{padding:.5em 0}}#admin-topmenu{margin-bottom:2em;border:1px solid rgba(0,0,0,.2);padding:10px 5px;line-height:1.25;border-radius:4px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1)}.admin-menu-icon{float:right;padding:5px;margin-left:10px;width:48px;height:48px}#instructions{padding:5px}#instructions>p{margin:0 0 5px;line-height:1.25}#admin-menu-fields{color:#CCC}.admin-topic-image{margin:0 0 0 5px}#rights_options{width:100%;font-size:11px}.listmembers{float:right;width:35%;height:15em}#admin-groupmembers-fieldFrom,#admin-groupmembers-fieldTo{width:100%;height:100%}.movemembers{float:right;width:30%;padding-top:5em;text-align:center;height:12em}.movebutton{margin:.5em 0;text-align:center}.admin-list-table{margin:0;width:100%;font-size:13px;border-collapse:collapse;border-spacing:0}@media only screen and (max-width:1199px){.admin-list-table{width:900px}}.fieldset-table-wrapper>.admin-list-table{width:100%}.admin-list-table td,.admin-list-table th{height:24px;padding:4px 8px;border-bottom:1px solid #E5E5E5}.admin-list-table th{background-color:#DAE0ED}.uk-table tbody tr.uk-active>td{background:#F0F0F0}.uk-table-striped tbody tr:nth-of-type(odd){background:#FAFAFA}.uk-table-hover tbody tr:hover>td{background:#F0F0F0}.admin-list-navi{margin-top:.5em}.admin-list-message{margin:1em 0 0;padding:0;text-align:center}.admin-list-search{text-align:center;margin:.5em 0;zoom:1}.admin-list-smalltable{margin:0 0 .5em;border-collapse:separate;border-spacing:1px;font-size:13px}.search-part{display:inline-block;margin-left:5px;white-space:nowrap}@media only screen and (max-width:767px){.admin-list-search{text-align:right}.search-part{display:block}}#admin-permissions{margin:0 0 .5em;width:auto;font-size:13px;border-collapse:collapse;border-spacing:0;border:1px solid rgba(0,0,0,.2)}#admin-permissions th{background-color:#DAE0ED}#admin-permissions td,#admin-permissions th{font-weight:700;text-align:center;vertical-align:middle;border-bottom:1px solid rgba(0,0,0,.2);border-left:1px solid rgba(0,0,0,.2)}.admin-commandcontrol{list-style-type:none;margin:0;padding:0}.admin-commandcontrol li{float:right;width:12.5%;height:8em;margin:0;padding:0;text-align:center}@media only screen and (max-width:1199px){.admin-commandcontrol li{width:16.66%}}@media only screen and (min-width:768px) and (max-width:962px){.admin-commandcontrol li{width:20%}}@media only screen and (max-width:767px){.admin-commandcontrol li{width:25%}}@media only screen and (max-width:479px){.admin-commandcontrol li{width:33.33%}}.admin-commandcontrol a{display:block;font-size:90%;margin:5px 0}#admin-editor #title{font-size:13px;font-weight:700;position:relative;top:10px}b.notbold{font-weight:400}b.status_red{display:inline;color:#A40000}b.status_orange{display:inline;color:#B25000}b.status_green{display:inline;color:#3D7805}b.status_black{display:inline;color:#000}.story_editor{margin:0 0 1em;padding:8px;border:1px solid #CCC}.story_editor dl{margin-bottom:0}.story_editor dt{width:14%}.story_editor dd{width:85%}@media only screen and (max-width:962px){.story_editor dd,.story_editor dt{width:auto}}#text_editor dd.description{margin-right:15%}#admin-storyeditor-bodytext,#admin-storyeditor-introtext{width:98%}#preview{margin:1em 0;padding:1em 0;border-top:1px solid #CCC;border-bottom:none}.story_stats{display:inline-block;float:right;margin-left:2em}#admin-topiclist{list-style-type:none;margin:0;padding:0}#admin-topiclist li{float:right;width:20%;height:8em;margin:0;padding:0;text-align:center}#admin-topiclist a{display:block}.trackback-message{margin:0 0 1em;padding:0}.userphoto{margin:.5em 0 0 .5em}.groupinstructions{margin:0 0 .5em}#reminder-submit{margin:.5em 0}.pathtext{font-size:11px;color:#666}.pathtext-status{text-align:left;white-space:nowrap}.iswriteable,.yes{font-weight:700;color:#46882B}.no,.notok,.notwriteable{font-weight:700;color:#C00}#panel_phpinfo{width:600px;margin:auto;text-align:center;padding:50px;display:none}#toggle_phpinfo{padding:5px;width:200px;margin:auto;text-align:center;border:1px solid #C3C3C3}.allowed_autotags,.allowed_html_tags{margin-top:15px;margin-bottom:15px}#totop-scroller{position:fixed;z-index:99;bottom:20px;left:20px;text-align:center;font-size:40px;cursor:pointer;color:rgba(128,128,128,.6)}.block-help-icon{font-size:18px;margin-right:8px}#config_menu{float:right;padding:0 10px}#search-configuration-container,.block-config{margin:0 0 .5em;padding:8px 0;text-align:right}#search-configuration-container label,.block-config-title{margin:0 0 .5em;padding:0 0 .1em;display:block;border-bottom:1px solid #CCC;font-size:105%;font-weight:700}.block-config-content{padding-right:5px}.configoption{list-style:none;color:#999;margin:0;padding:0}.configoption a,.configoption_off{display:block;height:1.8em;line-height:1.8em;overflow:hidden;padding:0 5px;white-space:nowrap}.configoption a{color:#222;text-decoration:none}.configoption a:hover{background-color:#F1F1F1}.configoption_off{list-style:none;color:#999;margin:0}#config_content{float:right;padding:10px}body.center-right #config_content{width:600px}#geeklog_config_editor{zoom:1}#geeklog_config_editor:after,#geeklog_config_editor:before{content:"";display:table}#config_main{width:100%}#search-configuration{width:90%;margin:10px 5px 10px 0}.inputTable{width:100%;margin:0;padding:0}.config_label,.restore{padding:.5em 0}.config_label{float:right;width:35%}.config_input{float:right;width:53%}.config_name{clear:right;margin:5px 0;padding:5px}.config_name input[type=text],.config_name textarea{width:53%}.config_name select{width:54.5%;max-width:none}.config_validation_error_block{color:#D14;font-size:12px}@media only screen and (max-width:962px){.configoption,.configoption_off{display:inline-block;margin:.2em 0 .2em .4em}body.center #config_menu{width:100%;padding:0}body.center #config_content{float:right;width:100%;padding:10px 0}.configoption a,.configoption_off{overflow:visible;padding:0 10px;height:1.8em;line-height:1.8em}.configoption{border:1px solid #BEDAF3;border-radius:2px;background:#E4EDF5;color:#369}.configoption a{color:#369}.configoption_off{border:1px solid #79B1E7;border-radius:2px;background:#A8C4E0;color:#2A527A;font-weight:700}#text_editor dd.description{margin-right:0}}@media only screen and (min-width:768px) and (max-width:962px){#config_menu{float:right;width:728px;padding:0 10px}body.center-right #config_menu{width:508px}#config_content{float:right;width:728px;padding:10px}body.center-right #config_content{width:508px}#search-configuration-container,.block-config{margin:0;padding:5px 0}}@media only screen and (max-width:767px){#config_menu,.config_label,body.center-right #config_content,body.center-right #config_menu{width:100%}#geeklog_config_editor{padding:0}#config_menu{float:right;padding:0}#config_content{float:right;width:100%;padding:10px 0}.config_label{float:right;padding:0;font-weight:700}.restore{padding:.5em 0}.config_input{float:right;width:90%}.config_name{margin:5px 0;padding:5px}.config_name input[type=text],.config_name textarea{width:95%}.config_name select{max-width:none;width:98%}#search-configuration-container,.block-config{margin:0;padding:5px 0}} \ No newline at end of file diff --git a/public_html/layout/denim_curve/css_src/.csscomb.json b/public_html/layout/denim_curve/css_src/.csscomb.json new file mode 100644 index 000000000..c84d3065e --- /dev/null +++ b/public_html/layout/denim_curve/css_src/.csscomb.json @@ -0,0 +1,23 @@ +{ + "remove-empty-rulesets": true, + "color-case": "upper", + "block-indent": " ", + "color-shorthand": true, + "element-case": "lower", + "eof-newline": true, + "leading-zero": false, + "quotes": "double", + "space-before-colon": "", + "space-after-colon": " ", + "space-before-combinator": " ", + "space-after-combinator": " ", + "space-between-declarations": "\n", + "space-before-opening-brace": " ", + "space-after-opening-brace": "\n", + "space-after-selector-delimiter": "\n", + "space-before-selector-delimiter": "", + "space-before-closing-brace": "\n", + "strip-spaces": true, + "tab-size": 2, + "unitless-zero": true +} \ No newline at end of file diff --git a/public_html/layout/denim_curve/css_src/README b/public_html/layout/denim_curve/css_src/README new file mode 100644 index 000000000..b672889d7 --- /dev/null +++ b/public_html/layout/denim_curve/css_src/README @@ -0,0 +1,15 @@ +Building style.css for Denim theme +----------------------------------- +1) First of all, install Node. + https://nodejs.org/ + +2) Open shell. + +3) Install the Node dependencies. + + $ cd css_src + $ npm install + +4) Build and deploy style.css. + + $ npm run build diff --git a/public_html/layout/denim_curve/css_src/gulpfile.js b/public_html/layout/denim_curve/css_src/gulpfile.js new file mode 100644 index 000000000..129c7e068 --- /dev/null +++ b/public_html/layout/denim_curve/css_src/gulpfile.js @@ -0,0 +1,158 @@ +var pkg = require('./package.json'), + fs = require('fs'), + path = require('path'), + glob = require('glob'), + gulp = require('gulp'), + stylus = require('gulp-stylus'), + runSequence = require('run-sequence').use(gulp), + rename = require('gulp-rename'), + cleancss = require('gulp-clean-css'), + csscomb = require('gulp-csscomb'), + header = require('gulp-header'), + replace = require('gulp-replace'), + rtlcss = require('gulp-rtlcss'), + watch = require('gulp-watch'), + nib = require('nib'), + browserSync = require('browser-sync'); + +//var site_url = 'http://localhost:8000/your_site'; // set the same value as the $_CONF['site_url'] + +var banner = "<%= pkg.title %> <%= pkg.version %> | Copyright (C) 2012-2016 by <%= pkg.author %> | <%= pkg.homepage %> | License:<%= pkg.license %>"; + +gulp.task('default', ['build'], function() { + +}); + +gulp.task('watch', function() { + if (site_url !== '') { + browserSync({ + proxy: site_url + }); + } + watch(['./src/stylus/**/*.styl', './src/stylus/*.json'], function() { + gulp.start('build'); + }); +}); + +gulp.task('bs-reload', function () { + browserSync.reload(); +}); + +gulp.task('build', function() { + runSequence('stylus', 'copy_LR', 'rtlcss', 'modify1', 'minify', 'modify2', 'deploy', function() { + browserSync.reload(); + }); +}); + +gulp.task('stylus', function() { + return gulp.src('./src/stylus/*.styl') + .pipe(stylus({ + use: nib(), + compress: false + })) + .pipe(csscomb()) + .pipe(header("/* " + banner + " */\n", { 'pkg' : pkg } )) + .pipe(gulp.dest('./dest/css_ltr')); +}); + +gulp.task('minify', function() { + return gulp.src(['!./dest/**/*.min.css', './dest/**/*.css']) + .pipe(rename({ suffix: '.min' })) + .pipe(cleancss()) + .pipe(header("/* " + banner + " */\n", { 'pkg' : pkg } )) + .pipe(gulp.dest('./dest/')); +}); + +gulp.task('deploy', function() { + return gulp.src('./dest/**') + .pipe(gulp.dest('./../')); +}); + +gulp.task('copy_LR', function() { + return gulp.src('./dest/css_ltr/*') + .pipe(gulp.dest('./dest/css_rtl/')); +}); + +gulp.task('rtlcss', function() { + return gulp.src(['!./dest/css_rtl/*.min.css', './dest/css_rtl/*.css']) + .pipe(rtlcss()) + .pipe(gulp.dest('./dest/css_rtl/')); +}); + +gulp.task('modify1', function() { + return gulp.src(['!./dest/css_ltr/*.min.css', './dest/css_ltr/*.css']) + .pipe(replace(/$\s*\/\*rtl:ignore\*\//mg, + function(str, p1, offset, s) { + return ''; + })) + .pipe(gulp.dest('./dest/css_ltr/')); +}); + +gulp.task('modify2', function(done) { + + var regex = /(\/\*\/?(?:\n|[^\/]|[^\*]\/)*\*\/)|(^@media\s+[^\n]+\{\n(?:\n|.)*?\n\})|(^(?:#|\.|\*|\w)(?:\n|.)+?\{\n(?:\n|.)*?\n\})/mg; + + var files = glob.sync('./dest/css_?t?/style*(.gradient|.almost-flat).css'); + + files.forEach(function(file) { + + var str = []; + + fs.readFile(file, {encoding: 'utf-8'}, function(err, content) { + + if (err) throw err; + + var matches, tmp; + + while (matches = regex.exec(content)) { + if (matches[1] !== undefined) { // comment + tmp = matches[1]; + if (tmp.indexOf('\n') != -1) { + tmp += '\n'; + } + str.push(tmp); + } + if (matches[2] !== undefined) { // @media + tmp = modifyMedia(matches[2]); + tmp += '\n'; + str.push(tmp); + } + if (matches[3] !== undefined) { // CSS rule set + str.push(matches[3] + '\n'); + } + } + fs.writeFile(file, str.join('\n'), function(err) { + if (err) throw err; + }); + }); + }); + done(); +}); + +function modifyMedia(content) { + + var regex = /^(@media\s+[^\n]+\{\n)((?:\n|.)*?)(\n\})/mg; + + var matches = regex.exec(content); + + var regex2 = /(\/\*\/?(?:\n|[^\/]|[^\*]\/)*\*\/)|(^ (?:#|\.|\*|\w)(?:\n|.)+?\{\n(?:\n|.)*?\n \})/mg; + + var ms, str = '', tmp; + + while (ms = regex2.exec(matches[2])) { + if (ms[1] !== undefined) { + tmp = ms[1]; + if (tmp.indexOf('\n') != -1) { + tmp = tmp.replace(/\n/g, '\n '); + tmp += '\n'; + } + str = str + ' ' + tmp + '\n'; + } + if (ms[2] !== undefined) { + str = str + ms[2] + '\n\n'; + } + } + str = '\n ' + str.trim(); + + return matches[1] + str + matches[3]; +} diff --git a/public_html/layout/denim_curve/css_src/package.json b/public_html/layout/denim_curve/css_src/package.json new file mode 100644 index 000000000..7af2868c2 --- /dev/null +++ b/public_html/layout/denim_curve/css_src/package.json @@ -0,0 +1,40 @@ +{ + "name": "Denim", + "title": "Geeklog Denim Theme", + "version": "1.1.0", + "homepage": "http://www.trybese.com/~dengen/log/", + "description": "Geeklog Denim Theme Project", + "main": "index.js", + "scripts": { + "build": "gulp build", + "watch": "gulp watch" + }, + "keywords": [ + "geeklog", + "denim", + "theme" + ], + "author": "dengen", + "license": "GPL-2.0+", + "repository": { + "type": "git", + "url": "https://github.com/Geeklog-Core/geeklog.git" + }, + "devDependencies": { + "browser-sync": "^2.11.2", + "glob": "^7.0.3", + "gulp": "^3.9.1", + "gulp-clean-css": "^2.0.4", + "gulp-csscomb": "^3.0.7", + "gulp-header": "^1.7.1", + "gulp-rename": "^1.2.2", + "gulp-replace": "^0.5.4", + "gulp-rtlcss": "^1.0.0", + "gulp-stylus": "^2.3.1", + "gulp-watch": "^4.3.5", + "mkdirp": "^0.5.1", + "nib": "^1.1.0", + "run-sequence": "^1.1.5", + "stylus": "^0.54.2" + } +} diff --git a/public_html/layout/denim_curve/css_src/src/stylus/config.gradient.json b/public_html/layout/denim_curve/css_src/src/stylus/config.gradient.json new file mode 100644 index 000000000..9bb085d7d --- /dev/null +++ b/public_html/layout/denim_curve/css_src/src/stylus/config.gradient.json @@ -0,0 +1,63 @@ +{ + "$var": { + "name": "curve", + "style-mode": "2", + "header-style": "special", + "sitename-style": "logo", + "base-color": "#426F9C", + "adjust-hue": "true", + "global-navigation-style": "default", + "flip-horizontal": "false", + "uikit-theme": "gradient" + }, + "$base": { + "text-color": "#222", + "anker-color": "#2664A2" + }, + "$container": { + "background": "#FFF", + "margin": { + "top": "12px", + "bottom": "12px" + }, + "padding": "12px", + "border": { + "size": "1px", + "color": "#555", + "style": "solid" + } + }, + "$wrapper": { + "background": "#FFF", + "padding": "0", + "border": { + "size": "0", + "color": "#000", + "style": "solid" + } + }, + "$header": { + "background": "#426F9C", + "background-design-type": "gradation", + "height": "120px", + "padding": "0", + "border": { + "size": "1", + "color": "#000", + "style": "solid" + } + }, + "$footer": { + "background": "transparent", + "padding": "0", + "border": { + "size": "0", + "color": "#000", + "style": "solid" + } + }, + "$story": { + "title-color": "default", + "status-color": "default" + } +} diff --git a/public_html/layout/denim_curve/css_src/src/stylus/style.gradient.styl b/public_html/layout/denim_curve/css_src/src/stylus/style.gradient.styl new file mode 100644 index 000000000..2beec126c --- /dev/null +++ b/public_html/layout/denim_curve/css_src/src/stylus/style.gradient.styl @@ -0,0 +1,15 @@ +json("config.gradient.json") + +@import "nib"; +@import "sub/mixins"; +@import "sub/variables"; +@import "sub/theme_" + $var-name; +@import "sub/variables_default"; +@import "sub/base"; +@import "sub/compatible"; +@import "sub/form_basic"; +@import "sub/layout_" + $var-name; +@import "sub/block_contents"; +@import "sub/main_contents"; +@import "sub/admin"; +@import "sub/admin_config"; diff --git a/public_html/layout/denim_curve/css_src/src/stylus/sub/admin.styl b/public_html/layout/denim_curve/css_src/src/stylus/sub/admin.styl new file mode 100644 index 000000000..32ed94594 --- /dev/null +++ b/public_html/layout/denim_curve/css_src/src/stylus/sub/admin.styl @@ -0,0 +1,384 @@ + +$stage = 'admin' + +/*!-------------------------------------- + Admin Common Style +--------------------------------------*/ + +/*! Basic Editor */ +.admin_basic + padding: 0.5em 2em + @media only screen and (max-width: $breakpoint-medium-max) + padding: 0.5em 0 + +/*!-------------------------------------- + Admin Top Menu Style +--------------------------------------*/ + +#admin-topmenu + margin-bottom: 2em + border: 1px solid rgba(0, 0, 0, 0.2) + padding: 10px 5px + line-height: 1.25 + border-radius: 4px + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) + +.admin-menu-icon + float: left + padding: 5px + margin-right: 10px + width: 48px + height: 48px + +#instructions + padding: 5px + > p + margin: 0 0 5px 0 + line-height: 1.25 + +#admin-menu-fields + color: #CCC + +.admin-topic-image + margin: 0 5px 0 0 + vertical-align: middle + +/*!-------------------------------------- + Group Editor +--------------------------------------*/ + +#rights_options + width: 100% + font-size: 11px + +/*!-------------------------------------- + Group Member Editor +--------------------------------------*/ + +.listmembers + float: left + width: 35% + height: 15em + +#admin-groupmembers-fieldFrom, +#admin-groupmembers-fieldTo + width: 100% + height: 100% + +.movemembers + float: left + width: 30% + padding-top: 5em + text-align: center + height: 12em + +.movebutton + margin: 0.5em 0 + text-align: center + +/*!-------------------------------------- + Admin Page +--------------------------------------*/ + +/*! Admin List Table */ +.admin-list-table + margin: 0 + width: 100% + @media only screen and (max-width: $breakpoint-large-max) + width: 900px + .fieldset-table-wrapper > & + width: 100% + font-size: 13px + border-collapse: collapse + border-spacing: 0 + th, + td + vertical-align: middle + height: 24px + padding: 4px 8px + border-bottom: 1px solid #e5e5e5 + th + background-color: $admin-list-table-th-background + img + vertical-align: middle + +/*! UIkit Modifier */ +.uk-table tbody tr.uk-active > td + background: #f0f0f0 + +.uk-table-striped tbody tr:nth-of-type(odd) + background: #fafafa + +.uk-table-hover tbody tr:hover > td + background: #f0f0f0 + +/*! Navigation */ +.admin-list-navi + margin-top: 0.5em + +/*! Message */ +.admin-list-message + margin: 1em 0 0 0 + padding: 0 + text-align: center + +.admin-list-search + text-align: center + margin: 0.5em 0 + clearfix() + // All Mobile Sizes (devices and browser) + @media only screen and (max-width: $breakpoint-small-max) + text-align: left + +.admin-list-smalltable + margin: 0 0 0.5em 0 + border-collapse: separate + border-spacing: 1px + font-size: 13px + +.search-part + display: inline-block + margin-right: 5px + white-space: nowrap + // All Mobile Sizes (devices and browser) + @media only screen and (max-width: $breakpoint-small-max) + display: block + +/*!-------------------------------------- + Permission Style +--------------------------------------*/ + +#admin-permissions + $bordercolor = rgba(0, 0, 0, 0.2) + margin: 0 0 0.5em 0 + width: auto + font-size: 13px + border-collapse: collapse + border-spacing: 0 + border: 1px solid $bordercolor + th + background-color: $admin-list-table-th-background + th, td + font-weight: bold + text-align: center + vertical-align: middle + border-bottom: 1px solid $bordercolor + border-right: 1px solid $bordercolor + +/*!-------------------------------------- + Command and Control Page +--------------------------------------*/ + +.admin-commandcontrol + list-style-position: outside + list-style-type: none + margin: 0 + padding: 0 + li + float: left + width: 12.5% + height: 8em + margin: 0 + padding: 0 + text-align: center + // Smaller than standard 1280 (devices and browsers) + @media only screen and (max-width: $breakpoint-large-max) + width: 16.66% + + // Tablet Portrait size to standard 960 (devices and browsers) + @media only screen and (min-width: $breakpoint-medium) and (max-width: $breakpoint-medium-max) + width: 20% + + // All Mobile Sizes (devices and browser) + @media only screen and (max-width: $breakpoint-small-max) + width: 25% + + // Mobile Portrait Size to Mobile Landscape Size (devices and browsers) + @media only screen and (max-width: $breakpoint-mini-max) + width: 33.33% + a + display: block + font-size: 90% + margin: 5px 0 + +/*!-------------------------------------- + Plugin Page +--------------------------------------*/ + +#admin-editor #title + font-size: 13px + font-weight: bold + position: relative + top: 10px + + +/*! Used by lib-plugin.php to display dependencies */ +b.notbold /*! hack for HTML compliance inside tooltips */ + font-weight: normal + +b.status_red + display: inline + color: #a40000 + +b.status_orange + display: inline + color: #b25000 + +b.status_green + display: inline + color: #3d7805 + +b.status_black + display: inline + color: black + +/*!-------------------------------------- + Story Editor +--------------------------------------*/ + +.story_editor + margin: 0 0 1em 0 + padding: 8px + border: 1px solid #CCC + dl + margin-bottom: 0 + dt + width: 14% + dd + width: 85% + @media only screen and (max-width: $breakpoint-medium-max) + dt + width: auto + dd + width: auto + +#text_editor dd.description + margin-left: 15% + +#admin-storyeditor-introtext, +#admin-storyeditor-bodytext + width: 98% + +/*! Preview */ +#preview + margin: 1em 0 + padding: 1em 0 + border-top: 1px solid #CCC + border-bottom: none + +/*! Story Stats */ +.story_stats + display: inline-block + float: left + margin-right: 2em + +/*!-------------------------------------- + Topic Editor +--------------------------------------*/ + +/*! TopicList */ +#admin-topiclist + list-style-position: outside + list-style-type: none + margin: 0 + padding: 0 + li + float: left + width: 20% + height: 8em + margin: 0 + padding: 0 + text-align: center + a + display: block + +/*!-------------------------------------- + Trackback +--------------------------------------*/ + +.trackback-message + margin: 0 0 1em 0 + padding: 0 + +/*!-------------------------------------- + User Editor +--------------------------------------*/ + +/*! User Images */ +.userphoto + margin: 0.5em 0.5em 0 0 + + +/*! Security Group Instructions */ +.groupinstructions + margin: 0 0 0.5em 0 + +/*!-------------------------------------- + Reminder +--------------------------------------*/ + +#reminder-submit + margin: 0.5em 0 + +/*!-------------------------------------- + Enviroment Check +--------------------------------------*/ + +.pathtext + font-size: 11px + color: #666 + +.pathtext-status + text-align: right + white-space: nowrap + +.yes, .iswriteable + font-weight: bold + color: #46882b + +.no, .notok, .notwriteable + font-weight: bold + color: #cc0000 + +/*! PHPInfo Panel style and button */ +#panel_phpinfo + padding: 5px + width: 600px + margin: auto + text-align: center + +#toggle_phpinfo + padding: 5px + width: 200px + margin: auto + text-align: center + border: solid 1px #c3c3c3 + +#panel_phpinfo + padding: 50px + display: none + +/*!-------------------------------------- + Others +--------------------------------------*/ + +.allowed_html_tags, +.allowed_autotags + margin-top: 15px + margin-bottom: 15px + +#totop-scroller + position: fixed + z-index: 99 + bottom: 20px + right: 20px + text-align: center + font-size: 40px; + cursor: pointer + color: rgba(128,128,128,0.6) + +.block-help-icon + font-size: 18px + margin-left: 8px + +hook-root($stage) diff --git a/public_html/layout/denim_curve/css_src/src/stylus/sub/admin_config.styl b/public_html/layout/denim_curve/css_src/src/stylus/sub/admin_config.styl new file mode 100644 index 000000000..91d1f158e --- /dev/null +++ b/public_html/layout/denim_curve/css_src/src/stylus/sub/admin_config.styl @@ -0,0 +1,251 @@ + +$stage = 'admin_config' + +/*!-------------------------------------- + Admin Configration +--------------------------------------*/ + +#config_menu + float: left + //width: 280px + padding: 0 10px + //body.center-right & + // width: 200px + +.block-config + margin: 0 0 0.5em + padding: 8px 0 + text-align: left + +.block-config-title + margin: 0 0 0.5em 0 + padding: 0 0 0.1em 0 + display: block + border-bottom: 1px solid #CCC + font-size: 105% + font-weight: bold + +#search-configuration-container + @extend .block-config + label + @extend .block-config-title + +.block-config-content + padding-left: 5px + +.configoption + list-style: none outside + color: #999 + margin: 0 + padding: 0 + a + display: block + color: #222 + height: 1.8em + line-height: 1.8em + overflow: hidden + padding: 0 5px + white-space: nowrap + text-decoration: none + &:hover + background-color: #F1F1F1 + +.configoption_off + list-style: none outside + color: #999 + display: block + height: 1.8em + line-height: 1.8em + overflow: hidden + margin: 0 + padding: 0 5px + white-space: nowrap + +#config_content + float: left + //width: 820px + padding: 10px + body.center-right & + width: 600px + +#geeklog_config_editor + clearfix() + +#config_main + width: 100% + +#search-configuration + width: 90% + margin: 10px 0 10px 5px + +.inputTable + width: 100% + margin: 0 + padding: 0 + +.config_label + float: left + width: 35% + padding: .5em 0 + +.restore + padding: .5em 0 + +.config_input + float: left + width: 53% + +.config_name + clear: left + margin: 5px 0 + padding: 5px + input[type="text"], + textarea + width: 53% + select + width: 54.5% + max-width: none + +.config_validation_error_block + color: #D14 + font-size: 12px + +/*! Smaller than standard 1280 (devices and browsers) */ +/* +@media only screen and (max-width: $breakpoint-large-max) + + #config_menu + width: 210px + body.center-right & + width: 150px + body.center & + width: 25% + + #config_content + width: 710px + body.center-right & + width: 470px + + body.center & + float: left + width: 70% + padding: 10px 0 + +*/ + +@media only screen and (max-width: $breakpoint-medium-max) + + body.center #config_menu + width: 100% + padding: 0 + + body.center #config_content + float: left + width: 100% + padding: 10px 0 + + .configoption + display: inline-block + border: 1px solid #666 + border-color: #BEDAF3 + border-radius: 2px 2px 2px 2px + background: #E4EDF5 + color: #336699 + margin: 0.2em 0 + margin-right: 0.4em + a + overflow: visible + padding: 0 10px + height: 1.8em + line-height: 1.8em + color: #336699 + + .configoption_off + display: inline-block + border: 1px solid #666 + border-color: #79B1E7 + border-radius: 2px 2px 2px 2px + background: #A8C4E0 + color: #2A527A + font-weight: bold + overflow: visible + margin: 0.2em 0 + margin-right: 0.4em + padding: 0 10px + height: 1.8em + line-height: 1.8em + + #text_editor dd.description + margin-left: 0 + +/*! Tablet Portrait size to standard 960 (devices and browsers) */ +@media only screen and (min-width: $breakpoint-medium) and (max-width: $breakpoint-medium-max) + + #config_menu + float: left + width: 728px + padding: 0 10px + body.center-right & + width: 508px + + #config_content + float: left + width: 728px + padding: 10px + body.center-right & + width: 508px + + .block-config, + #search-configuration-container + margin: 0 + padding: 5px 0 + +/*! All Mobile Sizes (devices and browser) */ +@media only screen and (max-width: $breakpoint-small-max) + + #geeklog_config_editor + padding: 0 + + #config_menu + float: left + width: 100% + padding: 0 + body.center-right & + width: 100% + + #config_content + float: left + width: 100% + padding: 10px 0 + body.center-right & + width: 100% + + .config_label + float: left + width: 100% + padding: 0 + font-weight: bold + + .restore + padding: .5em 0 + + .config_input + float: left + width: 90% + + .config_name + margin: 5px 0 + padding: 5px + input[type="text"], + textarea + width: 95% + select + max-width: none + width: 98% + + .block-config, + #search-configuration-container + margin: 0 + padding: 5px 0 + +hook-root($stage) diff --git a/public_html/layout/denim_curve/css_src/src/stylus/sub/base.styl b/public_html/layout/denim_curve/css_src/src/stylus/sub/base.styl new file mode 100644 index 000000000..12fdd239e --- /dev/null +++ b/public_html/layout/denim_curve/css_src/src/stylus/sub/base.styl @@ -0,0 +1,463 @@ + +$stage = 'base' + +address + font-style: normal + font-weight: normal + +q:before + content: open-quote + +q:after + content: close-quote + +cite, em, var, dfn + font-style: italic + +code, samp, kbd + font-family: monospace + +abbr[title], acronym[title] + border-bottom: 1px dotted + +a + color: $base-anker-color + outline: 0 + +a:hover + color: $base-anker-color + text-decoration: underline + +dt + font-weight: bold + margin-left: 20px + +dd + margin-left: 20px + +ins + text-decoration: underline + +del + text-decoration: line-through + +textarea + font-size: 100% + width: 75% + min-height: 60px + +hr + height: 1px + border: none + border-top: 1px solid #CCC + margin: 0.5em auto + +sub + vertical-align: sub + font-size: 0.83em + line-height: normal + +sup + vertical-align: super + font-size: 0.83em + line-height: normal + +fieldset + margin: 0 0 1em 0 + padding: 8px 12px + border: 1px solid #CCC + border-radius: 4px + +legend + padding: 2px 4px + +iframe[width="100%"] + width: 99% + +em + font-weight: bold + +img + border: none + vertical-align: bottom + +/* Heading */ +$mv = 15px +h1, h2, h3, h4, h5, h6 + margin: 0 0 $mv 0 +* + + h1, h2, h3, h4, h5, h6 + margin-top: $mv +h1 + font-size: 22px + line-height: @font-size + 6px +h2 + font-size: 20px + line-height: @font-size + 6px +h3 + font-size: 18px + line-height: @font-size + 6px +h4 + font-size: 16px + line-height: @font-size + 6px +h5 + font-size: 14px + line-height: @font-size + 6px +h6 + font-size: 12px + line-height: @font-size + 6px + +/* Table */ +/* +table + text-align: left + border-collapse: collapse + margin: 1em 0.5em + +tr + margin: 0 + padding: 0 + vertical-align: middle + +th, +td + margin: 0 + padding: 0.2em 0.6em + vertical-align: middle + line-height: 160% + border: 1px solid #DDD + +th + text-align: left + font-weight: bold + background: #F5F5F5 +*/ + +table img + vertical-align: middle + +/*! Forms */ + +// Mobile Portrait Size to Mobile Landscape Size (devices and browsers) +//@media only screen and (max-width: 479px) +@media only screen and (max-width: $breakpoint-mini-max) + select + max-width: 270px + +select + height: 28px + line-height: 28px + +select.multiple, +select[multiple="multiple"] + height: auto + +option + padding-right: 4px /*! for Firefox */ + +input[type="text"]:focus, +input[type="password"]:focus, +input[type="email"]:focus, +textarea:focus + border: 1px solid #aaa + color: $base-text-color + box-shadow: 0 0 3px rgba(0,0,0,.2) + +/* ======================================================================== + Component: Button for Geeklog + ========================================================================== */ + +/* + * Removes inner padding and border in Firefox 4+. + */ + +input[type="submit"]::-moz-focus-inner, +input[type="button"]::-moz-focus-inner, +input[type="reset"]::-moz-focus-inner + border: 0 + padding: 0 + +/* + * 1. Correct inability to style clickable `input` types in iOS. + * 2. Remove margins in Chrome, Safari and Opera. + * 3. Remove borders for `button`. + * 4. Address `overflow` set to `hidden` in IE 8/9/10/11. + * 5. Correct `font` properties and `color` not being inherited for `button`. + * 6. Address inconsistent `text-transform` inheritance which is only inherit in Firefox and IE + * 7. Style + * 8. `line-height` is used to create a height + * 9. `min-height` is necessary for `input` elements in Firefox and Opera because `line-height` is not working. + * 10. Reset button group whitespace hack + * 11. Required for `a`. + */ +input[type="submit"], +input[type="button"], +input[type="reset"] + /* 1 */ + -webkit-appearance: none + /* 2 */ + margin: 0 + /* 3 */ + border: none + /* 4 */ + overflow: visible + /* 5 */ + font: inherit + color: #444444 + /* 6 */ + text-transform: none + /* 7 */ + display: inline-block + -moz-box-sizing: border-box + box-sizing: border-box + padding: 0 12px + if $var-uikit-theme == 'default' + background: #eeeeee + if $var-uikit-theme == 'gradient' + background: #f7f7f7 + if $var-uikit-theme == 'almost-flat' + background: #f5f5f5 + vertical-align: middle + /* 8 */ + line-height: 28px + /* 9 */ + min-height: 30px + /* 10 */ + font-size: 1rem + /* 11 */ + text-decoration: none + text-align: center + if $var-uikit-theme == 'gradient' + border: 1px solid rgba(0, 0, 0, 0.2) + border-bottom-color: rgba(0, 0, 0, 0.3) + background-origin: border-box + background-image: linear-gradient(to bottom, #ffffff, #eeeeee) + border-radius: 4px + text-shadow: 0 1px 0 #ffffff + if $var-uikit-theme == 'almost-flat' + border: 1px solid rgba(0, 0, 0, 0.06) + border-radius: 4px + text-shadow: 0 1px 0 #ffffff + + + +input[type="submit"]:not(:disabled), +input[type="button"]:not(:disabled), +input[type="reset"]:not(:disabled) + cursor: pointer + +/* + * Hover + * 1. Apply hover style also to focus state + * 2. Remove default focus style + * 3. Required for `a` elements + */ +input[type="submit"]:hover, +input[type="button"]:hover, +input[type="reset"]:hover, +input[type="submit"]:focus, +input[type="button"]:focus, +input[type="reset"]:focus + if $var-uikit-theme == 'default' + background-color: #f5f5f5 + if $var-uikit-theme == 'gradient' + background-color: #fafafa + if $var-uikit-theme == 'almost-flat' + background-color: #fafafa + color: #444444 + /* 2 */ + outline: none + /* 3 */ + text-decoration: none + if $var-uikit-theme == 'gradient' + background-image: none + if $var-uikit-theme == 'almost-flat' + border-color: rgba(0, 0, 0, 0.16) + +/* Active */ +input[type="submit"]:active, +input[type="button"]:active, +input[type="reset"]:active, +input[type="submit"].uk-active, +input[type="button"].uk-active, +input[type="reset"].uk-active + if $var-uikit-theme == 'default' + background-color: #dddddd + if $var-uikit-theme == 'gradient' + background-color: #f5f5f5 + if $var-uikit-theme == 'almost-flat' + background-color: #eeeeee + color: #444444 + if $var-uikit-theme == 'gradient' + border-color: rgba(0, 0, 0, 0.2) + border-top-color: rgba(0, 0, 0, 0.3) + background-image: none + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1) + +/* Disabled state + * Overrides also the color modifiers + ========================================================================== */ +/* Equal for all button types */ +input[type="submit"]:disabled, +input[type="button"]:disabled, +input[type="reset"]:disabled + if $var-uikit-theme == 'default' + background-color: #f5f5f5 + if $var-uikit-theme == 'gradient' + background-color: #fafafa + if $var-uikit-theme == 'almost-flat' + background-color: #fafafa + color: #999999 + if $var-uikit-theme == 'gradient' + border-color: rgba(0, 0, 0, 0.2) + background-image: none + box-shadow: none + text-shadow: 0 1px 0 #ffffff + if $var-uikit-theme == 'almost-flat' + border-color: rgba(0, 0, 0, 0.06); + box-shadow: none; + text-shadow: 0 1px 0 #ffffff; + +/* Sub-object `uk-button-group` + ========================================================================== */ +/* + * Remove whitespace between child elements when using `inline-block` + */ +.uk-button-group input[type="submit"], +.uk-button-group input[type="button"], +.uk-button-group input[type="reset"] + vertical-align: top + +if $var-uikit-theme == 'gradient' + + /* Sub-object `uk-button-group` + ========================================================================== */ + /* + * Reset border-radius + */ + .uk-button-group > div:not(:first-child):not(:last-child) input[type="submit"], + .uk-button-group > div:not(:first-child):not(:last-child) input[type="button"], + .uk-button-group > div:not(:first-child):not(:last-child) input[type="reset"] + border-radius: 0 + + .uk-button-group > div:first-child input[type="submit"], + .uk-button-group > div:first-child input[type="button"], + .uk-button-group > div:first-child input[type="reset"] + border-top-right-radius: 0 + border-bottom-right-radius: 0 + + .uk-button-group > div:last-child input[type="submit"], + .uk-button-group > div:last-child input[type="button"], + .uk-button-group > div:last-child input[type="reset"] + border-top-left-radius: 0 + border-bottom-left-radius: 0 + + /* + * Collapse border + */ + .uk-button-group > div:nth-child(n+2) input[type="submit"], + .uk-button-group > div:nth-child(n+2) input[type="button"], + .uk-button-group > div:nth-child(n+2) input[type="reset"] + margin-left: -1px + +if $var-uikit-theme == 'almost-flat' + + /* Sub-object `uk-button-group` + ========================================================================== */ + /* + * Reset border-radius + */ + .uk-button-group > div:not(:first-child):not(:last-child) input[type="submit"], + .uk-button-group > div:not(:first-child):not(:last-child) input[type="button"], + .uk-button-group > div:not(:first-child):not(:last-child) input[type="reset"] + border-left-color: rgba(0,0,0,0.1) + border-right-color: rgba(0,0,0,0.1) + border-radius: 0 + + .uk-button-group > div:first-child input[type="submit"], + .uk-button-group > div:first-child input[type="button"], + .uk-button-group > div:first-child input[type="reset"] + border-right-color: rgba(0,0,0,0.1) + border-top-right-radius: 0 + border-bottom-right-radius: 0 + + .uk-button-group > div:last-child input[type="submit"], + .uk-button-group > div:last-child input[type="button"], + .uk-button-group > div:last-child input[type="reset"] + border-left-color: rgba(0,0,0,0.1) + border-top-left-radius: 0 + border-bottom-left-radius: 0 + + /* + * Collapse border + */ + .uk-button-group > div:nth-child(n+2) input[type="submit"], + .uk-button-group > div:nth-child(n+2) input[type="button"], + .uk-button-group > div:nth-child(n+2) input[type="reset"] + margin-left: -1px + +/* ======================================================================== + Component: Contrast for Geeklog + ========================================================================== */ + +.uk-contrast input[type="submit"], +.uk-contrast input[type="button"], +.uk-contrast input[type="reset"] + color: #444444 + background: #ffffff + if $var-uikit-theme == 'gradient' + border-color: transparent + if $var-uikit-theme == 'almost-flat' + border-color: transparent + +.uk-contrast input[type="submit"]:hover, +.uk-contrast input[type="button"]:hover, +.uk-contrast input[type="reset"]:hover, +.uk-contrast input[type="submit"]:focus, +.uk-contrast input[type="button"]:focus, +.uk-contrast input[type="reset"]:focus + background-color: rgba(255, 255, 255, 0.8) + color: #444444 + if $var-uikit-theme == 'gradient' + border-color: transparent + if $var-uikit-theme == 'almost-flat' + border-color: transparent + +.uk-contrast input[type="submit"]:active, +.uk-contrast input[type="button"]:active, +.uk-contrast input[type="reset"]:active, +.uk-contrast input[type="submit"].uk-active, +.uk-contrast input[type="button"].uk-active, +.uk-contrast input[type="reset"].uk-active + background-color: rgba(255, 255, 255, 0.7) + color: #444444 + if $var-uikit-theme == 'gradient' + box-shadow: none + + + +/*! Modify UIkit */ +.uk-form input, +.uk-form button, +.uk-form select, +.uk-form textarea + margin 0 1px 2px + +.uk-form .uk-button-group input, +.uk-form .uk-button-group button, +.uk-form .uk-button-group select, +.uk-form .uk-button-group textarea + margin: 0 0 2px + +.uk-form input[type="checkbox"], +.uk-form input[type="radio"] + margin-left: 3px + margin-right: 3px + vertical-align: middle + +.uk-form > .admin-list-search + margin-bottom: 0.5em + + + +hook-root($stage) diff --git a/public_html/layout/denim_curve/css_src/src/stylus/sub/block_contents.styl b/public_html/layout/denim_curve/css_src/src/stylus/sub/block_contents.styl new file mode 100644 index 000000000..900bef2b3 --- /dev/null +++ b/public_html/layout/denim_curve/css_src/src/stylus/sub/block_contents.styl @@ -0,0 +1,1011 @@ + +$stage = 'block_contents' + +/*!-------------------------------------- + Container +--------------------------------------*/ + +#container + background-color: $container-background + margin-top: $container-margin-top + margin-bottom: $container-margin-bottom + padding: $container-padding + build-border("$container") + border-radius: 20px + box-shadow: 0px 0px 8px 1px #333 + @media only screen and (max-width: $breakpoint-small-max) + margin-top: 0 + margin-bottom: 0 + padding: 0 + border: none + border-radius: 0 + box-shadow: none + hook-selector($stage, "" + selector()) + +#wrapper + /* Adjust floating element */ + overflow: visible; + background-color: $wrapper-background + padding: 30px $wrapper-padding + build-border("$wrapper") + @media only screen and (max-width: $breakpoint-small-max) + padding: 0; + border: none + hook-selector($stage, "" + selector()) + +/*!-------------------------------------- + Header Content +--------------------------------------*/ + +$header_texture ?= "../images/texture.jpg" +$texture-height = img-height("../../../" + $header_texture) +$texture-width = img-width( "../../../" + $header_texture) + +$header-height-mobile = 80px + +// Brand (Site Name) style : text + +if 55px > $header-height + $header-height = 55px + +#header.brand-text + padding: $header-padding + build-border("$header") + @media only screen and (max-width: $breakpoint-small-max) + padding: 0 + border: none + + if $var-header-style == 'normal' + if $var-uikit-theme == 'default' + background-color: $header-background + if $var-uikit-theme == 'gradient' + background: linear-gradient(top, $header-background-dark, 50% $header-background, 90% $header-background, $header-background-dark) + if $var-uikit-theme == 'almost-flat' + background-color: $header-background + + height: $header-height + // All Mobile Sizes + @media only screen and (max-width: $breakpoint-small-max) + //background-size: 256px auto + height: $header-height-mobile + margin-top: 0 + + if $var-header-style == 'texture' + position: relative + background-color: $header-background + background-image: url($header_texture) + background-position: center + background-repeat: repeat-x + height: $header-height + &:before + position: absolute + content: "" + height: $header-height + //background: linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.2) 100%) + background: linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.4) 100%) + top: 0px + // All Mobile Sizes + @media only screen and (max-width: $breakpoint-small-max) + background-size: ($texture-width / 2) auto + height: $header-height-mobile + margin-top: 0 + &:before + height: $header-height-mobile + + if $var-header-style == 'special' + background-color: $header-background + height: $header-height + border: 1px solid #656663 + background: transparent url(../images/css/bg_header.png) repeat-x 0 0 + border-radius: 8px + box-shadow: 0px 0px 2px 1px #888 + // All Mobile Sizes + @media only screen and (max-width: $breakpoint-small-max) + border: none + border-radius: 0 + box-shadow: none + //background-size: 256px auto + height: $header-height-mobile + margin-top: 0 + + hook-selector($stage, "" + selector()) + +/*! Site Name */ +.brand-text .site_name + position: relative + float: left + font-size: 30px + font-weight: bold + text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5) + line-height: @font-size + 6px + margin: (($header-height - @line-height) / 2) 0 0 20px + padding: 0 + a:link, + a:visited, + a:hover + color: #EEEEEE + text-decoration: none + // All Mobile Sizes + @media only screen and (max-width: $breakpoint-small-max) + float: none + font-size: 1.6em + height: 50px + line-height: 50px + margin: 0 auto + text-align: center + + hook-selector($stage, "" + selector()) + +/*! Slogan */ +.brand-text .site_slogan + position: relative + margin: 0 + padding: 16px 16px 0 16px + float: right + color: #FFF + text-align: right + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) + // All Mobile Sizes + @media only screen and (max-width: $breakpoint-small-max) + font-size: 75% + float: none + margin: 0 auto + padding: 0 + text-align: center + line-height: 1.2em + + hook-selector($stage, "" + selector()) + +.brand-text .nameplate + @media only screen and (max-width: $breakpoint-small-max) + float: none + height: 100% + margin: 0 auto + max-width: 230px + text-align: center + + hook-selector($stage, "" + selector()) + +// Brand (Site Name) style : logo image + +$denim_logo ?= "../images/logo2.png" +$logo-height = img-height("../../../" + $denim_logo) +$logo-width = img-width( "../../../" + $denim_logo) + +$logo-top = 20px +if ($logo-height + $logo-top * 2) > $header-height + $header-height = $logo-height + $logo-top * 2 +else + $logo-top = ($header-height - $logo-height) / 2 + +#header.brand-image + padding: $header-padding + build-border("$header") + @media only screen and (max-width: $breakpoint-small-max) + padding: 0 + border: none + + if $var-header-style == 'normal' + if $var-uikit-theme == 'default' + background-color: $header-background + if $var-uikit-theme == 'gradient' + background: linear-gradient(top, $header-background-dark, 50% $header-background, 90% $header-background, $header-background-dark) + if $var-uikit-theme == 'almost-flat' + background-color: $header-background + + height: $header-height + // All Mobile Sizes + @media only screen and (max-width: $breakpoint-small-max) + //background-size: 256px auto + height: $header-height-mobile + margin-top: 0 + + if $var-header-style == 'texture' + position: relative + background-color: $header-background + background-image: url($header_texture) + background-position: center + background-repeat: repeat-x + height: $header-height + &:before + position: absolute + content: "" + height: $header-height + //background: linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.2) 100%) + background: linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.4) 100%) + top: 0px + // All Mobile Sizes + @media only screen and (max-width: $breakpoint-small-max) + background-size: ($texture-width / 2) auto + height: $header-height-mobile + margin-top: 0 + &:before + height: $header-height-mobile + + if $var-header-style == 'special' + background-color: $header-background + height: $header-height + border: 1px solid #656663 + background: transparent url(../images/css/bg_header.png) repeat-x 0 0 + border-radius: 8px + box-shadow: 0px 0px 2px 1px #888 + // All Mobile Sizes + @media only screen and (max-width: $breakpoint-small-max) + border: none + border-radius: 0 + box-shadow: none + //background-size: 256px auto + height: $header-height-mobile + margin-top: 0 + + hook-selector($stage, "" + selector()) + +/*! Site Name */ +.brand-image .site_name + position: relative + //margin: 12px 0 0 16px + margin: $logo-top 0 0 16px + padding: 0 + float: left + width: $logo-width + height: $logo-height + a + background: url($denim_logo) 0 0 no-repeat + text-indent: -3000px + display: block + width: 100% + height: 100% + // All Mobile Sizes + @media only screen and (max-width: $breakpoint-small-max) + $height = 55px + $vmargin = 10px + $percentage = ($height - ($vmargin * 2)) / $logo-height + $h = $height - ($vmargin * 2) + $w = $logo-width * $percentage + margin: 0 auto + padding: $vmargin 0 + float: none + width: $w + height: $h + a + background-size: $w auto + + hook-selector($stage, "" + selector()) + +/*! Slogan */ +.brand-image .site_slogan + position: relative + margin: 0 + padding: 16px 16px 0 16px + float: right + color: #FFF + text-align: right + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) + // All Mobile Sizes + @media only screen and (max-width: $breakpoint-small-max) + font-size: 75% + float: none + margin: 0 auto + padding: 0 + text-align: center + line-height: 1.2em + + hook-selector($stage, "" + selector()) + +.brand-image .nameplate + @media only screen and (max-width: $breakpoint-small-max) + float: none + height: 100% + margin: 0 auto + max-width: 230px + text-align: center + + hook-selector($stage, "" + selector()) + +/*!-------------------------------------- + Global Navigation Content +--------------------------------------*/ + +// variables +$bg = $navigation-background // #E7E7E7 +$navigation-border-top = lighten($bg, 28%) // $EEE +$navigation-border-bottom = darken($bg, 14%) // #C7C7C7 +$navigation-border-right = darken($bg, 7%) // #D7D7D7 +$navigation-background-active = darken($bg, 3.5%) // #DFDFDF + +/*! Navigation Menu List */ +first-child-border-left(mode, bl) // mixin + if mode == 1 + border-left: 1px solid bl + +#navigation + padding: $navigation-padding + @media only screen and (max-width: $breakpoint-small-max) + padding: 0 + + if $var-global-navigation-style == 'normal' + //background: $navigation-background + //border-top: 1px solid $navigation-border-top + //border-bottom: 1px solid $navigation-border-bottom + //box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) + text-align: left + text-shadow: 0 1px 0 #FFF + color: #444 + + if $var-uikit-theme == 'default' + background-color: #EEE + border-top: 1px solid #EEE + border-bottom: 1px solid #EEE + if $var-uikit-theme == 'gradient' + background-color: #EEE + background-image: linear-gradient(to bottom, #FFF, #EEE) + background-origin: border-box + border-top: 1px solid rgba(0, 0, 0, 0.1) + border-bottom: 1px solid rgba(0, 0, 0, 0.3) + if $var-uikit-theme == 'almost-flat' + background-color: #f5f5f5 + border-top: 1px solid rgba(0, 0, 0, 0.1) + border-bottom: 1px solid rgba(0, 0, 0, 0.1) + + .uk-navbar + border: none + + .gl-navbar-small + .uk-navbar-nav > li > a // UIkit modifier + height: 31px + font-size: 13px + line-height: 30px + padding: 0 10px + + if $var-global-navigation-style == 'frame' + build-border("$navigation") + @media only screen and (max-width: $breakpoint-small-max) + border: none + + background: $navigation-background + //border-top: 1px solid $navigation-border-top + //border-bottom: 1px solid $navigation-border-bottom + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) + text-align: left + text-shadow: 0 1px 0 #FFF + ul + list-style: none + margin: 0 + padding: 0 + font-weight: bold + li + float: left + margin: 0 + padding: 0 + a + font-size: 13px + display: block + line-height: 30px + margin: 0 + padding: 0 7px + border-right: 1px solid $navigation-border-right + &:first-child a + first-child-border-left($var-style-mode, $navigation-border-right) + + hook-selector($stage, "" + selector()) + +#header-content + if $var-global-navigation-style == 'normal' + > .uk-navbar-toggle + height: 80px // same height with #header + hook-selector($stage, "" + selector()) + +if $var-global-navigation-style == 'normal' + #header-search + padding: 5px + + .gl-navbar-small #header-search + padding: 2.5px + + .gl-navbar-small #header-search-box + font-size: 12px; + height: 25px; + padding: 3px; + +/*!-------------------------------------- + Center Block Content +--------------------------------------*/ + +#centerblocks + //line-height: 1.5em + hook-selector($stage, "" + selector()) + +/*! Welcome Message */ +.welcome_msg + margin: 0.5em 0 1.5em + padding: 0.5em 0 + border-bottom: 1px solid $center-separator-color + color: #888 + +/*! Block */ +#centerblocks section.block-center, +#centerblocks div.block-center + margin: 0 0 1em 0 + padding: 0 0 2em 0 + border-bottom: 1px solid #CCC + +/*!-------------------------------------- + Footer Content +--------------------------------------*/ + +#footer + border-top: 1px solid #CCC + build-border("$footer") + @media only screen and (max-width: $breakpoint-small-max) + border: none + + font-size: 12px + color: #666 + background-color: $footer-background + a:link, + a:visited, + a:active + color: #666 + text-decoration: none + a:hover + color: $base-anker-color + text-decoration: underline + // All Mobile Sizes + @media only screen and (max-width: $breakpoint-small-max) + border: none + color: #999 + background-color: $mobile-footer-background + a:link, + a:visited, + a:active + color: #999 + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) + hook-selector($stage, "" + selector()) + +#footer-content + text-align: center + // All Mobile Sizes + @media only screen and (max-width: $breakpoint-small-max) + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) + +/*!-------------------------------------- + Common Block Style +--------------------------------------*/ + +$mobile-list-type ?= 'flat' // 'iphone_like' or 'flat' + +#leftblocks, +#rightblocks + p, + ul, + ol, + dl, + blockquote, + pre, + address, + fieldset, + figure + margin: 0 0 9px 0 + * + p, + * + ul, + * + ol, + * + dl, + * + blockquote, + * + pre, + * + address, + * + fieldset, + * + figure + margin-top: 9px + p + line-height: 1.25 + ul + list-style-position: inside + padding-left: 0.5em + ol + list-style-position: inside + padding-left: 0.9em + li + margin: 0 0 0.25em 0 + padding: 0 + input + font-size: 95% + margin-left: 0 + margin-right: 0 + + /*-------------------------------------- + Admin Option + Topic Menu + User Menu + --------------------------------------*/ + + /* Menu Enabled */ + .sideoption + list-style: none outside + color: #999 + margin: 0 + padding: 0 + a + display: block + color: #222 + height: 1.8em + line-height: 1.8em + overflow: hidden + padding: 0 5px + white-space: nowrap + text-decoration: none + &:hover + background-color: #F1F1F1 + span + color: #999 + text-decoration: none + margin-left: 3px + + /* Menu Disabled */ + .sideoption_off + list-style: none outside + color: #999 + display: block + height: 1.8em + line-height: 1.8em + overflow: hidden + margin: 0 + padding: 0 5px + white-space: nowrap + span + color: #999 + text-decoration: none + margin-left: 3px + + /* Group Label */ + .sideoption_group_label + color: #630 + font-size: 103% + font-weight: bold + height: 1.6em + line-height: 1.6em + overflow: hidden + margin: 0 + padding: 0 5px + white-space: nowrap + border-bottom: 1px dotted #ccc + .noliststyle + padding-left: 0 + .branch_level2 a + padding-left: 15px + .branch_level3 a + padding-left: 25px + .branch_level4 a + padding-left: 35px + .sideoption_off.branch_level2 + padding-left: 15px + .sideoption_off.branch_level3 + padding-left: 25px + .sideoption_off.branch_level4 + padding-left: 35px + + /* Block Heading */ + $mv = 9px + h1, h2, h3, h4, h5, h6 + margin: 0 0 $mv 0 + * + + h1, h2, h3, h4, h5, h6 + margin-top: $mv + h1 + font-size: 17px + line-height: @font-size + 6px + h2 + font-size: 16px + line-height: @font-size + 6px + h3 + font-size: 15px + line-height: @font-size + 6px + h4 + font-size: 14px + line-height: @font-size + 6px + h5 + font-size: 13px + line-height: @font-size + 6px + h6 + font-size: 12px + line-height: @font-size + 6px + + // All Mobile Sizes + @media only screen and (max-width: $breakpoint-small-max) + + if $mobile-list-type == 'iphone_like' + background: $mobile-blocks-background //#E7E7E7 + + if $mobile-list-type == 'flat' + nav > ul, + nav > ol + margin: 0 + p + line-height: 1.625 + .sideoption_group_label + color: #630 + font-size: 103% + font-weight: bold + height: 1.6em + line-height: 1.6em + overflow: hidden + margin: 0 + padding: 0 5px + white-space: nowrap + border-top: 1px solid #e7e7e7 + border-bottom: 1px solid #e7e7e7 + + input + font-size: 16px + input[type="submit"] + font-size: 14px + + .sideoption a, + .sideoption a:hover, + .sideoption_off + color: #222 + display: block + font-size: 16px + text-decoration: none + + if $mobile-list-type == 'iphone_like' + background: url(../images/arrow-right.png) no-repeat #F7F7F7 + background-size: 24px auto + background-position: right 50% + border: 1px solid #CACACA + font-weight: bold + margin-bottom: -1px + padding: 4px 10px + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) + + if $mobile-list-type == 'flat' + padding: 10px 15px + + .sideoption_off + color: #999 + + // Block Heading + $mv = 15px + h1, h2, h3, h4, h5, h6 + margin: 0 0 $mv 0 + * + + h1, h2, h3, h4, h5, h6 + margin-top: $mv + h1 + font-size: 22px + line-height: @font-size + 6px + h2 + font-size: 20px + line-height: @font-size + 6px + h3 + font-size: 18px + line-height: @font-size + 6px + h4 + font-size: 16px + line-height: @font-size + 6px + h5 + font-size: 14px + line-height: @font-size + 6px + h6 + font-size: 12px + line-height: @font-size + 6px + +#leftblocks + hook-selector($stage, "" + selector()) + +#rightblocks + hook-selector($stage, "" + selector()) + +#loginform-loginname, +#loginform-passwd + width: 75% + +/*! Help Icon */ +h1 img, +h2 img, +h3 img, +h4 img + vertical-align: middle + +/*!-------------------------------------- + System Message Block +--------------------------------------*/ + +.block-message + // variables + $rd = $msgbox-border-radius + $bd = $msgbox-border-size + + margin: 1.5em 0 + padding: 0 + border-radius: $rd + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) + dl + margin: 0 + padding: 0 + + // Title + dt + margin: 0 + padding: 4px 8px + background: $msgbox-title-background // #3E6C9A + color: $msgbox-title-color // #EEEEEC + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) + font-weight: bold + border: $bd solid rgba(0, 0, 0, 0.2) + border-radius: $rd $rd 0px 0px + + // Message + dd + margin: 0 + padding: 8px 12px + background: $msgbox-message-background // #EEE + color: $msgbox-message-color // #404040 + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) + border: $bd solid rgba(0, 0, 0, 0.2) + //border-top: 2px + border-radius: 0px 0px $rd $rd + p + margin: 0.2em 0 + line-height: 1.25 + + hook-selector($stage, "" + selector()) + +/*!-------------------------------------- + Left Block and Right Block +--------------------------------------*/ + +/*! Block */ +/* +.block-left, +.block-right, +.block-list + margin: 0 8px 0.5em 8px + padding: 8px 0 + font-size: 13px + // All Mobile Sizes + @media only screen and (max-width: $breakpoint-small-max) + font-size: 100% + margin: 0 10px + padding: 0 +*/ +.block-left, +.block-right, +.block-list + margin-bottom: 12px + border-top: 1px solid #aaa + padding: 8px + background: #fff url(../images/css/block_bg.png) repeat-x scroll 0 0 + border-radius: 5px + // All Mobile Sizes + @media only screen and (max-width: $breakpoint-small-max) + font-size: 100% + margin: 0 10px + padding: 0 + border: none + background: none + border-radius: 0 + +/*! Block Title */ +#leftblocks .block-title, +#rightblocks .block-title + margin: 0 0 0.5em 0 + padding: 0 0 0.1em 0 + border-bottom: 1px solid #CCC + font-size: 14px + font-weight: bold + line-height: 20px + border: none + +/*!-------------------------------------- + Search Form +--------------------------------------*/ + +#searchform + fieldset + margin-top: 15px + padding: 0px + a + line-height: 1.5em + // All Mobile Sizes + @media only screen and (max-width: $breakpoint-small-max) + fieldset + margin-top: 10px + margin-bottom: 10px + padding: 0px + text-align: center + .searchform + text-align: center + +.searchform + line-height: 2.2em + margin-bottom: 0.3em + +input[type="text"].search + background: url(../images/search.png) left center no-repeat #FFF + padding-left: 24px + width: 120px + color: #999 + +/*!-------------------------------------- + Login Form +--------------------------------------*/ + +/*! authentication buttons */ +login_form(pos) // mixin + left: 0px + width: 141px + background: url('/images/oauth-login-with-sprite.png') no-repeat + background-position: 0 pos + +#login + &_facebook + login_form(0) + &_twitter + login_form(-23px) + &_linkedin + login_form(-44px) + &_google + login_form(-66px) + &_yahoo + login_form(-88px) + &_microsoft + login_form(-110px) + &_github + login_form(-132px) + &_openid + login_form(-154px) + +#loginform + fieldset + margin-top: 15px + padding: 0px + .submit + margin-bottom: 0.3em + a + line-height: 1.5em + +.form_part + margin-bottom: 0.3em + label + display: block + line-height: 1.2em + margin-bottom: 0.3em + +/*! Third party login */ +form.third-party-login + margin: 0.1em 0 + div + position: relative + img + position: absolute + left: 6px + top: 6px + input + box-sizing: border-box + &.submit + text-indent: 24px + font-size: 12px + height: 28px + +div.third-party-login + width: 164px + +/*! All Mobile Sizes (devices and browser) */ +@media only screen and (max-width: $breakpoint-small-max) + + /*-------------------------------------- + Global Navigation Content + --------------------------------------*/ + + #navigation_ul + display: none + + /*-------------------------------------- + Left And Right Block + --------------------------------------*/ + + $hue = hue($mobile-block-title-background) + + #leftblocks .block-title, + #rightblocks .block-title, + #block-left-search > h2 + background: $mobile-block-title-background + color: #EEEEEC + font-weight: bold + padding: 8px 5px + text-align: left + font-size: 16px + margin-left: -10px + margin-right: -10px + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) + + if $mobile-list-type == 'iphone_like' + border-top: 1px solid hue(#6F99C7, $hue) + border-bottom: 1px solid hue(#1F364F, $hue) + + if $mobile-list-type == 'flat' + border: none + + h2.show, + #block-left-search > h2.show + background: url(../images/arrow-down.png) no-repeat $mobile-block-title-background + background-size: 36px auto + background-position: right 50% + + h2.hide, + #block-left-search > h2.hide + background: url(../images/arrow-up.png) no-repeat $mobile-block-title-background + background-size: 36px auto + background-position: right 50% + + #leftblocks .block-title, + #rightblocks .block-title + margin-top: 0 + margin-bottom: 0 + + #block-left-search > h2 + margin-top: 0 + margin-bottom: 0 + + #config_menu .block-title + margin-left: -10px + margin-right: -10px + + #search-configuration-container label + margin: 0 0 0.5em 0 + padding: 0 0 0.1em 0 + display: block + border-bottom: 1px solid #CCC + background: $mobile-block-title-background + color: #EEEEEC + font-weight: bold + padding: 8px 5px + text-align: left + font-size: 16px + margin-left: -10px + margin-right: -10px + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) + + #search-configuration + font-size: 16px + + .block-left-content, + .block-right-content, + .block-list-content + padding: 10px 0 + text-shadow: 0 1px 0 #FFF + + #block-left-search > .block-left-content + padding: 10px + margin: 0px + if $mobile-list-type == 'iphone_like' + background: $mobile-blocks-background // #E7E7E7 + + .noliststyle + list-style: none + padding: 0px + margin: 0px + + if $mobile-list-type == 'iphone_like' + .sideoption:first-child a, + .sideoption_off:first-child + -webkit-border-top-left-radius: 8px + -webkit-border-top-right-radius: 8px + + .sideoption:last-child a, + .sideoption_off:last-child + -webkit-border-bottom-left-radius: 8px + -webkit-border-bottom-right-radius: 8px + + if $mobile-list-type == 'flat' + .block-list-content + margin-left: -10px + margin-right: -10px + padding: 0 + li + border-bottom: 1px solid #e7e7e7 + &:last-child + border-bottom: none + + +hook-root($stage) diff --git a/public_html/layout/denim_curve/css_src/src/stylus/sub/compatible.styl b/public_html/layout/denim_curve/css_src/src/stylus/sub/compatible.styl new file mode 100644 index 000000000..e2cb09f8d --- /dev/null +++ b/public_html/layout/denim_curve/css_src/src/stylus/sub/compatible.styl @@ -0,0 +1,376 @@ + +$stage = 'compatible' + +/*!-------------------------------------- + professional Compatible Style +--------------------------------------*/ + +/*! Menus in blocks */ + +.blocklist ul + list-style: none + padding: 0 + margin: 0 + +/*! general alignment classes */ + +.alignleft + text-align: left + +.alignright + text-align: right + +.aligncenter + text-align: center + +.aligntop + vertical-align: top + +.floatright + float: right + +.floatleft + float: left + +.clearboth + clear: both + +/*! clear floats by applying the clearfix class to float-encasing block! */ + +.clearfix:after + content: "." + display: block + height: 1px + clear: both + overflow: hidden + visibility: hidden + +/*! general formatting classes */ + +.b + font-weight: bold + +.ext-link + background-color: transparent + background: url(../images/external.png) center right no-repeat + background-attachment: scroll + padding-right: 13px + +.feed-link + background-color: transparent + background: url(../images/feed.png) center right no-repeat + background-attachment: scroll + padding: 2px 16px 2px 0px + +.strike + text-decoration: line-through + +.url, +.break-word + white-space: pre-wrap + word-wrap: break-word + word-break: break-all + overflow: auto + +.fieldhelp + font-size: 0.85em + color: #666 + padding-left: 0.8em + padding-right: 0.8em + +/*! Forms */ + +.form-description + /* used with calendar plugin */ + font-weight: bold + float: left + width: 100px + text-align: right + padding-right: 5px + display: block + +.form-field + /* used with calendar plugin */ + padding-bottom: 5px + margin-left: 105px + +.checkboxes-list + /* this is used for example by COM_checkList */ + list-style: none + padding: 0 + margin: 0 + +.checkboxes-list span + /* space between the text and the checkbox */ + padding-left: 5px + +.checkboxes-list .gldefault + /* default blocks in the user settings block list */ + font-weight: bold + +.highlight + color: #000 + background-color: yellow + text-decoration: none + +.inputTable td + padding: 4px + vertical-align: top + +.inputTable label + font-weight: bold + float: right + white-space: nowrap + +.nowrap + white-space: nowrap + +.pagenav + text-align: center + line-height: 1.5 + +.row_center td + text-align: center + +.searchresult-byline + color: green + +.sysmessage + margin: 0 + a + text-decoration: underline + img + border: none + float: left + padding: 0 8px 8px 0 + +/*! Stats */ + +.stats-list-count + text-align: right + padding-left: 5px + padding-right: 5px + +.stats-header-title + text-align: left + width: 90% + padding-left: 5px + padding-right: 5px + +.stats-header-count + text-align: left + width: 10% + padding-left: 5px + padding-right: 5px + +#token-expirynotice + padding: 1em + border: 1px solid #CCC + background: #F7F7F7 + +#token-expirytime + font-weight: bold + +.warning + background: transparent + color: #D14 + font-weight: bold + +.warningsmall + background: transparent + color: #D14 + +/*! Default Plugin CSS Declarations */ +/*! Recommended CSS to be used by Plugin Authors - allows easier site themeing */ + +.plugin + color: #000 + background-color: #EFEFEF + font-weight: normal + border:1px solid #CCC + th + color: #000 + background-color: #B7C1DC + padding: 5px + text-align: left + tr + vertical-align: top + td + padding: 2px 5px + +.pluginBG + color: #FEFEFE + background-color: #7398BA + +.pluginAltBG + background-color: #7398BA + +.pluginAltBG td + color: #FFF + +.pluginCellTitle + color: #666 + font-weight: bold + background-color: #E6E6E6 + padding: 5px + +.pluginCellFill + background-color: #F8FAFD + +.pluginCellText + color: #636363 + font-weight: normal + +.pluginHeader + color: #204275 + font-weight: bolder + padding-top: 3px + padding-bottom: 3px + +.pluginFooter, +.pluginFooter td + background-color: #507AA1 + color: #FFF + +.pluginAlert + padding: 5px 15px + color: #D8010E + background-color: #FEF1B4 + font-weight: bold + margin-bottom: 1em + +.pluginInfo + padding: 5px 15px + color: #707070 + background-color: #FEF1B4 + font-weight: normal + +.pluginSubTable + color: #000 + background-color: #CCC + font-weight: normal + border:1px solid #CCC + +.pluginSubTable th + color: #000 + background-color: #C9D1E4 + padding: 5px + text-align: left + +.pluginSubTable tr + vertical-align: top + +.pluginSolidOutline + background-color: #CCC + +.pluginSolidFill + background-color: #1A3955 + +.pluginTitle + background-color: #507AA1 + color: #F5F9FF + padding: 4px 6px + +.pluginCellSubTitle + background-color: #F7F7F7 + color: #000 + padding: 4px 6px + +.pluginTinyText + font-size: 0.70em + +.pluginSmallText + font-size: 0.8em + +.pluginMediumText + font-size: 1em + +.pluginLargeText + font-size: 1.25em + +.pluginAltText + color: #FFF + +.pluginRow1, +.pluginRow1 td + color: $admin-list-table-td-color + background-color: $admin-list-table-td1-background // #F7F7F7 + line-height: 120% + +.pluginRow2, +.pluginRow2 td + color: $admin-list-table-td-color + background-color: $admin-list-table-td2-background // #E7E7E7 + line-height: 120% + +.pluginRow1 .pluginRollOver, +.pluginRow2 .pluginRollOver, +.pluginRollOver + color: $admin-list-table-td-color + background-color: $admin-list-table-rollover-background // #FFFF8F + line-height: 120% + +.pluginRow1 .pluginRollOut, +.pluginRow2 .pluginRollOut, +.pluginRollOut + color: $admin-list-table-td-color + background-color: $admin-list-table-td1-background // #F7F7F7 + line-height: 120% + +.pluginLinks a:link + color: #000 + font-style: normal + font-weight: normal + text-decoration: none + +.pluginLinks a:visited + color: #000 + font-style: normal + font-weight: normal + text-decoration: none + +.pluginLinks a:hover + color: #000 + font-style: normal + font-weight: normal + text-decoration: underline + +.pluginBreadCrumbs, +.pluginBreadCrumbs a:link + color: #FFF + font-style: normal + font-weight: normal + text-decoration: none + +.pluginBreadCrumbs a:visited + color: #FFF + font-style: normal + font-weight: normal + text-decoration: none + +.pluginBreadCrumbs a:hover + color: #FFF + font-style: normal + font-weight: normal + text-decoration: none + +a.pluginButton:link, +a.pluginButton:visited + color: #000 + text-align: center + padding-top: 2px + display: block + height: 19px + text-decoration: none + background-color: transparent + +a.pluginButton:hover + color: blue + text-align: center + padding-top: 2px + background:center url(../images/navbar/button_over.gif) + background-repeat: repeat-x + display: block + height: 19px + text-decoration: none + background-color: transparent diff --git a/public_html/layout/denim_curve/css_src/src/stylus/sub/form_basic.styl b/public_html/layout/denim_curve/css_src/src/stylus/sub/form_basic.styl new file mode 100644 index 000000000..f9621e333 --- /dev/null +++ b/public_html/layout/denim_curve/css_src/src/stylus/sub/form_basic.styl @@ -0,0 +1,198 @@ + +$stage = 'form_basic' + +/*!-------------------------------------- + Basic Form +--------------------------------------*/ + +.form_block + margin: 0 + padding: 0 + &:after + denim-clearfix() + +fieldset.form_block + margin: 15px 0 + +/*! Message */ +.form_message + margin: 0 0 1em 0 + padding: 0 + +.noborder_fieldset + margin: 0 + border: none + +.hidden_legend + display: none + +/*! Basic editor */ +.user_basic + padding: 0.5em 2em + @media only screen and (max-width: $breakpoint-medium-max) + padding: 0.5em 0 + +.wide + width: 98% + resize: vertical + +.separator + display: none + +.speech + overflow: hidden + position: absolute + left: -999px + width: 0 + height: 0 + +#save_button + padding-bottom: 1em + +.loose + display: inline + // All Mobile Sizes (devices and browser) + @media only screen and (max-width: $breakpoint-small-max) + display: block + +/*! Style for legacy table layout */ +.layout, +.layout tr, +.layout td + margin: 0 + padding: 0 + border: none + background: none + +for num in (1..10) + .size{num} + width: (num * 60)px + +//@media only screen and (min-width: 600px) and (max-width: 759px) +@media only screen and (min-width: $breakpoint-medium) and (max-width: $breakpoint-medium-max) + .size6 + width: 75% + .size7 + width: 80% + .size8 + width: 85% + .size9 + width: 90% + .size10 + width: 95% + +/*! All Mobile Sizes (devices and browser) */ +@media only screen and (max-width: $breakpoint-small-max) + .size1, .size2, .size3, .size4, .size5, + .size6, .size7, .size8, .size9, .size10, .wide + width: 100% + +/*!-------------------------------------- + 2 Culumn Form +--------------------------------------*/ + +.compact + dt + float: left + clear: left + width: 24% + margin: 5px 0 1em 0 + padding: 0 1% 0 0 + font-weight: normal + dd + float: left + width: 75% + margin: 0 0 1em 0 + padding: 0 + + /*! Description */ + dd.description + margin: -0.5em 0 1em 25% + padding: 0 + p.description + margin: 0 0 1em 0 + padding: 0 + .controls_text + margin-top: 5px + +@media only screen and (max-width: $breakpoint-medium-max) + + /*-------------------------------------- + From 2 Column Form To 1 Column Form + --------------------------------------*/ + + .compact + dt + float: none + width: auto + margin: 0 + padding: 0 + font-weight: bold + dd + float: none + width: auto + margin: 0 0 0.5em 0 + padding: 0 + + /*! Description */ + dd.description + margin: -0.5em 0 1em 0 + padding: 0 + p.description + margin: 0 0 1em 0 + padding: 0 + .controls_text + margin-top: 0 + +/*!-------------------------------------- + 1 Column Form +--------------------------------------*/ + +.linear + dt + margin: 0 + padding: 0 + font-weight: bold + dd + margin: 0 0 0.5em 0 + padding: 0 + + /*! Description */ + dd.description + margin: -0.5em 0 1em 0 + padding: 0 + p.description + margin: 0 0 1em 0 + padding: 0 + +/*!-------------------------------------- + Profile Notes +--------------------------------------*/ + +.profile_notes + font-size: 13px + margin: 0 0 15px + & > .uk-panel-title // UIkit modifier + font-size: 16px + margin-bottom: 10px + ul + list-style-position: inside + margin: 0 + padding: 0 + li + margin: 0 0 0 5px + padding: 0 + +/*!-------------------------------------- + List Compact +--------------------------------------*/ + +ul.compact + margin: 0 + padding: 0 + li + display: inline + margin: 0 + padding: 0 + +hook-root($stage) diff --git a/public_html/layout/denim_curve/css_src/src/stylus/sub/layout/layout_1cols_mobile.styl b/public_html/layout/denim_curve/css_src/src/stylus/sub/layout/layout_1cols_mobile.styl new file mode 100644 index 000000000..37b200eb2 --- /dev/null +++ b/public_html/layout/denim_curve/css_src/src/stylus/sub/layout/layout_1cols_mobile.styl @@ -0,0 +1,248 @@ +/*! 1 Columns */ +/*!============================================================================== + Layout Pattern: + * 3 Column ( Left Block * Center Block * Right Block )...left-center-right + * 2 Column ( Left Block * Center Block ) ...left-center + * 2 Column ( Center Block * Right Block ) ...center-right + * 1 Column ( Center Block ) ...center + + Block Width: + * Container Width = 100% + * Site Width[W] = auto + * Left Block Width[L] = 280px + * Right Block Width[R] = 280px + * Center Block Width( 3 Column ) = [W] - [L] - [R] = auto + left padding 10px + right padding 10px + * Center Block Width( 2 Column ) = [W] - [L] = auto + left padding 10px + right padding 10px + * Center Block Width( 2 Column ) = [W] - [R] = auto + left padding 10px + right padding 10px + * Center Block Width( 1 Column ) = [W] = auto +==============================================================================*/ + +// Variables +// =========================================================================== + +$stage = 'layout_1cols_mobile' + +// $var-style-mode = 1 width is container-width (100%) +// $var-style-mode = 2 width is site-width +// +$var-style-mode ?= 1 + +//$layout-site-width ?= 100% +$layout-site-width ?= auto +$layout-site-max-width ?= none +$layout-left-block-width ?= 100% +$layout-right-block-width ?= 100% +$layout-side-padding ?= 10px + +$header-padding ?= 0 +$header-border-size ?= 0 + +$navigation-padding ?= 0 +$navigation-border-size ?= 0 + +$wrapper-padding ?= 0 +$wrapper-border-size ?= 0 + +$footer-padding ?= 0 +$footer-border-size ?= 0 + +// --------------------------------------------------------------------------- + +// container +//$layout-container-width = ($var-style-mode == 1) ? 100% : $layout-site-width +//$layout-container-width = ($var-style-mode == 1) ? auto : $layout-site-width +//$layout-container-width = auto +$layout-container-width = $layout-site-width + +// header +$layout-header-width = $layout-container-width +$layout-header-content-width = $layout-site-width + +$layout-navigation-width = $layout-container-width +$layout-navigation-content-width = $layout-site-width + +$layout-wrapper-width = $layout-site-width +$layout-centerblocks-width = 100% + +$layout-footer-width = $layout-container-width +$layout-footer-content-width = $layout-site-width + +/*!-------------------------------------- + Container + Include All Block Level Element + (#header, #navigation, #wrapper, #footer) +--------------------------------------*/ + +#container { + position: relative; + width: $layout-container-width; + layout-align-center(); +} + +/*!-------------------------------------- + Header Container +--------------------------------------*/ + +#header { + width: $layout-header-width; + layout-align-center(); + height: 80px; + &:before { + width: $layout-header-width; + } + hook-selector($stage, "" + selector()) +} + +#header-content { + width: $layout-header-content-width; + layout-site-max-width($layout-site-max-width) + layout-align-center(); + height: 100%; + padding: 0; + hook-selector($stage, "" + selector()) +} + +/*!-------------------------------------- + Global Navigation Container +--------------------------------------*/ + +#navigation { + width: $layout-navigation-width; + layout-align-center(); + &:after { + layout-clearfix(); + margin-bottom: -1px; + } + hook-selector($stage, "" + selector()) +} + +.navigation_content { + width: $layout-navigation-content-width; + layout-site-max-width($layout-site-max-width) + layout-align-center(); + padding: 5px 0; +} + +/*!-------------------------------------- + Wrapper + Include contents Block level elements + (#leftblocks, #centerblocks, #rightblocks) +--------------------------------------*/ + +#wrapper { + width: $layout-wrapper-width; + layout-site-max-width($layout-site-max-width) + layout-align-center(); +// padding: 0; + &:after { + layout-clearfix(); + } +} + +/*!-------------------------------------- + Left Block Container + display if Left Block is appeared. +--------------------------------------*/ + +#leftblocks, +body.js_off #leftblocks { + overflow: visible; + clear: both; + float: left; + width: $layout-left-block-width; + margin: 0; + padding: 0; +} + +/*!-------------------------------------- + Center Block Container +--------------------------------------*/ + +#centerblocks { + overflow: visible; + float: none; + width: auto; + margin: 0; + padding: 0 10px; +} + +body.js_off #centerblocks { + float: none; + width: auto; + margin: 0; + padding: 0 10px; +} + +/*! 3 Column ( left-center-right ) */ +body.left-center-right #main-content, +body.js_off #main-content { + float: none; + width: 100%; + margin: 0; + padding: 10px 0 0 0; +} + +/*! 2 Column ( left-center ) */ +body.left-center #main-content { + float: none; + width: 100%; + margin: 0; + padding: 10px 0 0 0; +} + +/*! 2 Column ( center-right ) */ +body.center-right #main-content { + float: none; + width: 100%; + margin: 0; + padding: 10px 0 0 0; +} + +/*! 1 Column ( center ) */ +body.center #main-content { + width: 100%; + padding-top: 10px; +} + +body.center #centerblocks { + float: left; + width: auto; + margin: 0; + padding: 0 $layout-side-padding; +} + +/*!-------------------------------------- + Right Block Container + display if Right Block is appeared. +--------------------------------------*/ + +#rightblocks, +body.js_off #rightblocks { + overflow: visible; + clear: both; + float: left; + width: $layout-right-block-width; + margin: 0; + padding: 0; +} + +/*!-------------------------------------- + Footer Container +--------------------------------------*/ + +#footer { + clear: left; + width: $layout-footer-width; + margin-top: -1px; + padding: 16px; + hook-selector($stage, "" + selector()) +} + +#footer-content { + width: $layout-footer-content-width; + layout-site-max-width($layout-site-max-width) + layout-align-center(); + hook-selector($stage, "" + selector()) +} + +hook-root($stage) diff --git a/public_html/layout/denim_curve/css_src/src/stylus/sub/layout/layout_2cols_Rbar_fixed.styl b/public_html/layout/denim_curve/css_src/src/stylus/sub/layout/layout_2cols_Rbar_fixed.styl new file mode 100644 index 000000000..4b162c2f0 --- /dev/null +++ b/public_html/layout/denim_curve/css_src/src/stylus/sub/layout/layout_2cols_Rbar_fixed.styl @@ -0,0 +1,285 @@ +/*! 2 Columns center-right */ +/*!============================================================================== + Layout Pattern: + * 3 Column ( Left Block * Center Block * Right Block )...left-center-right + * 2 Column ( Left Block * Center Block ) ...left-center + * 2 Column ( Center Block * Right Block ) ...center-right + * 1 Column ( Center Block ) ...center + + Block Width: + * Container Width = 100% + * Site Width[W] = 960px + * Left Block Width[L] = 280px + * Right Block Width[R] = 280px + * Center Block Width( 3 Column ) = [W] - [L] - [R] = 600px = 580px + left padding 10px + right padding 10px + * Center Block Width( 2 Column ) = [W] - [L] = 780px = 760px + left padding 10px + right padding 10px + * Center Block Width( 2 Column ) = [W] - [R] = 780px = 760px + left padding 10px + right padding 10px + * Center Block Width( 1 Column ) = [W] = 960px +==============================================================================*/ + +// Variables +// =========================================================================== + +$stage = 'layout_2cols_Rbar_fixed' + +// $var-style-mode = 1 width is container-width (100%) +// $var-style-mode = 2 width is site-width +// +$var-style-mode ?= 1 +$var-flip-horizontal ?= false + +$left = ($var-flip-horizontal == false) ? left : right +$right = ($var-flip-horizontal == false) ? right : left + +$layout-site-width ?= 960px +$layout-site-max-width ?= none +$layout-left-block-width ?= 280px +$layout-right-block-width ?= 280px +$layout-side-padding ?= 10px + +$header-padding ?= 0 +$header-border-size ?= 0 + +$navigation-padding ?= 0 +$navigation-border-size ?= 0 + +$wrapper-padding ?= 0 +$wrapper-border-size ?= 0 + +$footer-padding ?= 0 +$footer-border-size ?= 0 + +// --------------------------------------------------------------------------- + +if $var-style-mode == 1 + + $layout-site-inner-width = $layout-site-width - ($container-padding * 2) - ($container-border-size * 2) + + // container + $layout-container-width = 100% + + // header + $layout-header-width = $layout-container-width + $layout-header-inner-width = auto + + $layout-header-content-width = $layout-header-inner-width + + $layout-navigation-width = $layout-container-width + $layout-navigation-inner-width = auto + + $layout-navigation-content-width = $layout-site-inner-width - (16px - $navigation-border-size * 2) + + $layout-wrapper-width = $layout-site-inner-width + $layout-wrapper-inner-width = $layout-wrapper-width - ($wrapper-padding * 2) - ($wrapper-border-size * 2) + + $layout-centerblocks-width = auto + + $layout-footer-width = $layout-container-width + $layout-footer-inner-width = auto + + $layout-footer-content-width = $layout-footer-inner-width + +// --------------------------------------------------------------------------- + +if $var-style-mode == 2 + + $layout-site-inner-width = $layout-site-width - ($container-padding * 2) - ($container-border-size * 2) + + // container + $layout-container-width = $layout-site-inner-width + + // header + $layout-header-width = $layout-container-width + $layout-header-inner-width = $layout-header-width - ($header-padding * 2) - ($header-border-size * 2) + + $layout-header-content-width = $layout-header-inner-width + + $layout-navigation-width = $layout-container-width + $layout-navigation-inner-width = $layout-navigation-width - ($navigation-padding * 2) - ($navigation-border-size * 2) + + $layout-navigation-content-width = $layout-site-inner-width + + $layout-wrapper-width = $layout-site-inner-width + $layout-wrapper-inner-width = $layout-wrapper-width - ($wrapper-padding * 2) - ($wrapper-border-size * 2) + + $layout-centerblocks-width = auto + + $layout-footer-width = $layout-container-width + $layout-footer-inner-width = $layout-footer-width - ($footer-padding * 2) - ($footer-border-size * 2) + + $layout-footer-content-width = $layout-footer-inner-width + +/*!-------------------------------------- + Container + Include All Block Level Element + (#header, #navigation, #wrapper, #footer) +--------------------------------------*/ + +#container + position: relative + width: $layout-container-width + layout-align-center() + +/*!-------------------------------------- + Header Container +--------------------------------------*/ + +#header + width: $layout-header-inner-width + layout-align-center() + height: 80px + &:before + width: $layout-header-inner-width + + hook-selector($stage, "" + selector()) + +#header-content + width: $layout-header-content-width + layout-site-max-width($layout-site-max-width) + layout-align-center() + padding: 0 + hook-selector($stage, "" + selector()) + +/*!-------------------------------------- + Global Navigation Container +--------------------------------------*/ + +#navigation + width: $layout-navigation-inner-width + layout-align-center() + &:after + layout-clearfix() + margin-bottom: -1px + + hook-selector($stage, "" + selector()) + +.navigation_content + width: $layout-navigation-content-width + layout-site-max-width($layout-site-max-width) + layout-align-center() + + hook-selector($stage, "" + selector()) + +/*!-------------------------------------- + Wrapper + Include contents Block level elements + (#leftblocks, #centerblocks, #rightblocks) +--------------------------------------*/ + +#wrapper + width: $layout-wrapper-inner-width + layout-site-max-width($layout-site-max-width) + layout-align-center() + &:after + layout-clearfix() + +/*!-------------------------------------- + Left Block Container + display if Left Block is appeared. +--------------------------------------*/ + +#leftblocks, +body.js_off #leftblocks + overflow: visible + float: $right // LTR + width: $layout-left-block-width + margin: 0 + padding: 0 + +/*!-------------------------------------- + Center Block Container +--------------------------------------*/ + +#centerblocks + overflow: visible + //float: $left // LTR + float: none + width: $layout-centerblocks-width + +body.js_off #centerblocks + width: 100% + margin: 0 + padding: 0 + +/*! 3 Column ( left-center-right ) */ +body.left-center-right #main-content, +body.js_off #main-content + float: $left // LTR + /* Center Block Width = [W] - [R] - Right Padding - Left Padding - Right Border - Light Border */ + width: $layout-site-inner-width - $layout-right-block-width - ($layout-side-padding * 2) - ($wrapper-padding * 2) - ($wrapper-border-size * 2) + margin: 0 + padding: 0 $layout-side-padding + +/*! 2 Column ( left-center ) */ +body.left-center #main-content + float: $left // LTR + /* Center Block Width = [W] - [R] - Right Padding - Left Padding - Right Border - Light Border */ + width: $layout-site-inner-width - $layout-right-block-width - ($layout-side-padding * 2) - ($wrapper-padding * 2) - ($wrapper-border-size * 2) + margin: 0 + padding: 0 $layout-side-padding + +/*! 2 Column ( center-right ) */ +body.center-right #main-content + float: $left // LTR + /* Center Block Width = [W] - [R] - Right Padding - Left Padding - Right Border - Light Border */ + width: $layout-site-inner-width - $layout-right-block-width - ($layout-side-padding * 2) - ($wrapper-padding * 2) - ($wrapper-border-size * 2) + margin: 0 + padding: 0 $layout-side-padding + +/*! 1 Column ( center ) */ +body.center #main-content + width: 100% + +/*!-------------------------------------- + Right Block Container + display if Right Block is appeared. +--------------------------------------*/ + +#rightblocks, +body.js_off #rightblocks + overflow: visible + clear: $right // LTR + float: $right // LTR + width: $layout-right-block-width + margin: 0 + +/*!-------------------------------------- + Footer Container +--------------------------------------*/ + +#footer + clear: $left // LTR + width: $layout-footer-inner-width + layout-align-center() + padding: 16px $footer-padding + hook-selector($stage, "" + selector()) + +#footer-content + width: $layout-footer-content-width + layout-site-max-width($layout-site-max-width) + layout-align-center() + hook-selector($stage, "" + selector()) + +/*!-------------------------------------- + Admin Configuration Container +--------------------------------------*/ + +$layout-config-menu-width = 210px +$layout-config-padding = 10px +$layout-config-content-width = $layout-site-inner-width - $layout-config-menu-width - ($layout-config-padding * 4) + +#config_menu + float: left + width: $layout-config-menu-width + padding: 0 $layout-config-padding + body.center-right & + width: 200px + +#config_content + float: left + width: $layout-config-content-width + padding: $layout-config-padding + body.center-right & + width: 600px + +hook-root($stage) diff --git a/public_html/layout/denim_curve/css_src/src/stylus/sub/layout/layout_2cols_Rbar_liquid.styl b/public_html/layout/denim_curve/css_src/src/stylus/sub/layout/layout_2cols_Rbar_liquid.styl new file mode 100644 index 000000000..66c2a13b2 --- /dev/null +++ b/public_html/layout/denim_curve/css_src/src/stylus/sub/layout/layout_2cols_Rbar_liquid.styl @@ -0,0 +1,263 @@ +/*! 2 Columns center-right */ +/*!============================================================================== + Layout Pattern: + * 3 Column ( Left Block * Center Block * Right Block )...left-center-right + * 2 Column ( Left Block * Center Block ) ...left-center + * 2 Column ( Center Block * Right Block ) ...center-right + * 1 Column ( Center Block ) ...center + + Block Width: + * Container Width = 100% + * Site Width[W] = auto + * Left Block Width[L] = 280px + * Right Block Width[R] = 280px + * Center Block Width( 3 Column ) = [W] - [L] - [R] = auto + left padding 10px + right padding 10px + * Center Block Width( 2 Column ) = [W] - [L] = auto + left padding 10px + right padding 10px + * Center Block Width( 2 Column ) = [W] - [R] = auto + left padding 10px + right padding 10px + * Center Block Width( 1 Column ) = [W] = auto +==============================================================================*/ + +// Variables +// =========================================================================== + +$stage = 'layout_2cols_Rbar_liquid' + +// $var-style-mode = 1 width is container-width (100%) +// $var-style-mode = 2 width is site-width +// +$var-style-mode ?= 1 +$var-flip-horizontal ?= false + +$left = ($var-flip-horizontal == false) ? left : right +$right = ($var-flip-horizontal == false) ? right : left + +$layout-site-width ?= auto +//$layout-site-max-width ?= 1024px +$layout-site-max-width ?= none +$layout-left-block-width ?= 280px +$layout-right-block-width ?= 280px +$layout-side-padding ?= 10px + +$header-padding ?= 0 +$header-border-size ?= 0 + +$navigation-padding ?= 0 +$navigation-border-size ?= 0 + +$wrapper-padding ?= 0 +$wrapper-border-size ?= 0 + +$footer-padding ?= 0 +$footer-border-size ?= 0 + +// --------------------------------------------------------------------------- + +if $var-style-mode == 1 + + // $layout-site-inner-width = $layout-site-width + + // container + $layout-container-width = 100% + + // header + $layout-header-width = auto + // $layout-header-inner-width = $layout-header-width + + $layout-header-content-width = $layout-site-width + + $layout-navigation-width = auto + + $layout-navigation-content-width = $layout-site-width + + $layout-wrapper-width = $layout-site-width + $layout-centerblocks-width = 100% + + $layout-footer-width = $layout-container-width + + $layout-footer-content-width = $layout-site-width + +// --------------------------------------------------------------------------- + +if $var-style-mode == 2 + + // $layout-site-inner-width = $layout-site-width + + // container + $layout-container-width = $layout-site-width + + // header + $layout-header-width = $layout-container-width + // $layout-header-inner-width = $layout-header-width + + $layout-header-content-width = $layout-site-width + + $layout-navigation-width = $layout-container-width + + $layout-navigation-content-width = $layout-site-width + + $layout-wrapper-width = $layout-site-width + $layout-centerblocks-width = 100% + + $layout-footer-width = $layout-container-width + + $layout-footer-content-width = $layout-site-width + +/*!-------------------------------------- + Container + Include All Block Level Element + (#header, #navigation, #wrapper, #footer) +--------------------------------------*/ + +#container + position: relative + width: $layout-container-width + layout-align-center() + +/*!-------------------------------------- + Header Container +--------------------------------------*/ + +#header + width: $layout-header-width + layout-align-center() + height: 80px + &:before + width: $layout-header-width + + hook-selector($stage, "" + selector()) + +#header-content + width: $layout-header-content-width + layout-site-max-width($layout-site-max-width) + layout-align-center() + padding: 0 + hook-selector($stage, "" + selector()) + +/*!-------------------------------------- + Global Navigation Container +--------------------------------------*/ + +#navigation + width: $layout-navigation-width + layout-align-center() + &:after + layout-clearfix() + margin-bottom: (-1px) + + hook-selector($stage, "" + selector()) + +.navigation_content + width: $layout-navigation-content-width + layout-site-max-width($layout-site-max-width) + layout-align-center() + +/*!-------------------------------------- + Wrapper + Include contents Block level elements + (#leftblocks, #centerblocks, #rightblocks) +--------------------------------------*/ + +#wrapper + width: $layout-wrapper-width + layout-site-max-width($layout-site-max-width) + layout-align-center() + //padding: 0 0 2em 0 + &:after + layout-clearfix() + +/*!-------------------------------------- + Left Block Container + display if Left Block is appeared. +--------------------------------------*/ + +#leftblocks, +body.js_off #leftblocks + overflow: visible + float: $right // LTR + width: $layout-left-block-width + margin: 0 + padding: 0 + +/*!-------------------------------------- + Center Block Container +--------------------------------------*/ + +#centerblocks + overflow: visible + float: $left // LTR + width: $layout-centerblocks-width + margin-{$left}: (- $layout-right-block-width) /* -[R] */ // LTR + +body.js_off #centerblocks + width: 100% + margin: 0 + padding: 0 + +/*! 3 Column ( left-center-right ) */ +body.left-center-right #main-content, +body.js_off #main-content + float: none + width: auto + margin: 0 + margin-{$left}: $layout-left-block-width // LTR + padding: 0 $layout-side-padding + +/*! 2 Column ( left-center ) */ +body.left-center #main-content + float: none + width: auto + margin: 0 + margin-{$left}: $layout-left-block-width // LTR + padding: 0 $layout-side-padding + +/*! 2 Column ( center-right ) */ +body.center-right #main-content + float: none + width: auto + margin: 0 + margin-{$left}: $layout-left-block-width // LTR + padding: 0 $layout-side-padding + +/*! 1 Column ( center ) */ +body.center #main-content + width: 100% + +body.center #centerblocks + float: $left // LTR + //width: $layout-centerblocks-width + //margin: 0 + width: auto + padding: 0 $layout-side-padding + margin: 0 + +/*!-------------------------------------- + Right Block Container + display if Right Block is appeared. +--------------------------------------*/ + +#rightblocks, +body.js_off #rightblocks + overflow: visible + clear: $right // LTR + float: $right // LTR + width: $layout-right-block-width + margin: 0 + +/*!-------------------------------------- + Footer Container +--------------------------------------*/ + +#footer + clear: $left // LTR + width: $layout-footer-width + layout-align-center() + padding: 16px $footer-padding + hook-selector($stage, "" + selector()) + +#footer-content + width: $layout-footer-content-width + layout-site-max-width($layout-site-max-width) + layout-align-center() + hook-selector($stage, "" + selector()) + +hook-root($stage) diff --git a/public_html/layout/denim_curve/css_src/src/stylus/sub/layout/layout_3cols_LRbar.styl b/public_html/layout/denim_curve/css_src/src/stylus/sub/layout/layout_3cols_LRbar.styl new file mode 100644 index 000000000..023a9686f --- /dev/null +++ b/public_html/layout/denim_curve/css_src/src/stylus/sub/layout/layout_3cols_LRbar.styl @@ -0,0 +1,280 @@ +/*! 3 Columns left-center-right */ +/*!============================================================================== + Layout Pattern: + * 3 Column ( Left Block * Center Block * Right Block )...left-center-right + * 2 Column ( Left Block * Center Block ) ...left-center + * 2 Column ( Center Block * Right Block ) ...center-right + * 1 Column ( Center Block ) ...center + + Block Width: + * Container Width = 100% + * Header Width = 100% + * Site Width [W] = 1140px + * Left Block Width [L] = 180px = 160px + left padding 10px + right padding 10px + * Right Block Width [R] = 280px = 260px + left padding 10px + right padding 10px + * Center Block Width(3 Column) = [W] - [L] - [R] = 680px = 1140px - 180px - 280px + * Center Block Width(2 Column) = [W] - [L] = 960px = 1140px - 180px + * Center Block Width(2 Column) = [W] - [R] = 860px = 1140px - 280px + * Center Block Width(1 Column) = [W] = 1140px + + 800-660=140 + 1280-140=1140 + 1100-140=960 + 1000-140=860 +==============================================================================*/ + +// Variables +// =========================================================================== + +$stage = 'layout_3cols_LRbar' + +// $var-style-mode = 1 width is container-width (100%) +// $var-style-mode = 2 width is site-width +// +$var-style-mode ?= 1 + +$layout-site-width ?= 1140px +$layout-site-max-width ?= none +$layout-left-block-width ?= 180px +$layout-right-block-width ?= 280px +$layout-side-padding ?= 10px + +$header-padding ?= 0 +$header-border-size ?= 0 + +$navigation-padding ?= 0 +$navigation-border-size ?= 0 + +$wrapper-padding ?= 0 +$wrapper-border-size ?= 0 + +$footer-padding ?= 0 +$footer-border-size ?= 0 + +// --------------------------------------------------------------------------- + +if $var-style-mode == 1 + + $layout-site-inner-width = $layout-site-width - ($container-padding * 2) - ($container-border-size * 2) + + // container + $layout-container-width = 100% + + // header + $layout-header-width = $layout-container-width + $layout-header-inner-width = auto + + $layout-header-content-width = $layout-header-inner-width + + $layout-navigation-width = $layout-container-width + $layout-navigation-inner-width = auto + + $layout-navigation-content-width = $layout-site-inner-width - (16px - $navigation-border-size * 2) + + $layout-wrapper-width = $layout-site-inner-width + $layout-wrapper-inner-width = $layout-wrapper-width - ($wrapper-padding * 2) - ($wrapper-border-size * 2) + + $layout-centerblocks-width = 100% + + $layout-footer-width = $layout-container-width + $layout-footer-inner-width = auto + + $layout-footer-content-width = $layout-footer-inner-width + +// --------------------------------------------------------------------------- + +if $var-style-mode == 2 + + $layout-site-inner-width = $layout-site-width - ($container-padding * 2) - ($container-border-size * 2) + + // container + $layout-container-width = $layout-site-inner-width + + // header + $layout-header-width = $layout-container-width + $layout-header-inner-width = $layout-header-width - ($header-padding * 2) - ($header-border-size * 2) + + $layout-header-content-width = $layout-header-inner-width + + $layout-navigation-width = $layout-container-width + $layout-navigation-inner-width = $layout-navigation-width - ($navigation-padding * 2) - ($navigation-border-size * 2) + + $layout-navigation-content-width = $layout-site-inner-width + + $layout-wrapper-width = $layout-site-inner-width + $layout-wrapper-inner-width = $layout-wrapper-width - ($wrapper-padding * 2) - ($wrapper-border-size * 2) + + $layout-centerblocks-width = 100% + + $layout-footer-width = $layout-container-width + $layout-footer-inner-width = $layout-footer-width - ($footer-padding * 2) - ($footer-border-size * 2) + + $layout-footer-content-width = $layout-footer-inner-width + +/*!-------------------------------------- + Container + Include All Block Level Element + (#header, #navigation, #wrapper, #footer) +--------------------------------------*/ + +#container + position: relative + width: $layout-container-width + layout-align-center() + +/*!-------------------------------------- + Header Container +--------------------------------------*/ + +#header + width: $layout-header-inner-width + layout-align-center() + height: 80px + &:before + width: $layout-header-inner-width + + hook-selector($stage, "" + selector()) + +#header-content + width: $layout-header-content-width + layout-site-max-width($layout-site-max-width) + layout-align-center() + padding: 0 + hook-selector($stage, "" + selector()) + +/*!-------------------------------------- + Global Navigation Container +--------------------------------------*/ + +#navigation + width: $layout-navigation-inner-width + layout-align-center() + &:after + layout-clearfix() + margin-bottom: -1px + + hook-selector($stage, "" + selector()) + +.navigation_content + width: $layout-navigation-content-width + layout-site-max-width($layout-site-max-width) + layout-align-center() + +/*!-------------------------------------- + Wrapper + Include contents Block level elements + (#leftblocks, #centerblocks, #rightblocks) +--------------------------------------*/ + +#wrapper + width: $layout-wrapper-inner-width + layout-site-max-width($layout-site-max-width) + layout-align-center() + &:after + layout-clearfix() + +/*!-------------------------------------- + Left Block Container + display if Left Block is appeared. +--------------------------------------*/ + +#leftblocks, +body.js_off #leftblocks + overflow: visible + float: left + width: $layout-left-block-width + /* Left Margin = -[W] */ + margin: 0 0 0 (- $layout-site-inner-width + ($wrapper-padding * 2) + ($wrapper-border-size * 2)) + padding: 0 + +/*!-------------------------------------- + Center Block Container +--------------------------------------*/ + +#centerblocks + overflow: visible + float: left + width: $layout-centerblocks-width + +/*! 3 Column ( left-center-right ) */ +body.left-center-right #main-content, +body.js_off #main-content + /* Main Content Width = [W] - [L] - [R] - Right Padding 10px - Left Padding 10px */ + width: $layout-site-inner-width - $layout-left-block-width - $layout-right-block-width - ($layout-side-padding * 2) - ($wrapper-padding * 2) - ($wrapper-border-size * 2) + /* Right Margin = [R] , Left Margin = [L] */ + margin: 0 $layout-right-block-width 0 $layout-left-block-width + padding: 0 $layout-side-padding + +/*! 2 Column ( left-center ) */ +body.left-center #main-content + /* Main Content Width = [W] - [L] - Right Padding 10px - Left Padding 10px */ + width: $layout-site-inner-width - $layout-left-block-width - ($layout-side-padding * 2) - ($wrapper-padding * 2) - ($wrapper-border-size * 2) + /* Left Margin = [L] */ + margin: 0 0 0 $layout-left-block-width + padding: 0 $layout-side-padding + +/*! 2 Column ( center-right ) */ +body.center-right #main-content + /* Main Content Width = [W] - [R] - Right Padding 10px - Left Padding 10px */ + width: $layout-site-inner-width - $layout-right-block-width - ($layout-side-padding * 2) - ($wrapper-padding * 2) - ($wrapper-border-size * 2) + /* Right Margin = [R] */ + margin: 0 $layout-right-block-width 0 0 + padding: 0 $layout-side-padding + +/*! 1 Column ( center ) */ +body.center #main-content + width: 100% + +/*!-------------------------------------- + Right Block Container + display if Right Block is appeared. +--------------------------------------*/ + +#rightblocks, +body.js_off #rightblocks + overflow: visible + float: left + width: $layout-right-block-width + /* Right Margin = -[R] */ + margin: 0 0 0 (- $layout-right-block-width) + +/*!-------------------------------------- + Footer Container +--------------------------------------*/ + +#footer + clear: left + width: $layout-footer-inner-width + layout-align-center() + padding: 16px $footer-padding + hook-selector($stage, "" + selector()) + +#footer-content + width: $layout-footer-content-width + layout-site-max-width($layout-site-max-width) + layout-align-center() + hook-selector($stage, "" + selector()) + +/*!-------------------------------------- + Admin Configuration Container +--------------------------------------*/ + +$layout-config-menu-width = 280px +$layout-config-padding = 10px +$layout-config-content-width = $layout-site-inner-width - $layout-config-menu-width - ($layout-config-padding * 4) + +#config_menu + float: left + width: $layout-config-menu-width + padding: 0 $layout-config-padding + body.center-right & + width: 200px + +#config_content + float: left + width: $layout-config-content-width + padding: $layout-config-padding + body.center-right & + width: 600px + +hook-root($stage) diff --git a/public_html/layout/denim_curve/css_src/src/stylus/sub/layout_curve.styl b/public_html/layout/denim_curve/css_src/src/stylus/sub/layout_curve.styl new file mode 100644 index 000000000..b40110bdb --- /dev/null +++ b/public_html/layout/denim_curve/css_src/src/stylus/sub/layout_curve.styl @@ -0,0 +1,41 @@ + +// Variables +$layout-site-width = 1140px +$layout-left-block-width = 230px +$layout-right-block-width = 230px +$layout-side-padding = 10px +// +@import "layout/layout_3cols_LRbar"; + + +@media only screen and (min-width: $breakpoint-large) and (max-width: $breakpoint-large-max) + // Variables + $layout-site-width = 960px + $layout-left-block-width = 230px + $layout-right-block-width = 230px + $layout-side-padding = 10px + // + @import "layout/layout_2cols_Rbar_fixed"; + + +/*! Smaller than standard 1280 (devices and browsers) */ +@media only screen and (min-width: $breakpoint-medium) and (max-width: $breakpoint-medium-max) + // Variables + $layout-site-width = auto + $layout-left-block-width = 230px + $layout-right-block-width = 230px + $layout-side-padding = 10px + // + @import "layout/layout_2cols_Rbar_liquid"; + + +/*! All Mobile Sizes (devices and browser) */ +@media only screen and (max-width: $breakpoint-small-max) + // Variables + $layout-site-width = auto + $layout-site-max-width = none + $layout-left-block-width = 100% + $layout-right-block-width = 100% + $layout-side-padding = 10px + // + @import "layout/layout_1cols_mobile"; diff --git a/public_html/layout/denim_curve/css_src/src/stylus/sub/layout_default.styl b/public_html/layout/denim_curve/css_src/src/stylus/sub/layout_default.styl new file mode 100644 index 000000000..d91592d89 --- /dev/null +++ b/public_html/layout/denim_curve/css_src/src/stylus/sub/layout_default.styl @@ -0,0 +1,41 @@ + +// Variables +$layout-site-width = 1140px +$layout-left-block-width = 180px +$layout-right-block-width = 280px +$layout-side-padding = 10px +// +@import "layout/layout_3cols_LRbar"; + + +@media only screen and (min-width: $breakpoint-large) and (max-width: $breakpoint-large-max) + // Variables + $layout-site-width = 960px + $layout-left-block-width = 280px + $layout-right-block-width = 280px + $layout-side-padding = 10px + // + @import "layout/layout_2cols_Rbar_fixed"; + + +/*! Smaller than standard 1280 (devices and browsers) */ +@media only screen and (min-width: $breakpoint-medium) and (max-width: $breakpoint-medium-max) + // Variables + $layout-site-width = auto + $layout-left-block-width = 230px + $layout-right-block-width = 230px + $layout-side-padding = 10px + // + @import "layout/layout_2cols_Rbar_liquid"; + + +/*! All Mobile Sizes (devices and browser) */ +@media only screen and (max-width: $breakpoint-small-max) + // Variables + $layout-site-width = auto + $layout-site-max-width = none + $layout-left-block-width = 100% + $layout-right-block-width = 100% + $layout-side-padding = 10px + // + @import "layout/layout_1cols_mobile"; diff --git a/public_html/layout/denim_curve/css_src/src/stylus/sub/main_contents.styl b/public_html/layout/denim_curve/css_src/src/stylus/sub/main_contents.styl new file mode 100644 index 000000000..4307dc21d --- /dev/null +++ b/public_html/layout/denim_curve/css_src/src/stylus/sub/main_contents.styl @@ -0,0 +1,654 @@ + +$stage = 'main_contents' + +/*!-------------------------------------- + Story +--------------------------------------*/ + +/*! Container */ +.storytext + margin: 0 0 1.5em 0 + border-bottom: 1px solid $center-separator-color + /* Table */ + table + text-align: left + border-collapse: collapse + margin: 1em 0.5em + tr + margin: 0 + padding: 0 + vertical-align: middle + th, + td + margin: 0 + padding: 0.2em 0.6em + vertical-align: middle + line-height: 160% + border: 1px solid #DDD + th + font-weight: bold + background: #F5F5F5 + img + max-width: 100% + height: auto + hook-selector($stage, "" + selector()) + +/*! Story Title */ +.story_title + float: left + margin: 0 0 10px 0 + font-size: 20px + text-decoration: none + color: $story-title-color + a:link, + a:visited + color: $story-title-color + text-decoration: none + a:hover + color: $base-anker-color + text-decoration: underline + hook-selector($stage, "" + selector()) + +/*! Icon(email, print, pdf) */ +.story_icon + float: right + font-size: 18px; + a + margin-left: 5px; + // All Mobile Sizes (devices and browser) + @media only screen and (max-width: $breakpoint-small-max) + display: none + hook-selector($stage, "" + selector()) + +/*! Story(Date, Auther, Display no.) */ +.story_status + list-style-position: outside + list-style-type: none + clear: both + margin: 0 0 10px 0 + padding-left: 1em + color: $story-status-color + font-size: 85% + line-height: 1.25 + hook-selector($stage, "" + selector()) + +/*! Story Body */ +.story_introtext + margin: 0 0 2em 0 + line-height: 1.625 + clearfix() + hook-selector($stage, "" + selector()) + +/*! Topic Icon */ +.story_image + float: right + width: 48px + height: 48px + margin: 15px + & + p, + & + ul, + & + ol, + & + dl, + & + blockquote, + & + pre, + & + address, + & + fieldset, + & + figure + margin-top: 0 + hook-selector($stage, "" + selector()) + +/*! Navigation */ +.story_navi + list-style-type: none + clear: both + margin: 0 + padding-left: 0 + text-align: center + li + display: inline + margin: 0 2px + hook-selector($stage, "" + selector()) + +/*! Comment and Trackback */ +.feedback + list-style-type: none + margin: 0 0 0.5em 0 + padding-left: 0 + text-align: center + li + display: inline + margin: 0 2px + hook-selector($stage, "" + selector()) + +.article + font-size: 100% + hook-selector($stage, "" + selector()) + +/*!-------------------------------------- + Tooltips +--------------------------------------*/ + +.gl-tooltip + span + /*rtl:ignore*/ + margin-left: -999em + position: absolute + text-align: left + width: 250px + &:link, + &:visited + color: $base-anker-color + outline: none + text-decoration: none + position: relative + &:hover + span + border-radius: 8px + box-shadow: 2px 2px 8px #666 + font-size: 1em + text-align: left + white-space: normal + font-family: Calibri, Tahoma, Geneva, sans, sans-serif + position: absolute + left: 2.2em + top: 2.2em + z-index: 99 + /*rtl:ignore*/ + margin-left: 0 + width: 250px + img.icon + border: 0 + margin: -15px 0 0 -51px + float: left + position: absolute + em + font-family: Candara, Tahoma, Geneva, sans, sans-serif + font-size: 1.2em + font-weight: bold + display: block + padding: 0.2em 0 0.6em 0.4em + +#gl-tooltip-icon + border: 0 + +span + &.classic + padding: 0.8em 1em + &.custom + padding: 0.5em 0.8em 0.8em 2em + &.classic + background: #EEEEEC + border: 2px solid #555753 + &.critical + background: #F5F0F0 + border: 2px solid #A40000 + em + color: #A40000 + &.help + background: #EDF0F2 + border: 2px solid #204A87 + em + color: #204A87 + &.info + background: #EDF0F2 + border: 2px solid #204A87 + em + color: #204A87 + &.warning + background: #FCF7EF + border: 2px solid #CE5C00 + font-weight: normal + color: black + em + color: #CE5C00 + +/*!-------------------------------------- + Article Page +--------------------------------------*/ + +/*! Related Information & Story Option */ +.list-whats-related, +.list-story-options + line-height: 1.7em + margin: 0 0 0 20px + padding: 0 + +/*!-------------------------------------- + Comment Block +--------------------------------------*/ + +#commentarea + clear: both + +/*! Comment Information (Story Title | Comment Number | Username) */ +.commentbar_status + text-align: center + margin: 1em 0 + +.bar_separator + padding-left: 5px + padding-right: 5px + color: #CCC + +#commentbar + padding: 3px + background: none repeat scroll 0 0 #EEE + border-radius: 4px + clearfix() + +/*! Comment Submit Form */ +#commentbar-comment + float: left + padding: 0.3em + +#commentbar-selector + float: right + padding: 0.3em + +/*! Comment NOTE */ +.disclaimer + text-align: center + color: #666 + margin: 0.5em 0 1em + +#commentpreview + margin:0 + background:transparent + border:1px dashed grey + padding:5px 10px + +#commenteditform + margin:0 + background:#F7F7F7 + border:1px solid #E7E7E7 + padding:10px + +/*!-------------------------------------- + Comment Body +--------------------------------------*/ + +/*! Individual Comment (Tree) */ +.comment_thread + list-style-position: outside + list-style-type: none + margin: 0 0 0.5em 0 + padding: 0 + text-align: left + +/*! Individual Comment (Tree) Title */ +.thread_title + display: inline + margin: 0 + padding: 0 + +/*! Individual Comment (Tree) Auther */ +.thread_author + display: inline + margin: 0 0 0 8px + padding: 0 + &:before + content: " - " + +/*! Individual Comment */ +.block-comment-content + margin: 0 + padding: 0 + text-align: left + +/*! Individual Comment Level(Nested | Tree) */ +for num in (0..16) + .level-{num * 25} + margin-left: (num * 16)px + +/*! Comment Information */ +.comment_status + list-style-position: outside + list-style-type: none + margin: 0 + padding: 0 + +/*! Comment Title */ +.comment_title + display: block + margin: 1em 0 0.5em 0 + padding: 4px + border: 1px solid #E7E7E7 + background: #F7F7F7 + +/*! Comment Auther */ +.comment_author + display: block + margin: 0 0 1em 0 + padding: 0 + color: #666 + +/*! Comment Content */ +.comment_content + margin: 0 0 1em 0 + padding: 0 + +/*! Comment Navigation */ +.comment_navi + clear: both + color: #666 + +/*!-------------------------------------- + Report Comment Form +--------------------------------------*/ + +/*! Comment */ +.reportcomment + margin: 0 0 1em 0 + padding: 0 + border-bottom: 1px solid $center-separator-color + +/*!-------------------------------------- + Comment Submit Form +--------------------------------------*/ + +/*! Username */ +.dt-commentform-username + display: inline + +.logoutorcreateaccount + padding: 0 3px + +/*! NOTE */ +.importantstuff + margin-top: 0 + +.ul-importantstuff + margin: 0 0 0 1em + padding: 0 + +.li-importantstuff + margin: 0 0 0 8px + padding: 0 + +/*!-------------------------------------- + Breadcrumbs List +--------------------------------------*/ + +.navbar-breadcrumbs + list-style-position: outside + list-style-type: none + margin: 0 + padding: 0 + +.li-navbar-breadcrumbs + display: inline + +.a-navbar-breadcrumbs + margin: 0 8px + +/*!-------------------------------------- + Navigation +--------------------------------------*/ + +#navcontainer + width: 100% + margin-bottom: 10px + padding-bottom: 2px + font-size: 90% + line-height: normal + border-bottom: 1px solid #ddd + height: 30px + +#navlist + display: block + margin: 0 0 20px 0 + padding: 0 + list-style: none + /* Clearfixing tabs for beautiful stacking */ + &:before, + &:after + content: "" + display: block + overflow: hidden + visibility: hidden + width: 0 + height: 0 + &:after + clear: both + +.li-navlist + display: block + width: auto + height: 30px + padding: 0 + float: left + margin: 2px -1px 0 0 + #current + background: #fff + height: 29px + position: relative + top: -5px + padding-top: 5px + border-left-width: 1px + margin: 0 + color: #111 + border-top-left-radius: 3px + border-top-right-radius: 3px + border-bottom-color: #FFF + &:first-child a + border-width: 1px + border-top-left-radius: 3px + &:last-child a + border-top-right-radius: 3px + +.a-navlist + display: block + text-decoration: none + width: auto + height: 29px + padding: 0px 12px + line-height: 30px + border: solid 1px #ddd + border-width: 1px + margin: 0 + background: #f5f5f5 + &:link, + &:visited, + &:hover + color: #555 + text-decoration: none + +/*!-------------------------------------- + Page Navigation +--------------------------------------*/ + +.gl-pagenav + text-align: center + color: #CCC + margin: 0 0 1.5em + line-height: 1.4em + a, + b + display: inline-block + margin: 1px 2px + padding: 2px 7px + background: transparent + border: 1px solid #E7E7E7 + b + color: #222 + a:hover + background: #EEE + border: 1px solid #CCC + span + display: inline-block + color: #999 + a + margin: 0 + padding: 2px 0 + background: transparent + border: none + &:hover + background: transparent + border: none + .divider + padding: 0 + margin: 0 4px + +/*!-------------------------------------- + Breadcrumbs Navigation +--------------------------------------*/ + +.bc_navigation + margin: 0 0 15px + +/*!-------------------------------------- + My Account Page +--------------------------------------*/ + +#exclude_topic > .checkboxes-list > li, +#boxesblock > .checkboxes-list > li + /* display: inline */ + margin-right: 0.5em + +/*!-------------------------------------- + Access Information Page +--------------------------------------*/ + +.itemstatistics + width: 100% + margin: 0 + padding: 0 + border-collapse: collapse + th + margin: 0 + padding: 2px + text-align: left + td + margin: 0 + padding: 2px + +/*!-------------------------------------- + Trackback +--------------------------------------*/ + +/*! Trackback Block */ +#trackback + clear: both + +/*! Trackback Content */ +.block-trackback-content + border-bottom: 1px solid $center-separator-color + > p + margin: 0 0 1em 0 + +/*! Description */ +.trackback_comments_no_link + margin: 0 0 1em 0 + padding: 0 + +/*! Recept Trackback Block */ +.formattedcomment + margin: 0 0 1em 0 + padding: 0 + +/*! Recept Trackback Information */ +.trackback_status + list-style-position: outside + list-style-type: none + margin: 0 + padding: 0 + +/*! Recept Trackback Title */ +.trackback_title + margin: 0 0 0.5em 0 + padding: 4px + border: 1px solid #E7E7E7 + background: #F7F7F7 + +/*! Recept Trackback Recept Date */ +.trackback_date + margin: 0 0 0.5em 0 + padding: 0 + +/*! Recept Trackback Summary */ +.trackback_excerpt_readmore + margin: 0 0 1em 0 + padding: 0 + +/*!-------------------------------------- + Profile +--------------------------------------*/ + +/*! Account Information */ +#profile-userprofile + overflow: hidden /*! Adjust floating element */ + margin: 0 + padding: 0 + clearfix() + dt + float: left + clear: left + width: 25% + margin: 0 0 0.5em 0 + padding: 0 + dd + float: left + width: 75% + margin: 0 0 0.5em 0 + padding: 0 + +/*! Photo */ +dd#profile-user_photo + float: none + width: auto + margin-left: 25% + // All Mobile Sizes (devices and browser) + @media only screen and (max-width: $breakpoint-small-max) + margin-left: 50% + margin-bottom: 1em + +/*! Recent Submit | User Recent Comment */ +.storyrow, +.commentrow + margin: 0 + padding: 0 + a + margin: 0 8px 0 0 + padding: 0 + +/*! Submit Story | Comment Total */ +#profile-postingstats + margin: 0 + padding: 0 + dt + float: left + clear: left + width: 25% + margin: 0 0 0.5em 0 + padding: 0 + dd + float: left + width: 75% + margin: 0 0 0.5em 0 + padding: 0 + +// All Mobile Sizes (devices and browser) +@media only screen and (max-width: $breakpoint-small-max) + #profile-userprofile dt, + #profile-userprofile dd, + #profile-postingstats dt, + #profile-postingstats dd + width: 50% + +/*! User All Submit Search Link */ +#profile-all_postings_by + clear: left + padding-top: 1em + +/*!-------------------------------------- + Batch Processing Styles +--------------------------------------*/ + +.tm-updating + background-image: url(../images/throbber.gif) + background-repeat: no-repeat + background-position: 5px 4px + border-width: 1px + padding-left: 3px + +hook-root($stage) diff --git a/public_html/layout/denim_curve/css_src/src/stylus/sub/mixins.styl b/public_html/layout/denim_curve/css_src/src/stylus/sub/mixins.styl new file mode 100644 index 000000000..8aa783d2f --- /dev/null +++ b/public_html/layout/denim_curve/css_src/src/stylus/sub/mixins.styl @@ -0,0 +1,121 @@ +// Mixins +// =========================================================================== + +denim-clearfix() + content: "" + display: block + clear: both + height: 1px + //height: 0px + overflow: hidden + +layout-align-center() + margin: 0 auto + +layout-clearfix() + denim-clearfix() + +layout-site-max-width($width) + max-width: $width if $width is defined and $width != none + +admin-table($headercolor = #D9E6F3, $bordercolor = rgba(0, 0, 0, 0.2), $radius = 5px) + $headercolor = hue($headercolor, $var-base-hue) + border-collapse: separate + border-spacing: 0 + border: 1px solid $bordercolor + border-radius: $radius + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) + td, th + border-left: 1px solid $bordercolor + border-top: 1px solid $bordercolor + th + $coll = $headercolor + $cold = darken($coll,15%) + background-color: $cold + background-image: linear-gradient(top, $coll, $cold) + border-top: none + th:first-child, + td:first-child + border-left: none + th:first-child + border-radius: $radius 0 0 0 + th:last-child + border-radius: 0 $radius 0 0 + tr:last-child td:first-child + border-radius: 0 0 0 $radius + tr:last-child td:last-child + border-radius: 0 0 $radius 0 + +img-width(img) + return image-size(img)[0] + +img-height(img) + return image-size(img)[1] + +build-border(prefix) + $color = lookup(prefix + "-border-color") + $style = lookup(prefix + "-border-style") + $size = lookup(prefix + "-border-size") + $color = ($color == null) ? #000 : $color + $style = ($style == null) ? solid : $style + $size = ($size == null) ? 1px : $size + if $size != 0 + border $size $style $color + + +initvar(var, type, default_value) + if var is defined + $t = typeof(var) + if ($t == "literal" or $t == "string" or $t == "ident") and (var == "default") + default_value + + else if (type == "string") and ($t == "literal" or $t == "string" or $t == "ident") + var + + else if (type == "literal") + if $t == "string" + var = convert(var) + $t = typeof(var) + if $t == type + var + else + default_value + + else if (type == "boolean") + if ($t == type) + var + else if ($t == "unit") + if (var == 1) + return true + else if (var == 0) + return false + else + default_value + else if ($t == "literal" or $t == "string" or $t == "ident") + if (var == "true") + return true + else if (var == "false") + return false + else + default_value + else + default_value + + else if (type == "rgba") + if $t == "string" + var = convert(var) + $t = typeof(var) + if var == "transparent" + var + else if $t == type + var + else + default_value + + else if $t == type + var + + else + default_value + else + default_value diff --git a/public_html/layout/denim_curve/css_src/src/stylus/sub/theme_curve.styl b/public_html/layout/denim_curve/css_src/src/stylus/sub/theme_curve.styl new file mode 100644 index 000000000..11c41c8f0 --- /dev/null +++ b/public_html/layout/denim_curve/css_src/src/stylus/sub/theme_curve.styl @@ -0,0 +1,131 @@ +// Themme Curve +// =========================================================================== + +// mixin +bottom-space($size = 10px) + margin-bottom: $size + // All Mobile Sizes (devices and browser) + @media only screen and (max-width: $breakpoint-small-max) + margin-bottom: 0 + + +hook-root($stage = '') + + if $stage == 'base' + html + $color = $var-base-color + $hue = hue($color) + $color= hue(#3465A4, $hue) + //background: none + //background: linear-gradient(top, $color 0, #eeeeec 400px, #eeeeec 100%) + //background: linear-gradient(top, $color 0, #eeeeec 1000px) + background: linear-gradient(top, #3465A4 0, #eeeeec 390px) + + if $stage == 'block_contents' + + #container + bottom-space() + @media only screen and (min-width: $breakpoint-medium) and (max-width: $breakpoint-medium-max) + margin: 5px + box-shadow: 2px 2px 10px #ccc + box-shadow: 0 0 8px 1px #333 + @media only screen and (max-width: $breakpoint-small-max) + margin: 5px + build-border("$container") + + #header + bottom-space(12px) + + #navigation + text-shadow: 0 1px 0 #FFF + background: #dbddd9 url(../images/css/menu_bg.png) repeat-x 0 0 + border: 1px solid #939490 + margin: auto + bottom-space(12px) + //width: 95% + border-radius: 8px + box-shadow: 0px 0px 2px 1px #aaa + li a + border-right: 1px dotted #939490 + li:first-child a + border-left: 1px dotted #939490 + .uk-navbar + background: none + .uk-navbar-nav + margin: 0 1em + + .uk-navbar-nav > li > a, + .uk-navbar-nav > li > a:link, + .uk-navbar-nav > li > a:visited + text-decoration: none + text-shadow: none + color: #2E3436 + + .uk-navbar-nav > li:hover > a, + .uk-navbar-nav > li > a:focus, + .uk-navbar-nav > li.uk-open > a, + .uk-navbar-nav > li > a:active, + .uk-navbar-nav > li.uk-active > a + box-shadow: none + border-top-color: #939490 + background: #ededeb url(../images/css/menu_bg_active.png) repeat-x 0 0 + + .navigation_content + width: 100% + + + #wrapper + padding: 0px $wrapper-padding 30px + //background-color: #F7F8EC + bottom-space() + + #footer + width: auto + padding: 12px + border: 1px solid #656663 + background: #ededeb + color: #223 + border-radius: 8px + // All Mobile Sizes + @media only screen and (max-width: $breakpoint-small-max) + border: none + border-radius: 0 + color: #999 + background-color: $mobile-footer-background + a:link, + a:visited, + a:active + color: #999 + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) + + + if $stage == 'main_contents' + + .storytext + //padding: 15px + //border: 1px solid #e7e7e7 + //background-color: white + + .story_status + margin: 0 0 15px 50px + padding-top: 5px + + .story_image + float: left + margin: -60px 10px 10px 0 + + +hook-selector($stage = '', $selector = '') + + if $stage == 'layout_3cols_LRbar' + + if $selector == '#navigation' + width: (@width - 20px) + + if $stage == 'layout_2cols_Rbar_fixed' + + if $selector == '#navigation' + width: (@width - 2px) + + if $selector == '.navigation_content' + width: (@width - 2px) diff --git a/public_html/layout/denim_curve/css_src/src/stylus/sub/theme_default.styl b/public_html/layout/denim_curve/css_src/src/stylus/sub/theme_default.styl new file mode 100644 index 000000000..c7c586530 --- /dev/null +++ b/public_html/layout/denim_curve/css_src/src/stylus/sub/theme_default.styl @@ -0,0 +1,22 @@ +// Themme Default +// =========================================================================== + +$wrapper-background = transparent + +hook-selector($stage = '', $selector = '') + + if $stage == 'layout_3cols_LRbar' + + if $selector == '#header-content' + width: 1140px + + if $selector == '#footer-content' + width: 1140px + + if $stage == 'layout_2cols_Rbar_fixed' + + if $selector == '#header-content' + width: 960px + + if $selector == '#footer-content' + width: 960px diff --git a/public_html/layout/denim_curve/css_src/src/stylus/sub/variables.styl b/public_html/layout/denim_curve/css_src/src/stylus/sub/variables.styl new file mode 100644 index 000000000..65f25da67 --- /dev/null +++ b/public_html/layout/denim_curve/css_src/src/stylus/sub/variables.styl @@ -0,0 +1,13 @@ +// +// Breakpoints +// + +$breakpoint-small = 480px +$breakpoint-medium = 768px +$breakpoint-large = 963px +$breakpoint-xlarge = 1200px + +$breakpoint-mini-max = ($breakpoint-small - 1) +$breakpoint-small-max = ($breakpoint-medium - 1) +$breakpoint-medium-max = ($breakpoint-large - 1) +$breakpoint-large-max = ($breakpoint-xlarge - 1) diff --git a/public_html/layout/denim_curve/css_src/src/stylus/sub/variables_default.styl b/public_html/layout/denim_curve/css_src/src/stylus/sub/variables_default.styl new file mode 100644 index 000000000..765b0b9c5 --- /dev/null +++ b/public_html/layout/denim_curve/css_src/src/stylus/sub/variables_default.styl @@ -0,0 +1,182 @@ + +// Global Variables +// ======================================================================== + +// +// Breakpoints +// + +$breakpoint-small ?= 480px +$breakpoint-medium ?= 768px +$breakpoint-large ?= 960px +$breakpoint-xlarge ?= 1200px + +$breakpoint-mini-max = ($breakpoint-small - 1) +$breakpoint-small-max = ($breakpoint-medium - 1) +$breakpoint-medium-max = ($breakpoint-large - 1) +$breakpoint-large-max = ($breakpoint-xlarge - 1) + +$var-style-mode = initvar($var-style-mode, "unit", 1) // 1 or 2 +$var-header-style = initvar($var-header-style, "string", "normal") // "normal" or "texture" or "special" +$var-sitename-style = initvar($var-sitename-style, "string", "text") // "text" or "logo" +$var-global-navigation-style = initvar($var-global-navigation-style, "string", "normal") // "normal" or "frame" +$var-flip-horizontal = initvar($var-flip-horizontal, "boolean", false) // true or false +$var-base-color = initvar($var-base-color, "rgba", #426F9C) // Default: Professional Blue (#426F9C) +$var-adjust-hue = initvar($var-adjust-hue, "boolean", true) // true or false +$var-uikit-theme = initvar($var-uikit-theme, "string", "default") // "default", "gradient" or "almost-flat" + +if $var-sitename-style == "logo" + $var-sitename-style = "image" + +// +// Base +// + +// text +$base-text-color = initvar($base-text-color, "rgba", #222) +$base-anker-color = initvar($base-anker-color, "rgba", #2661A2) +$story-title-color = initvar($story-title-color, "rgba", $base-text-color) +$story-status-color = initvar($story-status-color, "rgba", #999) + +// table +$basic-table-th-background ?= #DAE0ED + +denim_hsl(h, s, l) + return hsl(h, round((s + 1)/256*100, 0), round((l + 1)/256*100, 0)) + +// +// Block Contents +// + +// +// Container +// + +$container-background = initvar($container-background, "rgba", #FFF) // Default: #FFF +$container-margin-top = initvar($container-margin-top, "unit", 0) // Default: 0 +$container-margin-bottom = initvar($container-margin-bottom, "unit", 0) // Default: 0 +$container-padding = initvar($container-padding, "unit", 0) // Default: 0 +$container-border-size = initvar($container-border-size, "unit", 0) // Default: 0 +$container-border-color = initvar($container-border-color, "rgba", #000) // Default: #000 +$container-border-style = initvar($container-border-style, "string", solid) // Default: solid + + +// +// Wrapper +// + +$wrapper-background = initvar($wrapper-background, "rgba", #FFF) // Default: #FFF +$wrapper-padding = initvar($wrapper-padding, "unit", 0) // Default: 0 +$wrapper-border-size = initvar($wrapper-border-size, "unit", 0) // Default: 0 +$wrapper-border-color = initvar($wrapper-border-color, "rgba", #000) // Default: #000 +$wrapper-border-style = initvar($wrapper-border-style, "string", solid) // Default: solid + + +// +// Header Block +// + +$header-height = initvar($header-height, "unit", 80px) // Default: 80px +$header-padding = initvar($header-padding, "unit", 0) // Default: 0 +$header-border-size = initvar($header-border-size, "unit", 0) // Default: 0 +$header-border-color = initvar($header-border-color, "rgba", #000) // Default: #000 +$header-border-style = initvar($header-border-style, "string", solid) // Default: solid + +//$header-background ?= #426F9C +//$header-background ?= denim_hsl(210, 104, 111) // #426F9C -> #42709E +//$header-background ?= hsl(210, 40, 43) // #426F9C -> #416D99 +//$header-background ?= hsl(210, 41, 44) // #426F9C -> #42709E +//$header-background-dark ?= #224F7C +//$header-background-dark ?= denim_hsl(210, 147, 78) // #224F7C match +//$header-background-dark ?= hsl(210, 57, 31) // #224F7C match +//$header-background-diff ?= $header-background - $header-background-dark + +$header-background = initvar($header-background, "rgba", $var-base-color) + +// Header color design type +// flat: Flat +// gradation: Professional Gradation +$header-background-design-type = initvar($header-background-design-type, "string", "gradation") // "gradation" or "flat" + +$header-background-diff ?= #426F9C - #224F7C // Geeklog default +if $header-background-design-type == "gradation" + $header-background-dark = $header-background - $header-background-diff +else //if $header-background-design-type == "flat" + $header-background-dark = $header-background + + +// +// Global Navigation +// + +//$navigation-background ?= #E7FED0 // #DDE7F1 // #E7E7E7 +$navigation-background = initvar($navigation-background, "rgba", #E7E7E7) // Default: #E7E7E7 +$navigation-padding = initvar($navigation-padding, "unit", 0) // Default: 0 +$navigation-border-size = initvar($navigation-border-size, "unit", 0) // Default: 0 +$navigation-border-color = initvar($navigation-border-color, "rgba", #000) // Default: #000 +$navigation-border-style = initvar($navigation-border-style, "string", solid) // Default: solid + + +// +// System Message Box +// + +$msgbox-title-background = initvar($msgbox-title-background, "rgba", rgb(62, 107, 152)) // Default: #3E6C9A +$msgbox-title-color = initvar($msgbox-title-color, "rgba", #EEEEEC) // Default: #EEEEEC +$msgbox-message-background = initvar($msgbox-message-background, "rgba", #EEE) // Default: #EEE +$msgbox-message-color = initvar($msgbox-message-color, "rgba", #404040) // Default: #404040 +$msgbox-border-radius = initvar($msgbox-border-radius, "unit", 6px) // Default: 6px +$msgbox-border-size = initvar($msgbox-border-size, "unit", 1px) // Default: 1px + + +// +// Center Block +// + +$center-separator-color ?= #E7E7E7 + +// +// Footer Block +// + +$footer-background = initvar($footer-background, "rgba", transparent) // Default: transparent +$footer-padding = initvar($footer-padding, "unit", 0) // Default: 0 +$footer-border-size = initvar($footer-border-size, "unit", 0) // Default: 0 +$footer-border-color = initvar($footer-border-color, "rgba", #000) // Default: #000 +$footer-border-style = initvar($footer-border-style, "string", solid) // Default: solid + +// +// Admin List Table +// + +$admin-list-table-th-background ?= $basic-table-th-background +$admin-list-table-td1-background ?= #F7F7F7 +$admin-list-table-td2-background ?= #E7E7E7 +$admin-list-table-rollover-background ?= #FFFF8F + +$admin-list-table-th-color ?= $base-text-color +$admin-list-table-td-color ?= $base-text-color + +$admin-list-table-th-background ?= #97B8DB //#92C5E8//#F3F3F3 +$admin-list-table-td1-background ?= transparent +$admin-list-table-td2-background ?= rgba(0, 0, 0, 0.02) +$admin-list-table-rollover-background ?= #F6ECBE //#F9F9F9 + +// +// Mobile +// + +$mobile-blocks-background ?= #F7F7F7 // Default: #E7E7E7 +$mobile-block-title-background ?= #3B6998 // Default: #3B6998 +$mobile-footer-background ?= #284564 // Default: #284564 + +// retrieve hue from $var-base-color +$var-base-hue = hue($var-base-color) + +// Override the hue of $var-base-color +if $var-adjust-hue == true + $msgbox-title-background = hue($msgbox-title-background, $var-base-hue) + $mobile-block-title-background = hue($mobile-block-title-background, $var-base-hue) + $mobile-footer-background = hue($mobile-footer-background, $var-base-hue) + $base-anker-color = hue($base-anker-color, $var-base-hue) + diff --git a/public_html/layout/denim_curve/functions.php b/public_html/layout/denim_curve/functions.php new file mode 100644 index 000000000..145f3aca0 --- /dev/null +++ b/public_html/layout/denim_curve/functions.php @@ -0,0 +1,224 @@ + 'gradient', + 'uikit_components' => array( + 'accordion' => 0, + 'autocomplete' => 0, + 'datepicker' => 0, + 'dotnav' => 0, + 'form_advanced' => 0, + 'form_file' => 0, + 'form_password' => 0, + 'form_select' => 0, + 'htmleditor' => 0, + 'nestable' => 0, + 'notify' => 0, + 'placeholder' => 0, + 'progress' => 1, + 'search' => 0, + 'slidenav' => 0, + 'slider' => 0, + 'slideshow' => 0, + 'sortable' => 0, + 'sticky' => 0, + 'tooltip' => 1, + 'upload' => 0, + ), + 'use_minified_css' => 0, // 1:use or 0:no_use minified css + 'header_search' => 1, // 1:show or 0:hide header searchbox + 'block_left_search' => 0, // 1:show or 0:hide left block searchbox + 'welcome_msg' => 1, // 1:show or 0:hide welcome message + 'trademark_msg' => 0, // 1:show or 0:hide trademark message on footer + 'execution_time' => 0, // 1:show or 0:hide execution time on footer + 'pagenavi_string' => 1, // 1:show or 0:hide text string of page navigation + 'header_brand_type' => 0, // 1:text or 0:image type of header brand (site name) + 'off_canvas_mode' => 2, // 0:push 1:slide 2:reveal or 3:none mode of UIkit off-canvas animation + ); + + return array( + 'image_type' => 'png', + 'doctype' => 'xhtml5', + 'supported_version_theme' => '2.0.0', // support new theme format for the later Geeklog 2.0.0 + 'theme_plugins' => 'denim', // Not requred, you can specify compatible theme of template stored with some plugins + 'theme_default' => 'denim', + 'options' => $options // Not requred, some options of this theme + ); +} + +/** + * Return an array of CSS files to be loaded + */ +function theme_css_denim_curve() +{ + global $_CONF, $LANG_DIRECTION; + + $theme_var = theme_config_denim_curve(); + + $direction = ($LANG_DIRECTION === 'rtl') ? '_rtl' : ''; + $ui_theme = ''; + if (in_array($theme_var['options']['uikit_theme'], array('gradient', 'almost-flat'))) { + $ui_theme = '.' . $theme_var['options']['uikit_theme']; + } + $min = ($theme_var['options']['use_minified_css'] === 1) ? '.min' : ''; + + $result = array(); + $result[] = array( + 'name' => 'uikit', + 'file' => '/vendor/uikit/css' . $direction . '/uikit' . $ui_theme . $min . '.css', + 'attributes' => array('media' => 'all'), + 'priority' => 80 + ); + + $result[] = array( + 'name' => 'main', // don't use the name 'theme' to control the priority + 'file' => '/layout/' . $_CONF['theme'] . '/css_' . $LANG_DIRECTION . '/style' . $ui_theme . $min . '.css', + 'attributes' => array('media' => 'all') + ); + + if (!empty($theme_var['options']['uikit_components'])) { + $uikit_components = array_merge($theme_var['options']['uikit_components']); + foreach ($uikit_components as $component => $value) { + if ($value !== 1) continue; + $componame = str_replace('_', '-', $component); + $result[] = array( + 'name' => 'uk_' . $component, + 'file' => '/vendor/uikit/css' . $direction . '/components/' . $componame . $ui_theme . $min . '.css', + 'priority' => 81 + ); + } + } + + return $result; +} + +/** + * Return an array of JS libraries to be loaded + */ +function theme_js_libs_denim_curve() +{ + return array( + array( + 'library' => 'jquery', + 'footer' => false // Not required, default = true + ) + ); +} + +/** + * Return an array of JS files to be loaded + */ +function theme_js_files_denim_curve() +{ + global $_CONF; + + $theme_var = theme_config_denim_curve(); + + $result = array(); + $result[] = array( + 'file' => '/vendor/uikit/js/uikit.js', + 'footer' => false, // Not required, default = true + 'priority' => 100 // Not required, default = 100 + ); + + $result[] = array( + 'file' => '/layout/' . $theme_var['theme_default'] . '/javascript/script.js', + 'footer' => true, // Not required, default = true + 'priority' => 100 // Not required, default = 100 + ); + + if (!empty($theme_var['options']['uikit_components'])) { + $uikit_components = array_merge($theme_var['options']['uikit_components']); + foreach ($uikit_components as $component => $value) { + if ($value !== 1) continue; + $componame = str_replace('_', '-', $component); + $result[] = array( + 'file' => '/vendor/uikit/js/components/' . $componame . '.js', + 'footer' => false, + 'priority' => 110 + ); + } + } + + return $result; +} + +/** + * Do any other initialisation here + */ +function theme_init_denim_curve() +{ + global $_BLOCK_TEMPLATE, $_CONF; + + $_CONF['left_blocks_in_footer'] = 1; + + $_CONF['theme_oauth_icons'] = 0; // Default is false (not required). Will use Geeklogs own OAuth icons for login form else use icons in theme images directory + + /* + * For left/right block support there is no longer any need for the theme to + * put code into functions.php to set specific templates for the left/right + * versions of blocks. Instead, Geeklog will automagically look for + * blocktemplate-left.thtml and blocktemplate-right.thtml if given + * blocktemplate.thtml from $_BLOCK_TEMPLATE. So, if you want different left + * and right templates from admin_block, just create blockheader-list-left.thtml + * etc. + */ + + $_BLOCK_TEMPLATE['_msg_block'] = 'blockheader-message.thtml,blockfooter-message.thtml'; + $_BLOCK_TEMPLATE['configmanager_block'] = 'blockheader-config.thtml,blockfooter-config.thtml'; + $_BLOCK_TEMPLATE['configmanager_subblock'] = 'blockheader-config.thtml,blockfooter-config.thtml'; + $_BLOCK_TEMPLATE['whats_related_block'] = 'blockheader-related.thtml,blockfooter-related.thtml'; + $_BLOCK_TEMPLATE['story_options_block'] = 'blockheader-related.thtml,blockfooter-related.thtml'; + + // Define the blocks that are a list of links styled as an unordered list - using class="blocklist" + $_BLOCK_TEMPLATE['admin_block'] = 'blockheader-list.thtml,blockfooter-list.thtml'; + $_BLOCK_TEMPLATE['section_block'] = 'blockheader-list.thtml,blockfooter-list.thtml'; + + if (!COM_isAnonUser()) { + $_BLOCK_TEMPLATE['user_block'] = 'blockheader-list.thtml,blockfooter-list.thtml'; + } +} diff --git a/public_html/layout/denim_curve/images/addchild.png b/public_html/layout/denim_curve/images/addchild.png new file mode 100644 index 000000000..4d0cc9662 Binary files /dev/null and b/public_html/layout/denim_curve/images/addchild.png differ diff --git a/public_html/layout/denim_curve/images/admin/block-left.png b/public_html/layout/denim_curve/images/admin/block-left.png new file mode 100644 index 000000000..981c8fd9d Binary files /dev/null and b/public_html/layout/denim_curve/images/admin/block-left.png differ diff --git a/public_html/layout/denim_curve/images/admin/block-right.png b/public_html/layout/denim_curve/images/admin/block-right.png new file mode 100644 index 000000000..2eb2d21f7 Binary files /dev/null and b/public_html/layout/denim_curve/images/admin/block-right.png differ diff --git a/public_html/layout/denim_curve/images/admin/disk.png b/public_html/layout/denim_curve/images/admin/disk.png new file mode 100644 index 000000000..3449c1d62 Binary files /dev/null and b/public_html/layout/denim_curve/images/admin/disk.png differ diff --git a/public_html/layout/denim_curve/images/admin/down.png b/public_html/layout/denim_curve/images/admin/down.png new file mode 100644 index 000000000..786861d5a Binary files /dev/null and b/public_html/layout/denim_curve/images/admin/down.png differ diff --git a/public_html/layout/denim_curve/images/admin/index.html b/public_html/layout/denim_curve/images/admin/index.html new file mode 100644 index 000000000..e69de29bb diff --git a/public_html/layout/denim_curve/images/admin/up.png b/public_html/layout/denim_curve/images/admin/up.png new file mode 100644 index 000000000..702375585 Binary files /dev/null and b/public_html/layout/denim_curve/images/admin/up.png differ diff --git a/public_html/layout/denim_curve/images/arrow-down.png b/public_html/layout/denim_curve/images/arrow-down.png new file mode 100644 index 000000000..11d250205 Binary files /dev/null and b/public_html/layout/denim_curve/images/arrow-down.png differ diff --git a/public_html/layout/denim_curve/images/arrow-right.png b/public_html/layout/denim_curve/images/arrow-right.png new file mode 100644 index 000000000..bd72d5612 Binary files /dev/null and b/public_html/layout/denim_curve/images/arrow-right.png differ diff --git a/public_html/layout/denim_curve/images/arrow-up.png b/public_html/layout/denim_curve/images/arrow-up.png new file mode 100644 index 000000000..1addf4fe2 Binary files /dev/null and b/public_html/layout/denim_curve/images/arrow-up.png differ diff --git a/public_html/layout/denim_curve/images/bar.gif b/public_html/layout/denim_curve/images/bar.gif new file mode 100644 index 000000000..e36799334 Binary files /dev/null and b/public_html/layout/denim_curve/images/bar.gif differ diff --git a/public_html/layout/denim_curve/images/bararrowdown.png b/public_html/layout/denim_curve/images/bararrowdown.png new file mode 100644 index 000000000..62cc165ad Binary files /dev/null and b/public_html/layout/denim_curve/images/bararrowdown.png differ diff --git a/public_html/layout/denim_curve/images/bararrowup.png b/public_html/layout/denim_curve/images/bararrowup.png new file mode 100644 index 000000000..7e018ef60 Binary files /dev/null and b/public_html/layout/denim_curve/images/bararrowup.png differ diff --git a/public_html/layout/denim_curve/images/button_help.png b/public_html/layout/denim_curve/images/button_help.png new file mode 100644 index 000000000..64cadccc5 Binary files /dev/null and b/public_html/layout/denim_curve/images/button_help.png differ diff --git a/public_html/layout/denim_curve/images/collapse.png b/public_html/layout/denim_curve/images/collapse.png new file mode 100644 index 000000000..8a34091c0 Binary files /dev/null and b/public_html/layout/denim_curve/images/collapse.png differ diff --git a/public_html/layout/denim_curve/images/copy.png b/public_html/layout/denim_curve/images/copy.png new file mode 100644 index 000000000..585579aef Binary files /dev/null and b/public_html/layout/denim_curve/images/copy.png differ diff --git a/public_html/layout/denim_curve/images/css/bg.png b/public_html/layout/denim_curve/images/css/bg.png new file mode 100644 index 000000000..6ac207a78 Binary files /dev/null and b/public_html/layout/denim_curve/images/css/bg.png differ diff --git a/public_html/layout/denim_curve/images/css/bg_header.png b/public_html/layout/denim_curve/images/css/bg_header.png new file mode 100644 index 000000000..2cbceb51b Binary files /dev/null and b/public_html/layout/denim_curve/images/css/bg_header.png differ diff --git a/public_html/layout/denim_curve/images/css/bg_message_title.png b/public_html/layout/denim_curve/images/css/bg_message_title.png new file mode 100644 index 000000000..799ff356f Binary files /dev/null and b/public_html/layout/denim_curve/images/css/bg_message_title.png differ diff --git a/public_html/layout/denim_curve/images/css/block_bg.png b/public_html/layout/denim_curve/images/css/block_bg.png new file mode 100644 index 000000000..74e668c29 Binary files /dev/null and b/public_html/layout/denim_curve/images/css/block_bg.png differ diff --git a/public_html/layout/denim_curve/images/css/index.html b/public_html/layout/denim_curve/images/css/index.html new file mode 100644 index 000000000..e69de29bb diff --git a/public_html/layout/denim_curve/images/css/menu_bg.png b/public_html/layout/denim_curve/images/css/menu_bg.png new file mode 100644 index 000000000..50611372d Binary files /dev/null and b/public_html/layout/denim_curve/images/css/menu_bg.png differ diff --git a/public_html/layout/denim_curve/images/css/menu_bg_active.png b/public_html/layout/denim_curve/images/css/menu_bg_active.png new file mode 100644 index 000000000..d21ef46b3 Binary files /dev/null and b/public_html/layout/denim_curve/images/css/menu_bg_active.png differ diff --git a/public_html/layout/denim_curve/images/css/search-left.png b/public_html/layout/denim_curve/images/css/search-left.png new file mode 100644 index 000000000..b6145a99c Binary files /dev/null and b/public_html/layout/denim_curve/images/css/search-left.png differ diff --git a/public_html/layout/denim_curve/images/css/search-right.png b/public_html/layout/denim_curve/images/css/search-right.png new file mode 100644 index 000000000..88b6774a8 Binary files /dev/null and b/public_html/layout/denim_curve/images/css/search-right.png differ diff --git a/public_html/layout/denim_curve/images/deleteitem.png b/public_html/layout/denim_curve/images/deleteitem.png new file mode 100644 index 000000000..0e0953c73 Binary files /dev/null and b/public_html/layout/denim_curve/images/deleteitem.png differ diff --git a/public_html/layout/denim_curve/images/disabled.png b/public_html/layout/denim_curve/images/disabled.png new file mode 100644 index 000000000..108111b33 Binary files /dev/null and b/public_html/layout/denim_curve/images/disabled.png differ diff --git a/public_html/layout/denim_curve/images/edit.png b/public_html/layout/denim_curve/images/edit.png new file mode 100644 index 000000000..6974602b7 Binary files /dev/null and b/public_html/layout/denim_curve/images/edit.png differ diff --git a/public_html/layout/denim_curve/images/enabled.png b/public_html/layout/denim_curve/images/enabled.png new file mode 100644 index 000000000..0985e517e Binary files /dev/null and b/public_html/layout/denim_curve/images/enabled.png differ diff --git a/public_html/layout/denim_curve/images/error.png b/public_html/layout/denim_curve/images/error.png new file mode 100644 index 000000000..68fd622b9 Binary files /dev/null and b/public_html/layout/denim_curve/images/error.png differ diff --git a/public_html/layout/denim_curve/images/expand.png b/public_html/layout/denim_curve/images/expand.png new file mode 100644 index 000000000..ab9a06aeb Binary files /dev/null and b/public_html/layout/denim_curve/images/expand.png differ diff --git a/public_html/layout/denim_curve/images/external.png b/public_html/layout/denim_curve/images/external.png new file mode 100644 index 000000000..419c06fb9 Binary files /dev/null and b/public_html/layout/denim_curve/images/external.png differ diff --git a/public_html/layout/denim_curve/images/favicon.ico b/public_html/layout/denim_curve/images/favicon.ico new file mode 100644 index 000000000..15fffada1 Binary files /dev/null and b/public_html/layout/denim_curve/images/favicon.ico differ diff --git a/public_html/layout/denim_curve/images/feed.png b/public_html/layout/denim_curve/images/feed.png new file mode 100644 index 000000000..9cb9249a9 Binary files /dev/null and b/public_html/layout/denim_curve/images/feed.png differ diff --git a/public_html/layout/denim_curve/images/header-bg.png b/public_html/layout/denim_curve/images/header-bg.png new file mode 100644 index 000000000..910d8b681 Binary files /dev/null and b/public_html/layout/denim_curve/images/header-bg.png differ diff --git a/public_html/layout/denim_curve/images/icon_info.png b/public_html/layout/denim_curve/images/icon_info.png new file mode 100644 index 000000000..98a4a18a5 Binary files /dev/null and b/public_html/layout/denim_curve/images/icon_info.png differ diff --git a/public_html/layout/denim_curve/images/icons/block.png b/public_html/layout/denim_curve/images/icons/block.png new file mode 100644 index 000000000..3df90953f Binary files /dev/null and b/public_html/layout/denim_curve/images/icons/block.png differ diff --git a/public_html/layout/denim_curve/images/icons/comment.png b/public_html/layout/denim_curve/images/icons/comment.png new file mode 100644 index 000000000..df5801e17 Binary files /dev/null and b/public_html/layout/denim_curve/images/icons/comment.png differ diff --git a/public_html/layout/denim_curve/images/icons/configuration.png b/public_html/layout/denim_curve/images/icons/configuration.png new file mode 100644 index 000000000..b4a59f158 Binary files /dev/null and b/public_html/layout/denim_curve/images/icons/configuration.png differ diff --git a/public_html/layout/denim_curve/images/icons/ctl.png b/public_html/layout/denim_curve/images/icons/ctl.png new file mode 100644 index 000000000..9b97d9166 Binary files /dev/null and b/public_html/layout/denim_curve/images/icons/ctl.png differ diff --git a/public_html/layout/denim_curve/images/icons/database.png b/public_html/layout/denim_curve/images/icons/database.png new file mode 100644 index 000000000..bd942e782 Binary files /dev/null and b/public_html/layout/denim_curve/images/icons/database.png differ diff --git a/public_html/layout/denim_curve/images/icons/delete_event.png b/public_html/layout/denim_curve/images/icons/delete_event.png new file mode 100644 index 000000000..0e0953c73 Binary files /dev/null and b/public_html/layout/denim_curve/images/icons/delete_event.png differ diff --git a/public_html/layout/denim_curve/images/icons/docs.png b/public_html/layout/denim_curve/images/icons/docs.png new file mode 100644 index 000000000..cc769390a Binary files /dev/null and b/public_html/layout/denim_curve/images/icons/docs.png differ diff --git a/public_html/layout/denim_curve/images/icons/envcheck.png b/public_html/layout/denim_curve/images/icons/envcheck.png new file mode 100644 index 000000000..bab31a4d0 Binary files /dev/null and b/public_html/layout/denim_curve/images/icons/envcheck.png differ diff --git a/public_html/layout/denim_curve/images/icons/event.png b/public_html/layout/denim_curve/images/icons/event.png new file mode 100644 index 000000000..58a211afc Binary files /dev/null and b/public_html/layout/denim_curve/images/icons/event.png differ diff --git a/public_html/layout/denim_curve/images/icons/filemanager.png b/public_html/layout/denim_curve/images/icons/filemanager.png new file mode 100644 index 000000000..d5b222fe4 Binary files /dev/null and b/public_html/layout/denim_curve/images/icons/filemanager.png differ diff --git a/public_html/layout/denim_curve/images/icons/group.png b/public_html/layout/denim_curve/images/icons/group.png new file mode 100644 index 000000000..640162c82 Binary files /dev/null and b/public_html/layout/denim_curve/images/icons/group.png differ diff --git a/public_html/layout/denim_curve/images/icons/index.html b/public_html/layout/denim_curve/images/icons/index.html new file mode 100644 index 000000000..e69de29bb diff --git a/public_html/layout/denim_curve/images/icons/language.png b/public_html/layout/denim_curve/images/icons/language.png new file mode 100644 index 000000000..383eaa6ca Binary files /dev/null and b/public_html/layout/denim_curve/images/icons/language.png differ diff --git a/public_html/layout/denim_curve/images/icons/log_viewer.png b/public_html/layout/denim_curve/images/icons/log_viewer.png new file mode 100644 index 000000000..26977c5e5 Binary files /dev/null and b/public_html/layout/denim_curve/images/icons/log_viewer.png differ diff --git a/public_html/layout/denim_curve/images/icons/logout.png b/public_html/layout/denim_curve/images/icons/logout.png new file mode 100644 index 000000000..aef06596f Binary files /dev/null and b/public_html/layout/denim_curve/images/icons/logout.png differ diff --git a/public_html/layout/denim_curve/images/icons/mail.png b/public_html/layout/denim_curve/images/icons/mail.png new file mode 100644 index 000000000..cb8f38cf5 Binary files /dev/null and b/public_html/layout/denim_curve/images/icons/mail.png differ diff --git a/public_html/layout/denim_curve/images/icons/moderation.png b/public_html/layout/denim_curve/images/icons/moderation.png new file mode 100644 index 000000000..05a26dc0b Binary files /dev/null and b/public_html/layout/denim_curve/images/icons/moderation.png differ diff --git a/public_html/layout/denim_curve/images/icons/plugins.png b/public_html/layout/denim_curve/images/icons/plugins.png new file mode 100644 index 000000000..ffe35d22c Binary files /dev/null and b/public_html/layout/denim_curve/images/icons/plugins.png differ diff --git a/public_html/layout/denim_curve/images/icons/router.png b/public_html/layout/denim_curve/images/icons/router.png new file mode 100644 index 000000000..d2647eee5 Binary files /dev/null and b/public_html/layout/denim_curve/images/icons/router.png differ diff --git a/public_html/layout/denim_curve/images/icons/story.png b/public_html/layout/denim_curve/images/icons/story.png new file mode 100644 index 000000000..3bc007f28 Binary files /dev/null and b/public_html/layout/denim_curve/images/icons/story.png differ diff --git a/public_html/layout/denim_curve/images/icons/syndication.png b/public_html/layout/denim_curve/images/icons/syndication.png new file mode 100644 index 000000000..b4bb9f5fb Binary files /dev/null and b/public_html/layout/denim_curve/images/icons/syndication.png differ diff --git a/public_html/layout/denim_curve/images/icons/topic.png b/public_html/layout/denim_curve/images/icons/topic.png new file mode 100644 index 000000000..6cdf492c0 Binary files /dev/null and b/public_html/layout/denim_curve/images/icons/topic.png differ diff --git a/public_html/layout/denim_curve/images/icons/trackback.png b/public_html/layout/denim_curve/images/icons/trackback.png new file mode 100644 index 000000000..e6b9ec828 Binary files /dev/null and b/public_html/layout/denim_curve/images/icons/trackback.png differ diff --git a/public_html/layout/denim_curve/images/icons/user.png b/public_html/layout/denim_curve/images/icons/user.png new file mode 100644 index 000000000..82ccfdd37 Binary files /dev/null and b/public_html/layout/denim_curve/images/icons/user.png differ diff --git a/public_html/layout/denim_curve/images/icons/versioncheck.png b/public_html/layout/denim_curve/images/icons/versioncheck.png new file mode 100644 index 000000000..f95b62def Binary files /dev/null and b/public_html/layout/denim_curve/images/icons/versioncheck.png differ diff --git a/public_html/layout/denim_curve/images/index.html b/public_html/layout/denim_curve/images/index.html new file mode 100644 index 000000000..e69de29bb diff --git a/public_html/layout/denim_curve/images/info.png b/public_html/layout/denim_curve/images/info.png new file mode 100644 index 000000000..286dfdb00 Binary files /dev/null and b/public_html/layout/denim_curve/images/info.png differ diff --git a/public_html/layout/denim_curve/images/install.png b/public_html/layout/denim_curve/images/install.png new file mode 100644 index 000000000..7c13db5d3 Binary files /dev/null and b/public_html/layout/denim_curve/images/install.png differ diff --git a/public_html/layout/denim_curve/images/list.png b/public_html/layout/denim_curve/images/list.png new file mode 100644 index 000000000..03429df92 Binary files /dev/null and b/public_html/layout/denim_curve/images/list.png differ diff --git a/public_html/layout/denim_curve/images/loading.gif b/public_html/layout/denim_curve/images/loading.gif new file mode 100644 index 000000000..f4ff40eda Binary files /dev/null and b/public_html/layout/denim_curve/images/loading.gif differ diff --git a/public_html/layout/denim_curve/images/logo.png b/public_html/layout/denim_curve/images/logo.png new file mode 100644 index 000000000..6e874d0af Binary files /dev/null and b/public_html/layout/denim_curve/images/logo.png differ diff --git a/public_html/layout/denim_curve/images/logo2.png b/public_html/layout/denim_curve/images/logo2.png new file mode 100644 index 000000000..8c9ffd40d Binary files /dev/null and b/public_html/layout/denim_curve/images/logo2.png differ diff --git a/public_html/layout/denim_curve/images/mail.png b/public_html/layout/denim_curve/images/mail.png new file mode 100644 index 000000000..de0199b46 Binary files /dev/null and b/public_html/layout/denim_curve/images/mail.png differ diff --git a/public_html/layout/denim_curve/images/navbar/button.gif b/public_html/layout/denim_curve/images/navbar/button.gif new file mode 100644 index 000000000..5b409e1d6 Binary files /dev/null and b/public_html/layout/denim_curve/images/navbar/button.gif differ diff --git a/public_html/layout/denim_curve/images/navbar/button_over.gif b/public_html/layout/denim_curve/images/navbar/button_over.gif new file mode 100644 index 000000000..42bd25cc1 Binary files /dev/null and b/public_html/layout/denim_curve/images/navbar/button_over.gif differ diff --git a/public_html/layout/denim_curve/images/navbar/index.html b/public_html/layout/denim_curve/images/navbar/index.html new file mode 100644 index 000000000..e69de29bb diff --git a/public_html/layout/denim_curve/images/person.png b/public_html/layout/denim_curve/images/person.png new file mode 100644 index 000000000..28d3c8d91 Binary files /dev/null and b/public_html/layout/denim_curve/images/person.png differ diff --git a/public_html/layout/denim_curve/images/print.png b/public_html/layout/denim_curve/images/print.png new file mode 100644 index 000000000..12a4e39dd Binary files /dev/null and b/public_html/layout/denim_curve/images/print.png differ diff --git a/public_html/layout/denim_curve/images/search-l.png b/public_html/layout/denim_curve/images/search-l.png new file mode 100644 index 000000000..838919f02 Binary files /dev/null and b/public_html/layout/denim_curve/images/search-l.png differ diff --git a/public_html/layout/denim_curve/images/search.png b/public_html/layout/denim_curve/images/search.png new file mode 100644 index 000000000..0f0e9d1e9 Binary files /dev/null and b/public_html/layout/denim_curve/images/search.png differ diff --git a/public_html/layout/denim_curve/images/sendping.png b/public_html/layout/denim_curve/images/sendping.png new file mode 100644 index 000000000..58f19c68b Binary files /dev/null and b/public_html/layout/denim_curve/images/sendping.png differ diff --git a/public_html/layout/denim_curve/images/smallcamera.png b/public_html/layout/denim_curve/images/smallcamera.png new file mode 100644 index 000000000..70ba05fb4 Binary files /dev/null and b/public_html/layout/denim_curve/images/smallcamera.png differ diff --git a/public_html/layout/denim_curve/images/success.png b/public_html/layout/denim_curve/images/success.png new file mode 100644 index 000000000..0985e517e Binary files /dev/null and b/public_html/layout/denim_curve/images/success.png differ diff --git a/public_html/layout/denim_curve/images/sysmessage.png b/public_html/layout/denim_curve/images/sysmessage.png new file mode 100644 index 000000000..d6047e606 Binary files /dev/null and b/public_html/layout/denim_curve/images/sysmessage.png differ diff --git a/public_html/layout/denim_curve/images/texture.jpg b/public_html/layout/denim_curve/images/texture.jpg new file mode 100644 index 000000000..f4b3cfae2 Binary files /dev/null and b/public_html/layout/denim_curve/images/texture.jpg differ diff --git a/public_html/layout/denim_curve/images/throbber.gif b/public_html/layout/denim_curve/images/throbber.gif new file mode 100644 index 000000000..27178a8cf Binary files /dev/null and b/public_html/layout/denim_curve/images/throbber.gif differ diff --git a/public_html/layout/denim_curve/images/tooltips/critical.png b/public_html/layout/denim_curve/images/tooltips/critical.png new file mode 100644 index 000000000..f9b5940fd Binary files /dev/null and b/public_html/layout/denim_curve/images/tooltips/critical.png differ diff --git a/public_html/layout/denim_curve/images/tooltips/help.png b/public_html/layout/denim_curve/images/tooltips/help.png new file mode 100644 index 000000000..33e163a86 Binary files /dev/null and b/public_html/layout/denim_curve/images/tooltips/help.png differ diff --git a/public_html/layout/denim_curve/images/tooltips/info.png b/public_html/layout/denim_curve/images/tooltips/info.png new file mode 100644 index 000000000..b629431fe Binary files /dev/null and b/public_html/layout/denim_curve/images/tooltips/info.png differ diff --git a/public_html/layout/denim_curve/images/tooltips/tooltip.png b/public_html/layout/denim_curve/images/tooltips/tooltip.png new file mode 100644 index 000000000..658ed5105 Binary files /dev/null and b/public_html/layout/denim_curve/images/tooltips/tooltip.png differ diff --git a/public_html/layout/denim_curve/images/tooltips/warning.png b/public_html/layout/denim_curve/images/tooltips/warning.png new file mode 100644 index 000000000..76d314470 Binary files /dev/null and b/public_html/layout/denim_curve/images/tooltips/warning.png differ diff --git a/public_html/layout/denim_curve/images/unavailable.png b/public_html/layout/denim_curve/images/unavailable.png new file mode 100644 index 000000000..68fd622b9 Binary files /dev/null and b/public_html/layout/denim_curve/images/unavailable.png differ diff --git a/public_html/layout/denim_curve/images/update.png b/public_html/layout/denim_curve/images/update.png new file mode 100644 index 000000000..ab8d494bb Binary files /dev/null and b/public_html/layout/denim_curve/images/update.png differ diff --git a/public_html/layout/denim_curve/images/warning.png b/public_html/layout/denim_curve/images/warning.png new file mode 100644 index 000000000..304fd8655 Binary files /dev/null and b/public_html/layout/denim_curve/images/warning.png differ diff --git a/public_html/layout/denim_curve/jquery_ui/images/index.html b/public_html/layout/denim_curve/jquery_ui/images/index.html new file mode 100644 index 000000000..e69de29bb diff --git a/public_html/layout/denim_curve/jquery_ui/images/ui-bg_flat_0_aaaaaa_40x100.png b/public_html/layout/denim_curve/jquery_ui/images/ui-bg_flat_0_aaaaaa_40x100.png new file mode 100644 index 000000000..da2bb7cd9 Binary files /dev/null and b/public_html/layout/denim_curve/jquery_ui/images/ui-bg_flat_0_aaaaaa_40x100.png differ diff --git a/public_html/layout/denim_curve/jquery_ui/images/ui-bg_flat_55_fbec88_40x100.png b/public_html/layout/denim_curve/jquery_ui/images/ui-bg_flat_55_fbec88_40x100.png new file mode 100644 index 000000000..bdce5733e Binary files /dev/null and b/public_html/layout/denim_curve/jquery_ui/images/ui-bg_flat_55_fbec88_40x100.png differ diff --git a/public_html/layout/denim_curve/jquery_ui/images/ui-bg_glass_75_d0e5f5_1x400.png b/public_html/layout/denim_curve/jquery_ui/images/ui-bg_glass_75_d0e5f5_1x400.png new file mode 100644 index 000000000..c0c9cb781 Binary files /dev/null and b/public_html/layout/denim_curve/jquery_ui/images/ui-bg_glass_75_d0e5f5_1x400.png differ diff --git a/public_html/layout/denim_curve/jquery_ui/images/ui-bg_glass_85_dfeffc_1x400.png b/public_html/layout/denim_curve/jquery_ui/images/ui-bg_glass_85_dfeffc_1x400.png new file mode 100644 index 000000000..b2b2634ce Binary files /dev/null and b/public_html/layout/denim_curve/jquery_ui/images/ui-bg_glass_85_dfeffc_1x400.png differ diff --git a/public_html/layout/denim_curve/jquery_ui/images/ui-bg_glass_95_fef1ec_1x400.png b/public_html/layout/denim_curve/jquery_ui/images/ui-bg_glass_95_fef1ec_1x400.png new file mode 100644 index 000000000..8c570aa63 Binary files /dev/null and b/public_html/layout/denim_curve/jquery_ui/images/ui-bg_glass_95_fef1ec_1x400.png differ diff --git a/public_html/layout/denim_curve/jquery_ui/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png b/public_html/layout/denim_curve/jquery_ui/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png new file mode 100644 index 000000000..44a0fffcf Binary files /dev/null and b/public_html/layout/denim_curve/jquery_ui/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png differ diff --git a/public_html/layout/denim_curve/jquery_ui/images/ui-bg_inset-hard_100_f5f8f9_1x100.png b/public_html/layout/denim_curve/jquery_ui/images/ui-bg_inset-hard_100_f5f8f9_1x100.png new file mode 100644 index 000000000..9aa43667a Binary files /dev/null and b/public_html/layout/denim_curve/jquery_ui/images/ui-bg_inset-hard_100_f5f8f9_1x100.png differ diff --git a/public_html/layout/denim_curve/jquery_ui/images/ui-bg_inset-hard_100_fcfdfd_1x100.png b/public_html/layout/denim_curve/jquery_ui/images/ui-bg_inset-hard_100_fcfdfd_1x100.png new file mode 100644 index 000000000..c8e313b73 Binary files /dev/null and b/public_html/layout/denim_curve/jquery_ui/images/ui-bg_inset-hard_100_fcfdfd_1x100.png differ diff --git a/public_html/layout/denim_curve/jquery_ui/images/ui-icons_217bc0_256x240.png b/public_html/layout/denim_curve/jquery_ui/images/ui-icons_217bc0_256x240.png new file mode 100644 index 000000000..6f810c703 Binary files /dev/null and b/public_html/layout/denim_curve/jquery_ui/images/ui-icons_217bc0_256x240.png differ diff --git a/public_html/layout/denim_curve/jquery_ui/images/ui-icons_2e83ff_256x240.png b/public_html/layout/denim_curve/jquery_ui/images/ui-icons_2e83ff_256x240.png new file mode 100644 index 000000000..429489e65 Binary files /dev/null and b/public_html/layout/denim_curve/jquery_ui/images/ui-icons_2e83ff_256x240.png differ diff --git a/public_html/layout/denim_curve/jquery_ui/images/ui-icons_469bdd_256x240.png b/public_html/layout/denim_curve/jquery_ui/images/ui-icons_469bdd_256x240.png new file mode 100644 index 000000000..b8b1daa63 Binary files /dev/null and b/public_html/layout/denim_curve/jquery_ui/images/ui-icons_469bdd_256x240.png differ diff --git a/public_html/layout/denim_curve/jquery_ui/images/ui-icons_6da8d5_256x240.png b/public_html/layout/denim_curve/jquery_ui/images/ui-icons_6da8d5_256x240.png new file mode 100644 index 000000000..912b64a4f Binary files /dev/null and b/public_html/layout/denim_curve/jquery_ui/images/ui-icons_6da8d5_256x240.png differ diff --git a/public_html/layout/denim_curve/jquery_ui/images/ui-icons_cd0a0a_256x240.png b/public_html/layout/denim_curve/jquery_ui/images/ui-icons_cd0a0a_256x240.png new file mode 100644 index 000000000..f51e31d38 Binary files /dev/null and b/public_html/layout/denim_curve/jquery_ui/images/ui-icons_cd0a0a_256x240.png differ diff --git a/public_html/layout/denim_curve/jquery_ui/images/ui-icons_d8e7f3_256x240.png b/public_html/layout/denim_curve/jquery_ui/images/ui-icons_d8e7f3_256x240.png new file mode 100644 index 000000000..f5531a044 Binary files /dev/null and b/public_html/layout/denim_curve/jquery_ui/images/ui-icons_d8e7f3_256x240.png differ diff --git a/public_html/layout/denim_curve/jquery_ui/images/ui-icons_f9bd01_256x240.png b/public_html/layout/denim_curve/jquery_ui/images/ui-icons_f9bd01_256x240.png new file mode 100644 index 000000000..c87e6b1fe Binary files /dev/null and b/public_html/layout/denim_curve/jquery_ui/images/ui-icons_f9bd01_256x240.png differ diff --git a/public_html/layout/denim_curve/jquery_ui/index.html b/public_html/layout/denim_curve/jquery_ui/index.html new file mode 100644 index 000000000..e69de29bb diff --git a/public_html/layout/denim_curve/jquery_ui/jquery-ui.css b/public_html/layout/denim_curve/jquery_ui/jquery-ui.css new file mode 100644 index 000000000..f0ff86eb8 --- /dev/null +++ b/public_html/layout/denim_curve/jquery_ui/jquery-ui.css @@ -0,0 +1,1225 @@ +/*! jQuery UI - v1.11.4 - 2015-09-18 +* http://jqueryui.com +* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css +* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande%2CLucida%20Sans%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=5c9ccc&bgTextureHeader=gloss_wave&bgImgOpacityHeader=55&borderColorHeader=4297d7&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=inset_hard&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=dfeffc&bgTextureDefault=glass&bgImgOpacityDefault=85&borderColorDefault=c5dbec&fcDefault=2e6e9e&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=79b7e7&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=inset_hard&bgImgOpacityActive=100&borderColorActive=79b7e7&fcActive=e17009&iconColorActive=f9bd01&bgColorHighlight=fbec88&bgTextureHighlight=flat&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px +* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */ + +/* Layout helpers +----------------------------------*/ +.ui-helper-hidden { + display: none; +} +.ui-helper-hidden-accessible { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} +.ui-helper-reset { + margin: 0; + padding: 0; + border: 0; + outline: 0; + line-height: 1.3; + text-decoration: none; + font-size: 100%; + list-style: none; +} +.ui-helper-clearfix:before, +.ui-helper-clearfix:after { + content: ""; + display: table; + border-collapse: collapse; +} +.ui-helper-clearfix:after { + clear: both; +} +.ui-helper-clearfix { + min-height: 0; /* support: IE7 */ +} +.ui-helper-zfix { + width: 100%; + height: 100%; + top: 0; + left: 0; + position: absolute; + opacity: 0; + filter:Alpha(Opacity=0); /* support: IE8 */ +} + +.ui-front { + z-index: 100; +} + + +/* Interaction Cues +----------------------------------*/ +.ui-state-disabled { + cursor: default !important; +} + + +/* Icons +----------------------------------*/ + +/* states and images */ +.ui-icon { + display: block; + text-indent: -99999px; + overflow: hidden; + background-repeat: no-repeat; +} + + +/* Misc visuals +----------------------------------*/ + +/* Overlays */ +.ui-widget-overlay { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +.ui-draggable-handle { + -ms-touch-action: none; + touch-action: none; +} +.ui-resizable { + position: relative; +} +.ui-resizable-handle { + position: absolute; + font-size: 0.1px; + display: block; + -ms-touch-action: none; + touch-action: none; +} +.ui-resizable-disabled .ui-resizable-handle, +.ui-resizable-autohide .ui-resizable-handle { + display: none; +} +.ui-resizable-n { + cursor: n-resize; + height: 7px; + width: 100%; + top: -5px; + left: 0; +} +.ui-resizable-s { + cursor: s-resize; + height: 7px; + width: 100%; + bottom: -5px; + left: 0; +} +.ui-resizable-e { + cursor: e-resize; + width: 7px; + right: -5px; + top: 0; + height: 100%; +} +.ui-resizable-w { + cursor: w-resize; + width: 7px; + left: -5px; + top: 0; + height: 100%; +} +.ui-resizable-se { + cursor: se-resize; + width: 12px; + height: 12px; + right: 1px; + bottom: 1px; +} +.ui-resizable-sw { + cursor: sw-resize; + width: 9px; + height: 9px; + left: -5px; + bottom: -5px; +} +.ui-resizable-nw { + cursor: nw-resize; + width: 9px; + height: 9px; + left: -5px; + top: -5px; +} +.ui-resizable-ne { + cursor: ne-resize; + width: 9px; + height: 9px; + right: -5px; + top: -5px; +} +.ui-selectable { + -ms-touch-action: none; + touch-action: none; +} +.ui-selectable-helper { + position: absolute; + z-index: 100; + border: 1px dotted black; +} +.ui-sortable-handle { + -ms-touch-action: none; + touch-action: none; +} +.ui-accordion .ui-accordion-header { + display: block; + cursor: pointer; + position: relative; + margin: 2px 0 0 0; + padding: .5em .5em .5em .7em; + min-height: 0; /* support: IE7 */ + font-size: 100%; +} +.ui-accordion .ui-accordion-icons { + padding-left: 2.2em; +} +.ui-accordion .ui-accordion-icons .ui-accordion-icons { + padding-left: 2.2em; +} +.ui-accordion .ui-accordion-header .ui-accordion-header-icon { + position: absolute; + left: .5em; + top: 50%; + margin-top: -8px; +} +.ui-accordion .ui-accordion-content { + padding: 1em 2.2em; + border-top: 0; + overflow: auto; +} +.ui-autocomplete { + position: absolute; + top: 0; + left: 0; + cursor: default; +} +.ui-button { + display: inline-block; + position: relative; + padding: 0; + line-height: normal; + margin-right: .1em; + cursor: pointer; + vertical-align: middle; + text-align: center; + overflow: visible; /* removes extra width in IE */ +} +.ui-button, +.ui-button:link, +.ui-button:visited, +.ui-button:hover, +.ui-button:active { + text-decoration: none; +} +/* to make room for the icon, a width needs to be set here */ +.ui-button-icon-only { + width: 2.2em; +} +/* button elements seem to need a little more width */ +button.ui-button-icon-only { + width: 2.4em; +} +.ui-button-icons-only { + width: 3.4em; +} +button.ui-button-icons-only { + width: 3.7em; +} + +/* button text element */ +.ui-button .ui-button-text { + display: block; + line-height: normal; +} +.ui-button-text-only .ui-button-text { + padding: .4em 1em; +} +.ui-button-icon-only .ui-button-text, +.ui-button-icons-only .ui-button-text { + padding: .4em; + text-indent: -9999999px; +} +.ui-button-text-icon-primary .ui-button-text, +.ui-button-text-icons .ui-button-text { + padding: .4em 1em .4em 2.1em; +} +.ui-button-text-icon-secondary .ui-button-text, +.ui-button-text-icons .ui-button-text { + padding: .4em 2.1em .4em 1em; +} +.ui-button-text-icons .ui-button-text { + padding-left: 2.1em; + padding-right: 2.1em; +} +/* no icon support for input elements, provide padding by default */ +input.ui-button { + padding: .4em 1em; +} + +/* button icon element(s) */ +.ui-button-icon-only .ui-icon, +.ui-button-text-icon-primary .ui-icon, +.ui-button-text-icon-secondary .ui-icon, +.ui-button-text-icons .ui-icon, +.ui-button-icons-only .ui-icon { + position: absolute; + top: 50%; + margin-top: -8px; +} +.ui-button-icon-only .ui-icon { + left: 50%; + margin-left: -8px; +} +.ui-button-text-icon-primary .ui-button-icon-primary, +.ui-button-text-icons .ui-button-icon-primary, +.ui-button-icons-only .ui-button-icon-primary { + left: .5em; +} +.ui-button-text-icon-secondary .ui-button-icon-secondary, +.ui-button-text-icons .ui-button-icon-secondary, +.ui-button-icons-only .ui-button-icon-secondary { + right: .5em; +} + +/* button sets */ +.ui-buttonset { + margin-right: 7px; +} +.ui-buttonset .ui-button { + margin-left: 0; + margin-right: -.3em; +} + +/* workarounds */ +/* reset extra padding in Firefox, see h5bp.com/l */ +input.ui-button::-moz-focus-inner, +button.ui-button::-moz-focus-inner { + border: 0; + padding: 0; +} +.ui-datepicker { + width: 17em; + padding: .2em .2em 0; + display: none; +} +.ui-datepicker .ui-datepicker-header { + position: relative; + padding: .2em 0; +} +.ui-datepicker .ui-datepicker-prev, +.ui-datepicker .ui-datepicker-next { + position: absolute; + top: 2px; + width: 1.8em; + height: 1.8em; +} +.ui-datepicker .ui-datepicker-prev-hover, +.ui-datepicker .ui-datepicker-next-hover { + top: 1px; +} +.ui-datepicker .ui-datepicker-prev { + left: 2px; +} +.ui-datepicker .ui-datepicker-next { + right: 2px; +} +.ui-datepicker .ui-datepicker-prev-hover { + left: 1px; +} +.ui-datepicker .ui-datepicker-next-hover { + right: 1px; +} +.ui-datepicker .ui-datepicker-prev span, +.ui-datepicker .ui-datepicker-next span { + display: block; + position: absolute; + left: 50%; + margin-left: -8px; + top: 50%; + margin-top: -8px; +} +.ui-datepicker .ui-datepicker-title { + margin: 0 2.3em; + line-height: 1.8em; + text-align: center; +} +.ui-datepicker .ui-datepicker-title select { + font-size: 1em; + margin: 1px 0; +} +.ui-datepicker select.ui-datepicker-month, +.ui-datepicker select.ui-datepicker-year { + width: 45%; +} +.ui-datepicker table { + width: 100%; + font-size: .9em; + border-collapse: collapse; + margin: 0 0 .4em; +} +.ui-datepicker th { + padding: .7em .3em; + text-align: center; + font-weight: bold; + border: 0; +} +.ui-datepicker td { + border: 0; + padding: 1px; +} +.ui-datepicker td span, +.ui-datepicker td a { + display: block; + padding: .2em; + text-align: right; + text-decoration: none; +} +.ui-datepicker .ui-datepicker-buttonpane { + background-image: none; + margin: .7em 0 0 0; + padding: 0 .2em; + border-left: 0; + border-right: 0; + border-bottom: 0; +} +.ui-datepicker .ui-datepicker-buttonpane button { + float: right; + margin: .5em .2em .4em; + cursor: pointer; + padding: .2em .6em .3em .6em; + width: auto; + overflow: visible; +} +.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { + float: left; +} + +/* with multiple calendars */ +.ui-datepicker.ui-datepicker-multi { + width: auto; +} +.ui-datepicker-multi .ui-datepicker-group { + float: left; +} +.ui-datepicker-multi .ui-datepicker-group table { + width: 95%; + margin: 0 auto .4em; +} +.ui-datepicker-multi-2 .ui-datepicker-group { + width: 50%; +} +.ui-datepicker-multi-3 .ui-datepicker-group { + width: 33.3%; +} +.ui-datepicker-multi-4 .ui-datepicker-group { + width: 25%; +} +.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, +.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { + border-left-width: 0; +} +.ui-datepicker-multi .ui-datepicker-buttonpane { + clear: left; +} +.ui-datepicker-row-break { + clear: both; + width: 100%; + font-size: 0; +} + +/* RTL support */ +.ui-datepicker-rtl { + direction: rtl; +} +.ui-datepicker-rtl .ui-datepicker-prev { + right: 2px; + left: auto; +} +.ui-datepicker-rtl .ui-datepicker-next { + left: 2px; + right: auto; +} +.ui-datepicker-rtl .ui-datepicker-prev:hover { + right: 1px; + left: auto; +} +.ui-datepicker-rtl .ui-datepicker-next:hover { + left: 1px; + right: auto; +} +.ui-datepicker-rtl .ui-datepicker-buttonpane { + clear: right; +} +.ui-datepicker-rtl .ui-datepicker-buttonpane button { + float: left; +} +.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, +.ui-datepicker-rtl .ui-datepicker-group { + float: right; +} +.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, +.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { + border-right-width: 0; + border-left-width: 1px; +} +.ui-dialog { + overflow: hidden; + position: absolute; + top: 0; + left: 0; + padding: .2em; + outline: 0; +} +.ui-dialog .ui-dialog-titlebar { + padding: .4em 1em; + position: relative; +} +.ui-dialog .ui-dialog-title { + float: left; + margin: .1em 0; + white-space: nowrap; + width: 90%; + overflow: hidden; + text-overflow: ellipsis; +} +.ui-dialog .ui-dialog-titlebar-close { + position: absolute; + right: .3em; + top: 50%; + width: 20px; + margin: -10px 0 0 0; + padding: 1px; + height: 20px; +} +.ui-dialog .ui-dialog-content { + position: relative; + border: 0; + padding: .5em 1em; + background: none; + overflow: auto; +} +.ui-dialog .ui-dialog-buttonpane { + text-align: left; + border-width: 1px 0 0 0; + background-image: none; + margin-top: .5em; + padding: .3em 1em .5em .4em; +} +.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { + float: right; +} +.ui-dialog .ui-dialog-buttonpane button { + margin: .5em .4em .5em 0; + cursor: pointer; +} +.ui-dialog .ui-resizable-se { + width: 12px; + height: 12px; + right: -5px; + bottom: -5px; + background-position: 16px 16px; +} +.ui-draggable .ui-dialog-titlebar { + cursor: move; +} +.ui-menu { + list-style: none; + padding: 0; + margin: 0; + display: block; + outline: none; +} +.ui-menu .ui-menu { + position: absolute; +} +.ui-menu .ui-menu-item { + position: relative; + margin: 0; + padding: 3px 1em 3px .4em; + cursor: pointer; + min-height: 0; /* support: IE7 */ + /* support: IE10, see #8844 */ + list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); +} +.ui-menu .ui-menu-divider { + margin: 5px 0; + height: 0; + font-size: 0; + line-height: 0; + border-width: 1px 0 0 0; +} +.ui-menu .ui-state-focus, +.ui-menu .ui-state-active { + margin: -1px; +} + +/* icon support */ +.ui-menu-icons { + position: relative; +} +.ui-menu-icons .ui-menu-item { + padding-left: 2em; +} + +/* left-aligned */ +.ui-menu .ui-icon { + position: absolute; + top: 0; + bottom: 0; + left: .2em; + margin: auto 0; +} + +/* right-aligned */ +.ui-menu .ui-menu-icon { + left: auto; + right: 0; +} +.ui-progressbar { + height: 2em; + text-align: left; + overflow: hidden; +} +.ui-progressbar .ui-progressbar-value { + margin: -1px; + height: 100%; +} +.ui-progressbar .ui-progressbar-overlay { + background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); + height: 100%; + filter: alpha(opacity=25); /* support: IE8 */ + opacity: 0.25; +} +.ui-progressbar-indeterminate .ui-progressbar-value { + background-image: none; +} +.ui-selectmenu-menu { + padding: 0; + margin: 0; + position: absolute; + top: 0; + left: 0; + display: none; +} +.ui-selectmenu-menu .ui-menu { + overflow: auto; + /* Support: IE7 */ + overflow-x: hidden; + padding-bottom: 1px; +} +.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { + font-size: 1em; + font-weight: bold; + line-height: 1.5; + padding: 2px 0.4em; + margin: 0.5em 0 0 0; + height: auto; + border: 0; +} +.ui-selectmenu-open { + display: block; +} +.ui-selectmenu-button { + display: inline-block; + overflow: hidden; + position: relative; + text-decoration: none; + cursor: pointer; +} +.ui-selectmenu-button span.ui-icon { + right: 0.5em; + left: auto; + margin-top: -8px; + position: absolute; + top: 50%; +} +.ui-selectmenu-button span.ui-selectmenu-text { + text-align: left; + padding: 0.4em 2.1em 0.4em 1em; + display: block; + line-height: 1.4; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.ui-slider { + position: relative; + text-align: left; +} +.ui-slider .ui-slider-handle { + position: absolute; + z-index: 2; + width: 1.2em; + height: 1.2em; + cursor: default; + -ms-touch-action: none; + touch-action: none; +} +.ui-slider .ui-slider-range { + position: absolute; + z-index: 1; + font-size: .7em; + display: block; + border: 0; + background-position: 0 0; +} + +/* support: IE8 - See #6727 */ +.ui-slider.ui-state-disabled .ui-slider-handle, +.ui-slider.ui-state-disabled .ui-slider-range { + filter: inherit; +} + +.ui-slider-horizontal { + height: .8em; +} +.ui-slider-horizontal .ui-slider-handle { + top: -.3em; + margin-left: -.6em; +} +.ui-slider-horizontal .ui-slider-range { + top: 0; + height: 100%; +} +.ui-slider-horizontal .ui-slider-range-min { + left: 0; +} +.ui-slider-horizontal .ui-slider-range-max { + right: 0; +} + +.ui-slider-vertical { + width: .8em; + height: 100px; +} +.ui-slider-vertical .ui-slider-handle { + left: -.3em; + margin-left: 0; + margin-bottom: -.6em; +} +.ui-slider-vertical .ui-slider-range { + left: 0; + width: 100%; +} +.ui-slider-vertical .ui-slider-range-min { + bottom: 0; +} +.ui-slider-vertical .ui-slider-range-max { + top: 0; +} +.ui-spinner { + position: relative; + display: inline-block; + overflow: hidden; + padding: 0; + vertical-align: middle; +} +.ui-spinner-input { + border: none; + background: none; + color: inherit; + padding: 0; + margin: .2em 0; + vertical-align: middle; + margin-left: .4em; + margin-right: 22px; +} +.ui-spinner-button { + width: 16px; + height: 50%; + font-size: .5em; + padding: 0; + margin: 0; + text-align: center; + position: absolute; + cursor: default; + display: block; + overflow: hidden; + right: 0; +} +/* more specificity required here to override default borders */ +.ui-spinner a.ui-spinner-button { + border-top: none; + border-bottom: none; + border-right: none; +} +/* vertically center icon */ +.ui-spinner .ui-icon { + position: absolute; + margin-top: -8px; + top: 50%; + left: 0; +} +.ui-spinner-up { + top: 0; +} +.ui-spinner-down { + bottom: 0; +} + +/* TR overrides */ +.ui-spinner .ui-icon-triangle-1-s { + /* need to fix icons sprite */ + background-position: -65px -16px; +} +.ui-tabs { + position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ + padding: .2em; +} +.ui-tabs .ui-tabs-nav { + margin: 0; + padding: .2em .2em 0; +} +.ui-tabs .ui-tabs-nav li { + list-style: none; + float: left; + position: relative; + top: 0; + margin: 1px .2em 0 0; + border-bottom-width: 0; + padding: 0; + white-space: nowrap; +} +.ui-tabs .ui-tabs-nav .ui-tabs-anchor { + float: left; + padding: .5em 1em; + text-decoration: none; +} +.ui-tabs .ui-tabs-nav li.ui-tabs-active { + margin-bottom: -1px; + padding-bottom: 1px; +} +.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, +.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, +.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { + cursor: text; +} +.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { + cursor: pointer; +} +.ui-tabs .ui-tabs-panel { + display: block; + border-width: 0; + padding: 1em 1.4em; + background: none; +} +.ui-tooltip { + padding: 8px; + position: absolute; + z-index: 9999; + max-width: 300px; + -webkit-box-shadow: 0 0 5px #aaa; + box-shadow: 0 0 5px #aaa; +} +body .ui-tooltip { + border-width: 2px; +} + +/* Component containers +----------------------------------*/ +.ui-widget { + font-family: Lucida Grande,Lucida Sans,Arial,sans-serif; + font-size: 1.1em; +} +.ui-widget .ui-widget { + font-size: 1em; +} +.ui-widget input, +.ui-widget select, +.ui-widget textarea, +.ui-widget button { + font-family: Lucida Grande,Lucida Sans,Arial,sans-serif; + font-size: 1em; +} +.ui-widget-content { + border: 1px solid #a6c9e2; + background: #fcfdfd url("images/ui-bg_inset-hard_100_fcfdfd_1x100.png") 50% bottom repeat-x; + color: #222222; +} +.ui-widget-content a { + color: #222222; +} +.ui-widget-header { + border: 1px solid #4297d7; + background: #5c9ccc url("images/ui-bg_gloss-wave_55_5c9ccc_500x100.png") 50% 50% repeat-x; + color: #ffffff; + font-weight: bold; +} +.ui-widget-header a { + color: #ffffff; +} + +/* Interaction states +----------------------------------*/ +.ui-state-default, +.ui-widget-content .ui-state-default, +.ui-widget-header .ui-state-default { + border: 1px solid #c5dbec; + background: #dfeffc url("images/ui-bg_glass_85_dfeffc_1x400.png") 50% 50% repeat-x; + font-weight: bold; + color: #2e6e9e; +} +.ui-state-default a, +.ui-state-default a:link, +.ui-state-default a:visited { + color: #2e6e9e; + text-decoration: none; +} +.ui-state-hover, +.ui-widget-content .ui-state-hover, +.ui-widget-header .ui-state-hover, +.ui-state-focus, +.ui-widget-content .ui-state-focus, +.ui-widget-header .ui-state-focus { + border: 1px solid #79b7e7; + background: #d0e5f5 url("images/ui-bg_glass_75_d0e5f5_1x400.png") 50% 50% repeat-x; + font-weight: bold; + color: #1d5987; +} +.ui-state-hover a, +.ui-state-hover a:hover, +.ui-state-hover a:link, +.ui-state-hover a:visited, +.ui-state-focus a, +.ui-state-focus a:hover, +.ui-state-focus a:link, +.ui-state-focus a:visited { + color: #1d5987; + text-decoration: none; +} +.ui-state-active, +.ui-widget-content .ui-state-active, +.ui-widget-header .ui-state-active { + border: 1px solid #79b7e7; + background: #f5f8f9 url("images/ui-bg_inset-hard_100_f5f8f9_1x100.png") 50% 50% repeat-x; + font-weight: bold; + color: #e17009; +} +.ui-state-active a, +.ui-state-active a:link, +.ui-state-active a:visited { + color: #e17009; + text-decoration: none; +} + +/* Interaction Cues +----------------------------------*/ +.ui-state-highlight, +.ui-widget-content .ui-state-highlight, +.ui-widget-header .ui-state-highlight { + border: 1px solid #fad42e; + background: #fbec88 url("images/ui-bg_flat_55_fbec88_40x100.png") 50% 50% repeat-x; + color: #363636; +} +.ui-state-highlight a, +.ui-widget-content .ui-state-highlight a, +.ui-widget-header .ui-state-highlight a { + color: #363636; +} +.ui-state-error, +.ui-widget-content .ui-state-error, +.ui-widget-header .ui-state-error { + border: 1px solid #cd0a0a; + background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x; + color: #cd0a0a; +} +.ui-state-error a, +.ui-widget-content .ui-state-error a, +.ui-widget-header .ui-state-error a { + color: #cd0a0a; +} +.ui-state-error-text, +.ui-widget-content .ui-state-error-text, +.ui-widget-header .ui-state-error-text { + color: #cd0a0a; +} +.ui-priority-primary, +.ui-widget-content .ui-priority-primary, +.ui-widget-header .ui-priority-primary { + font-weight: bold; +} +.ui-priority-secondary, +.ui-widget-content .ui-priority-secondary, +.ui-widget-header .ui-priority-secondary { + opacity: .7; + filter:Alpha(Opacity=70); /* support: IE8 */ + font-weight: normal; +} +.ui-state-disabled, +.ui-widget-content .ui-state-disabled, +.ui-widget-header .ui-state-disabled { + opacity: .35; + filter:Alpha(Opacity=35); /* support: IE8 */ + background-image: none; +} +.ui-state-disabled .ui-icon { + filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ +} + +/* Icons +----------------------------------*/ + +/* states and images */ +.ui-icon { + width: 16px; + height: 16px; +} +.ui-icon, +.ui-widget-content .ui-icon { + background-image: url("images/ui-icons_469bdd_256x240.png"); +} +.ui-widget-header .ui-icon { + background-image: url("images/ui-icons_d8e7f3_256x240.png"); +} +.ui-state-default .ui-icon { + background-image: url("images/ui-icons_6da8d5_256x240.png"); +} +.ui-state-hover .ui-icon, +.ui-state-focus .ui-icon { + background-image: url("images/ui-icons_217bc0_256x240.png"); +} +.ui-state-active .ui-icon { + background-image: url("images/ui-icons_f9bd01_256x240.png"); +} +.ui-state-highlight .ui-icon { + background-image: url("images/ui-icons_2e83ff_256x240.png"); +} +.ui-state-error .ui-icon, +.ui-state-error-text .ui-icon { + background-image: url("images/ui-icons_cd0a0a_256x240.png"); +} + +/* positioning */ +.ui-icon-blank { background-position: 16px 16px; } +.ui-icon-carat-1-n { background-position: 0 0; } +.ui-icon-carat-1-ne { background-position: -16px 0; } +.ui-icon-carat-1-e { background-position: -32px 0; } +.ui-icon-carat-1-se { background-position: -48px 0; } +.ui-icon-carat-1-s { background-position: -64px 0; } +.ui-icon-carat-1-sw { background-position: -80px 0; } +.ui-icon-carat-1-w { background-position: -96px 0; } +.ui-icon-carat-1-nw { background-position: -112px 0; } +.ui-icon-carat-2-n-s { background-position: -128px 0; } +.ui-icon-carat-2-e-w { background-position: -144px 0; } +.ui-icon-triangle-1-n { background-position: 0 -16px; } +.ui-icon-triangle-1-ne { background-position: -16px -16px; } +.ui-icon-triangle-1-e { background-position: -32px -16px; } +.ui-icon-triangle-1-se { background-position: -48px -16px; } +.ui-icon-triangle-1-s { background-position: -64px -16px; } +.ui-icon-triangle-1-sw { background-position: -80px -16px; } +.ui-icon-triangle-1-w { background-position: -96px -16px; } +.ui-icon-triangle-1-nw { background-position: -112px -16px; } +.ui-icon-triangle-2-n-s { background-position: -128px -16px; } +.ui-icon-triangle-2-e-w { background-position: -144px -16px; } +.ui-icon-arrow-1-n { background-position: 0 -32px; } +.ui-icon-arrow-1-ne { background-position: -16px -32px; } +.ui-icon-arrow-1-e { background-position: -32px -32px; } +.ui-icon-arrow-1-se { background-position: -48px -32px; } +.ui-icon-arrow-1-s { background-position: -64px -32px; } +.ui-icon-arrow-1-sw { background-position: -80px -32px; } +.ui-icon-arrow-1-w { background-position: -96px -32px; } +.ui-icon-arrow-1-nw { background-position: -112px -32px; } +.ui-icon-arrow-2-n-s { background-position: -128px -32px; } +.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } +.ui-icon-arrow-2-e-w { background-position: -160px -32px; } +.ui-icon-arrow-2-se-nw { background-position: -176px -32px; } +.ui-icon-arrowstop-1-n { background-position: -192px -32px; } +.ui-icon-arrowstop-1-e { background-position: -208px -32px; } +.ui-icon-arrowstop-1-s { background-position: -224px -32px; } +.ui-icon-arrowstop-1-w { background-position: -240px -32px; } +.ui-icon-arrowthick-1-n { background-position: 0 -48px; } +.ui-icon-arrowthick-1-ne { background-position: -16px -48px; } +.ui-icon-arrowthick-1-e { background-position: -32px -48px; } +.ui-icon-arrowthick-1-se { background-position: -48px -48px; } +.ui-icon-arrowthick-1-s { background-position: -64px -48px; } +.ui-icon-arrowthick-1-sw { background-position: -80px -48px; } +.ui-icon-arrowthick-1-w { background-position: -96px -48px; } +.ui-icon-arrowthick-1-nw { background-position: -112px -48px; } +.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } +.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } +.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } +.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } +.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } +.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } +.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } +.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } +.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } +.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } +.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } +.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } +.ui-icon-arrowreturn-1-w { background-position: -64px -64px; } +.ui-icon-arrowreturn-1-n { background-position: -80px -64px; } +.ui-icon-arrowreturn-1-e { background-position: -96px -64px; } +.ui-icon-arrowreturn-1-s { background-position: -112px -64px; } +.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } +.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } +.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } +.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } +.ui-icon-arrow-4 { background-position: 0 -80px; } +.ui-icon-arrow-4-diag { background-position: -16px -80px; } +.ui-icon-extlink { background-position: -32px -80px; } +.ui-icon-newwin { background-position: -48px -80px; } +.ui-icon-refresh { background-position: -64px -80px; } +.ui-icon-shuffle { background-position: -80px -80px; } +.ui-icon-transfer-e-w { background-position: -96px -80px; } +.ui-icon-transferthick-e-w { background-position: -112px -80px; } +.ui-icon-folder-collapsed { background-position: 0 -96px; } +.ui-icon-folder-open { background-position: -16px -96px; } +.ui-icon-document { background-position: -32px -96px; } +.ui-icon-document-b { background-position: -48px -96px; } +.ui-icon-note { background-position: -64px -96px; } +.ui-icon-mail-closed { background-position: -80px -96px; } +.ui-icon-mail-open { background-position: -96px -96px; } +.ui-icon-suitcase { background-position: -112px -96px; } +.ui-icon-comment { background-position: -128px -96px; } +.ui-icon-person { background-position: -144px -96px; } +.ui-icon-print { background-position: -160px -96px; } +.ui-icon-trash { background-position: -176px -96px; } +.ui-icon-locked { background-position: -192px -96px; } +.ui-icon-unlocked { background-position: -208px -96px; } +.ui-icon-bookmark { background-position: -224px -96px; } +.ui-icon-tag { background-position: -240px -96px; } +.ui-icon-home { background-position: 0 -112px; } +.ui-icon-flag { background-position: -16px -112px; } +.ui-icon-calendar { background-position: -32px -112px; } +.ui-icon-cart { background-position: -48px -112px; } +.ui-icon-pencil { background-position: -64px -112px; } +.ui-icon-clock { background-position: -80px -112px; } +.ui-icon-disk { background-position: -96px -112px; } +.ui-icon-calculator { background-position: -112px -112px; } +.ui-icon-zoomin { background-position: -128px -112px; } +.ui-icon-zoomout { background-position: -144px -112px; } +.ui-icon-search { background-position: -160px -112px; } +.ui-icon-wrench { background-position: -176px -112px; } +.ui-icon-gear { background-position: -192px -112px; } +.ui-icon-heart { background-position: -208px -112px; } +.ui-icon-star { background-position: -224px -112px; } +.ui-icon-link { background-position: -240px -112px; } +.ui-icon-cancel { background-position: 0 -128px; } +.ui-icon-plus { background-position: -16px -128px; } +.ui-icon-plusthick { background-position: -32px -128px; } +.ui-icon-minus { background-position: -48px -128px; } +.ui-icon-minusthick { background-position: -64px -128px; } +.ui-icon-close { background-position: -80px -128px; } +.ui-icon-closethick { background-position: -96px -128px; } +.ui-icon-key { background-position: -112px -128px; } +.ui-icon-lightbulb { background-position: -128px -128px; } +.ui-icon-scissors { background-position: -144px -128px; } +.ui-icon-clipboard { background-position: -160px -128px; } +.ui-icon-copy { background-position: -176px -128px; } +.ui-icon-contact { background-position: -192px -128px; } +.ui-icon-image { background-position: -208px -128px; } +.ui-icon-video { background-position: -224px -128px; } +.ui-icon-script { background-position: -240px -128px; } +.ui-icon-alert { background-position: 0 -144px; } +.ui-icon-info { background-position: -16px -144px; } +.ui-icon-notice { background-position: -32px -144px; } +.ui-icon-help { background-position: -48px -144px; } +.ui-icon-check { background-position: -64px -144px; } +.ui-icon-bullet { background-position: -80px -144px; } +.ui-icon-radio-on { background-position: -96px -144px; } +.ui-icon-radio-off { background-position: -112px -144px; } +.ui-icon-pin-w { background-position: -128px -144px; } +.ui-icon-pin-s { background-position: -144px -144px; } +.ui-icon-play { background-position: 0 -160px; } +.ui-icon-pause { background-position: -16px -160px; } +.ui-icon-seek-next { background-position: -32px -160px; } +.ui-icon-seek-prev { background-position: -48px -160px; } +.ui-icon-seek-end { background-position: -64px -160px; } +.ui-icon-seek-start { background-position: -80px -160px; } +/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ +.ui-icon-seek-first { background-position: -80px -160px; } +.ui-icon-stop { background-position: -96px -160px; } +.ui-icon-eject { background-position: -112px -160px; } +.ui-icon-volume-off { background-position: -128px -160px; } +.ui-icon-volume-on { background-position: -144px -160px; } +.ui-icon-power { background-position: 0 -176px; } +.ui-icon-signal-diag { background-position: -16px -176px; } +.ui-icon-signal { background-position: -32px -176px; } +.ui-icon-battery-0 { background-position: -48px -176px; } +.ui-icon-battery-1 { background-position: -64px -176px; } +.ui-icon-battery-2 { background-position: -80px -176px; } +.ui-icon-battery-3 { background-position: -96px -176px; } +.ui-icon-circle-plus { background-position: 0 -192px; } +.ui-icon-circle-minus { background-position: -16px -192px; } +.ui-icon-circle-close { background-position: -32px -192px; } +.ui-icon-circle-triangle-e { background-position: -48px -192px; } +.ui-icon-circle-triangle-s { background-position: -64px -192px; } +.ui-icon-circle-triangle-w { background-position: -80px -192px; } +.ui-icon-circle-triangle-n { background-position: -96px -192px; } +.ui-icon-circle-arrow-e { background-position: -112px -192px; } +.ui-icon-circle-arrow-s { background-position: -128px -192px; } +.ui-icon-circle-arrow-w { background-position: -144px -192px; } +.ui-icon-circle-arrow-n { background-position: -160px -192px; } +.ui-icon-circle-zoomin { background-position: -176px -192px; } +.ui-icon-circle-zoomout { background-position: -192px -192px; } +.ui-icon-circle-check { background-position: -208px -192px; } +.ui-icon-circlesmall-plus { background-position: 0 -208px; } +.ui-icon-circlesmall-minus { background-position: -16px -208px; } +.ui-icon-circlesmall-close { background-position: -32px -208px; } +.ui-icon-squaresmall-plus { background-position: -48px -208px; } +.ui-icon-squaresmall-minus { background-position: -64px -208px; } +.ui-icon-squaresmall-close { background-position: -80px -208px; } +.ui-icon-grip-dotted-vertical { background-position: 0 -224px; } +.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } +.ui-icon-grip-solid-vertical { background-position: -32px -224px; } +.ui-icon-grip-solid-horizontal { background-position: -48px -224px; } +.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } +.ui-icon-grip-diagonal-se { background-position: -80px -224px; } + + +/* Misc visuals +----------------------------------*/ + +/* Corner radius */ +.ui-corner-all, +.ui-corner-top, +.ui-corner-left, +.ui-corner-tl { + border-top-left-radius: 5px; +} +.ui-corner-all, +.ui-corner-top, +.ui-corner-right, +.ui-corner-tr { + border-top-right-radius: 5px; +} +.ui-corner-all, +.ui-corner-bottom, +.ui-corner-left, +.ui-corner-bl { + border-bottom-left-radius: 5px; +} +.ui-corner-all, +.ui-corner-bottom, +.ui-corner-right, +.ui-corner-br { + border-bottom-right-radius: 5px; +} + +/* Overlays */ +.ui-widget-overlay { + background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x; + opacity: .3; + filter: Alpha(Opacity=30); /* support: IE8 */ +} +.ui-widget-shadow { + margin: -8px 0 0 -8px; + padding: 8px; + background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x; + opacity: .3; + filter: Alpha(Opacity=30); /* support: IE8 */ + border-radius: 8px; +} diff --git a/public_html/layout/denim_curve/jquery_ui/jquery.ui.geeklog.css b/public_html/layout/denim_curve/jquery_ui/jquery.ui.geeklog.css new file mode 100644 index 000000000..1810806d6 --- /dev/null +++ b/public_html/layout/denim_curve/jquery_ui/jquery.ui.geeklog.css @@ -0,0 +1,309 @@ +/* Geeklog JQuery UI custom CSS */ + +/* Tabs +----------------------------------*/ +.ui-tabs { position: relative; padding: .2em; zoom: 1; margin-bottom: 10px;} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ +.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } +.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } +.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; outline-style: none; } +.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } +.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } +.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ +.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } +.ui-tabs .ui-tabs-hide { display: none !important; } +/* drop down */ +#tabs-dropdown { position: absolute; display: none; list-style: none; padding: 10px 0 5px 0; } +#tabs-dropdown li, #tabs-dropdown li a { display: block; float: none; } +#tabs-dropdown li { margin: 0; } +#tabs-dropdown li a:hover { background-color: #2E6E9E; color: #FFF; } + +/* Autocomplete */ +.ui-autocomplete-category { + font-weight:bold; + padding:.2em .4em; + margin:.8em 0 .2em; + line-height:1.5; +} + +/* Selected Conf Row */ +.active-config { background: yellow; } + +/* Tooltip Balloon */ +#tooltip-container { + border:1px solid #83B3D8; + -moz-box-shadow:#47708F 0 2px 6px;-webkit-box-shadow:#47708F 0 2px 6px; + background:#fff; + position:absolute; + left:0; + top:0; + display:none; + z-index: 20000; +} + +#tooltip-content { + background-color: #FFF; + min-width: 175px; + min-height: 50px; +} + +.tooltip-block { + border-bottom:1px solid #83B3D8; + width: 100%; +} +.tooltip-title { + font-weight: bold; + background: #E7E7E7; + margin: 0; + padding: 2px; + +} +.tooltip-doc { + min-height: 1em; + padding: 4px 2px; +} +#tooltip-close { + display: none; +} + +/* Validation */ +.input_error { border: solid 1px red; } +.validation_error_block { + color: red; + font-size: 10px; +} +.validation_error_block span { + display:block; + overflow:hidden; + text-indent:-99999px; + width: 16px; + height: 16px; + float:left; + margin:0 4px; + background: url("images/ui-icons_cd0a0a_256x240.png") 0 -144px; +} +.saved_message { + margin-bottom:5px; + padding:10px 5px 8px 36px; + background: #C6F9C9 url("../images/success.png") 10px 50% no-repeat; + border: 2px solid #9BD39E; + overflow: auto; + font-weight: bold; + color: #333; +} +.error_validation { + background: #CF3333 url("../images/error.png") no-repeat 10px 50%; + border: 2px solid #990000; + color: #FFF; +} +.saved_message a { + color: #E17009; +} +.error_validation a { + color: #FFFFBB; +} + +/* jQuery Timepicker Addon (http://trentrichardson.com/examples/timepicker/) */ +.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } +.ui-timepicker-div dl { text-align: left; } +.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; } +.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; } +.ui-timepicker-div td { font-size: 90%; } +.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } +.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; } + +.ui-timepicker-rtl{ direction: rtl; } +.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; } +.ui-timepicker-rtl dl dt{ float: right; clear: right; } +.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; } + +/* modify for Denim */ +.ui-timepicker-div dl { margin: 0; } +.ui-timepicker-div dt { font-weight: normal; margin: 0; } +.ui-timepicker-rtl dl { margin: 0; } +.ui-timepicker-rtl dt { font-weight: normal; margin: 0; } + + +/* +* Customize for Geeklog Denim Theme +* +*/ + +/* Component containers +----------------------------------*/ + +.ui-widget-header { + border: 1px solid #cccccc; +} + +/* Interaction states +----------------------------------*/ + +.ui-state-default, +.ui-widget-content .ui-state-default, +.ui-widget-header .ui-state-default { + border: 1px solid #dddddd; + font-weight: normal; + color: #555555; +} +.ui-state-default a, +.ui-state-default a:link, +.ui-state-default a:visited { + color: #555555; +} +.ui-state-hover, +.ui-widget-content .ui-state-hover, +.ui-widget-header .ui-state-hover, +.ui-state-focus, +.ui-widget-content .ui-state-focus, +.ui-widget-header .ui-state-focus { + border: 1px solid #dddddd; + font-weight: normal; + color: #555555; +} +.ui-state-hover a, +.ui-state-hover a:hover { + color: #555555; +} +.ui-state-active, +.ui-widget-content .ui-state-active, +.ui-widget-header .ui-state-active { + border: 1px solid #dddddd; + font-weight: normal; + color: #111111; +} +.ui-state-active a, +.ui-state-active a:link, +.ui-state-active a:visited { + color: #111111; +} + +.ui-widget :active { + outline: none; +} + +/* Tabs +----------------------------------*/ + +.ui-tabs { + margin-bottom: 0; +} + +/* Datepicker +----------------------------------*/ + +.ui-datepicker { + font-size: 1em; +} +.ui-datepicker th { + background: none; + padding: .6em .3em; +} +.ui-datepicker-trigger { + vertical-align: middle; +} + +/* Autocomplete +----------------------------------*/ + +.ui-autocomplete { + background: #FFF; + border: 1px solid #DDD; +} + +/* Configuration UI +----------------------------------*/ + +#geeklog_config_editor .ui-widget-content { + border: none; + background: none; +} +#geeklog_config_editor .ui-widget-header { + background: none; + border: none; + border-bottom: 1px solid #DDD; +} +#geeklog_config_editor .ui-tabs .ui-tabs-panel { + background: none; + border: none; + padding: 1em 0 0; +} +#geeklog_config_editor #tabs-dropdown .ui-widget-content { + background: #FCFDFD; + border: 1px solid #A6C9E2; +} +#geeklog_config_editor #tabs-dropdown { + background: #FFF; + border: 1px solid #DDD; +} +#geeklog_config_editor .ui-state-default, +#geeklog_config_editor .ui-widget-content .ui-state-default, +#geeklog_config_editor .ui-widget-header .ui-state-default { + background: #F5F5F5; +} +#geeklog_config_editor .ui-state-hover, +#geeklog_config_editor .ui-widget-content .ui-state-hover, +#geeklog_config_editor .ui-widget-header .ui-state-hover, +#geeklog_config_editor .ui-state-focus, +#geeklog_config_editor .ui-widget-content .ui-state-focus, +#geeklog_config_editor .ui-widget-header .ui-state-focus { + background: #F5F5F5; +} +#geeklog_config_editor .ui-state-active, +#geeklog_config_editor .ui-widget-content .ui-state-active, +#geeklog_config_editor .ui-widget-header .ui-state-active { + background: #FFF; +} + +/* Selected Conf Row */ +.active-config { + background: #EEE; + border-radius: 4px 4px 4px 4px; +} + +/* Tooltip Balloon */ +#tooltip-container { + border:2px solid #83B3D8; +} +#tooltip-close { + position: absolute; + top: 1px; + right: 1px; + z-index: 20010; + display: block; + border:2px solid #83B3D8; + border-radius: 4px 4px 4px 4px; + background: #fff; + width: 25px; + height: 25px; + line-height: 25px; + font-weight: bold; + text-align: center; + vertical-align: middle; + text-decoration: none; +} +#tooltip-close:link, +#tooltip-close:hover { + text-decoration: none; +} + +/* Validation */ +.saved_message { + margin-top: 5px; +} + +/* +* Support for Right-To-Left Languages +* +*/ +body[dir="rtl"] .ui-tabs .ui-tabs-nav li { + float: right; +} +body[dir="rtl"] .ui-tabs .ui-tabs-nav li a { + float: right; +} +body[dir="rtl"] #tooltip-close { + top: 1px; + right: auto; + left: 1px; +} + diff --git a/public_html/layout/denim_curve/jquery_ui/jquery.ui.theme.css b/public_html/layout/denim_curve/jquery_ui/jquery.ui.theme.css new file mode 100644 index 000000000..3b39b4374 --- /dev/null +++ b/public_html/layout/denim_curve/jquery_ui/jquery.ui.theme.css @@ -0,0 +1,410 @@ +/*! + * jQuery UI CSS Framework 1.11.4 + * http://jqueryui.com + * + * Copyright jQuery Foundation and other contributors + * Released under the MIT license. + * http://jquery.org/license + * + * http://api.jqueryui.com/category/theming/ + * + * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande%2CLucida%20Sans%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=5c9ccc&bgTextureHeader=gloss_wave&bgImgOpacityHeader=55&borderColorHeader=4297d7&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=inset_hard&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=dfeffc&bgTextureDefault=glass&bgImgOpacityDefault=85&borderColorDefault=c5dbec&fcDefault=2e6e9e&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=79b7e7&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=inset_hard&bgImgOpacityActive=100&borderColorActive=79b7e7&fcActive=e17009&iconColorActive=f9bd01&bgColorHighlight=fbec88&bgTextureHighlight=flat&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px + */ + + +/* Component containers +----------------------------------*/ +.ui-widget { + font-family: Lucida Grande,Lucida Sans,Arial,sans-serif; + font-size: 1.1em; +} +.ui-widget .ui-widget { + font-size: 1em; +} +.ui-widget input, +.ui-widget select, +.ui-widget textarea, +.ui-widget button { + font-family: Lucida Grande,Lucida Sans,Arial,sans-serif; + font-size: 1em; +} +.ui-widget-content { + border: 1px solid #a6c9e2; + background: #fcfdfd url("images/ui-bg_inset-hard_100_fcfdfd_1x100.png") 50% bottom repeat-x; + color: #222222; +} +.ui-widget-content a { + color: #222222; +} +.ui-widget-header { + border: 1px solid #4297d7; + background: #5c9ccc url("images/ui-bg_gloss-wave_55_5c9ccc_500x100.png") 50% 50% repeat-x; + color: #ffffff; + font-weight: bold; +} +.ui-widget-header a { + color: #ffffff; +} + +/* Interaction states +----------------------------------*/ +.ui-state-default, +.ui-widget-content .ui-state-default, +.ui-widget-header .ui-state-default { + border: 1px solid #c5dbec; + background: #dfeffc url("images/ui-bg_glass_85_dfeffc_1x400.png") 50% 50% repeat-x; + font-weight: bold; + color: #2e6e9e; +} +.ui-state-default a, +.ui-state-default a:link, +.ui-state-default a:visited { + color: #2e6e9e; + text-decoration: none; +} +.ui-state-hover, +.ui-widget-content .ui-state-hover, +.ui-widget-header .ui-state-hover, +.ui-state-focus, +.ui-widget-content .ui-state-focus, +.ui-widget-header .ui-state-focus { + border: 1px solid #79b7e7; + background: #d0e5f5 url("images/ui-bg_glass_75_d0e5f5_1x400.png") 50% 50% repeat-x; + font-weight: bold; + color: #1d5987; +} +.ui-state-hover a, +.ui-state-hover a:hover, +.ui-state-hover a:link, +.ui-state-hover a:visited, +.ui-state-focus a, +.ui-state-focus a:hover, +.ui-state-focus a:link, +.ui-state-focus a:visited { + color: #1d5987; + text-decoration: none; +} +.ui-state-active, +.ui-widget-content .ui-state-active, +.ui-widget-header .ui-state-active { + border: 1px solid #79b7e7; + background: #f5f8f9 url("images/ui-bg_inset-hard_100_f5f8f9_1x100.png") 50% 50% repeat-x; + font-weight: bold; + color: #e17009; +} +.ui-state-active a, +.ui-state-active a:link, +.ui-state-active a:visited { + color: #e17009; + text-decoration: none; +} + +/* Interaction Cues +----------------------------------*/ +.ui-state-highlight, +.ui-widget-content .ui-state-highlight, +.ui-widget-header .ui-state-highlight { + border: 1px solid #fad42e; + background: #fbec88 url("images/ui-bg_flat_55_fbec88_40x100.png") 50% 50% repeat-x; + color: #363636; +} +.ui-state-highlight a, +.ui-widget-content .ui-state-highlight a, +.ui-widget-header .ui-state-highlight a { + color: #363636; +} +.ui-state-error, +.ui-widget-content .ui-state-error, +.ui-widget-header .ui-state-error { + border: 1px solid #cd0a0a; + background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x; + color: #cd0a0a; +} +.ui-state-error a, +.ui-widget-content .ui-state-error a, +.ui-widget-header .ui-state-error a { + color: #cd0a0a; +} +.ui-state-error-text, +.ui-widget-content .ui-state-error-text, +.ui-widget-header .ui-state-error-text { + color: #cd0a0a; +} +.ui-priority-primary, +.ui-widget-content .ui-priority-primary, +.ui-widget-header .ui-priority-primary { + font-weight: bold; +} +.ui-priority-secondary, +.ui-widget-content .ui-priority-secondary, +.ui-widget-header .ui-priority-secondary { + opacity: .7; + filter:Alpha(Opacity=70); /* support: IE8 */ + font-weight: normal; +} +.ui-state-disabled, +.ui-widget-content .ui-state-disabled, +.ui-widget-header .ui-state-disabled { + opacity: .35; + filter:Alpha(Opacity=35); /* support: IE8 */ + background-image: none; +} +.ui-state-disabled .ui-icon { + filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ +} + +/* Icons +----------------------------------*/ + +/* states and images */ +.ui-icon { + width: 16px; + height: 16px; +} +.ui-icon, +.ui-widget-content .ui-icon { + background-image: url("images/ui-icons_469bdd_256x240.png"); +} +.ui-widget-header .ui-icon { + background-image: url("images/ui-icons_d8e7f3_256x240.png"); +} +.ui-state-default .ui-icon { + background-image: url("images/ui-icons_6da8d5_256x240.png"); +} +.ui-state-hover .ui-icon, +.ui-state-focus .ui-icon { + background-image: url("images/ui-icons_217bc0_256x240.png"); +} +.ui-state-active .ui-icon { + background-image: url("images/ui-icons_f9bd01_256x240.png"); +} +.ui-state-highlight .ui-icon { + background-image: url("images/ui-icons_2e83ff_256x240.png"); +} +.ui-state-error .ui-icon, +.ui-state-error-text .ui-icon { + background-image: url("images/ui-icons_cd0a0a_256x240.png"); +} + +/* positioning */ +.ui-icon-blank { background-position: 16px 16px; } +.ui-icon-carat-1-n { background-position: 0 0; } +.ui-icon-carat-1-ne { background-position: -16px 0; } +.ui-icon-carat-1-e { background-position: -32px 0; } +.ui-icon-carat-1-se { background-position: -48px 0; } +.ui-icon-carat-1-s { background-position: -64px 0; } +.ui-icon-carat-1-sw { background-position: -80px 0; } +.ui-icon-carat-1-w { background-position: -96px 0; } +.ui-icon-carat-1-nw { background-position: -112px 0; } +.ui-icon-carat-2-n-s { background-position: -128px 0; } +.ui-icon-carat-2-e-w { background-position: -144px 0; } +.ui-icon-triangle-1-n { background-position: 0 -16px; } +.ui-icon-triangle-1-ne { background-position: -16px -16px; } +.ui-icon-triangle-1-e { background-position: -32px -16px; } +.ui-icon-triangle-1-se { background-position: -48px -16px; } +.ui-icon-triangle-1-s { background-position: -64px -16px; } +.ui-icon-triangle-1-sw { background-position: -80px -16px; } +.ui-icon-triangle-1-w { background-position: -96px -16px; } +.ui-icon-triangle-1-nw { background-position: -112px -16px; } +.ui-icon-triangle-2-n-s { background-position: -128px -16px; } +.ui-icon-triangle-2-e-w { background-position: -144px -16px; } +.ui-icon-arrow-1-n { background-position: 0 -32px; } +.ui-icon-arrow-1-ne { background-position: -16px -32px; } +.ui-icon-arrow-1-e { background-position: -32px -32px; } +.ui-icon-arrow-1-se { background-position: -48px -32px; } +.ui-icon-arrow-1-s { background-position: -64px -32px; } +.ui-icon-arrow-1-sw { background-position: -80px -32px; } +.ui-icon-arrow-1-w { background-position: -96px -32px; } +.ui-icon-arrow-1-nw { background-position: -112px -32px; } +.ui-icon-arrow-2-n-s { background-position: -128px -32px; } +.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } +.ui-icon-arrow-2-e-w { background-position: -160px -32px; } +.ui-icon-arrow-2-se-nw { background-position: -176px -32px; } +.ui-icon-arrowstop-1-n { background-position: -192px -32px; } +.ui-icon-arrowstop-1-e { background-position: -208px -32px; } +.ui-icon-arrowstop-1-s { background-position: -224px -32px; } +.ui-icon-arrowstop-1-w { background-position: -240px -32px; } +.ui-icon-arrowthick-1-n { background-position: 0 -48px; } +.ui-icon-arrowthick-1-ne { background-position: -16px -48px; } +.ui-icon-arrowthick-1-e { background-position: -32px -48px; } +.ui-icon-arrowthick-1-se { background-position: -48px -48px; } +.ui-icon-arrowthick-1-s { background-position: -64px -48px; } +.ui-icon-arrowthick-1-sw { background-position: -80px -48px; } +.ui-icon-arrowthick-1-w { background-position: -96px -48px; } +.ui-icon-arrowthick-1-nw { background-position: -112px -48px; } +.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } +.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } +.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } +.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } +.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } +.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } +.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } +.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } +.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } +.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } +.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } +.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } +.ui-icon-arrowreturn-1-w { background-position: -64px -64px; } +.ui-icon-arrowreturn-1-n { background-position: -80px -64px; } +.ui-icon-arrowreturn-1-e { background-position: -96px -64px; } +.ui-icon-arrowreturn-1-s { background-position: -112px -64px; } +.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } +.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } +.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } +.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } +.ui-icon-arrow-4 { background-position: 0 -80px; } +.ui-icon-arrow-4-diag { background-position: -16px -80px; } +.ui-icon-extlink { background-position: -32px -80px; } +.ui-icon-newwin { background-position: -48px -80px; } +.ui-icon-refresh { background-position: -64px -80px; } +.ui-icon-shuffle { background-position: -80px -80px; } +.ui-icon-transfer-e-w { background-position: -96px -80px; } +.ui-icon-transferthick-e-w { background-position: -112px -80px; } +.ui-icon-folder-collapsed { background-position: 0 -96px; } +.ui-icon-folder-open { background-position: -16px -96px; } +.ui-icon-document { background-position: -32px -96px; } +.ui-icon-document-b { background-position: -48px -96px; } +.ui-icon-note { background-position: -64px -96px; } +.ui-icon-mail-closed { background-position: -80px -96px; } +.ui-icon-mail-open { background-position: -96px -96px; } +.ui-icon-suitcase { background-position: -112px -96px; } +.ui-icon-comment { background-position: -128px -96px; } +.ui-icon-person { background-position: -144px -96px; } +.ui-icon-print { background-position: -160px -96px; } +.ui-icon-trash { background-position: -176px -96px; } +.ui-icon-locked { background-position: -192px -96px; } +.ui-icon-unlocked { background-position: -208px -96px; } +.ui-icon-bookmark { background-position: -224px -96px; } +.ui-icon-tag { background-position: -240px -96px; } +.ui-icon-home { background-position: 0 -112px; } +.ui-icon-flag { background-position: -16px -112px; } +.ui-icon-calendar { background-position: -32px -112px; } +.ui-icon-cart { background-position: -48px -112px; } +.ui-icon-pencil { background-position: -64px -112px; } +.ui-icon-clock { background-position: -80px -112px; } +.ui-icon-disk { background-position: -96px -112px; } +.ui-icon-calculator { background-position: -112px -112px; } +.ui-icon-zoomin { background-position: -128px -112px; } +.ui-icon-zoomout { background-position: -144px -112px; } +.ui-icon-search { background-position: -160px -112px; } +.ui-icon-wrench { background-position: -176px -112px; } +.ui-icon-gear { background-position: -192px -112px; } +.ui-icon-heart { background-position: -208px -112px; } +.ui-icon-star { background-position: -224px -112px; } +.ui-icon-link { background-position: -240px -112px; } +.ui-icon-cancel { background-position: 0 -128px; } +.ui-icon-plus { background-position: -16px -128px; } +.ui-icon-plusthick { background-position: -32px -128px; } +.ui-icon-minus { background-position: -48px -128px; } +.ui-icon-minusthick { background-position: -64px -128px; } +.ui-icon-close { background-position: -80px -128px; } +.ui-icon-closethick { background-position: -96px -128px; } +.ui-icon-key { background-position: -112px -128px; } +.ui-icon-lightbulb { background-position: -128px -128px; } +.ui-icon-scissors { background-position: -144px -128px; } +.ui-icon-clipboard { background-position: -160px -128px; } +.ui-icon-copy { background-position: -176px -128px; } +.ui-icon-contact { background-position: -192px -128px; } +.ui-icon-image { background-position: -208px -128px; } +.ui-icon-video { background-position: -224px -128px; } +.ui-icon-script { background-position: -240px -128px; } +.ui-icon-alert { background-position: 0 -144px; } +.ui-icon-info { background-position: -16px -144px; } +.ui-icon-notice { background-position: -32px -144px; } +.ui-icon-help { background-position: -48px -144px; } +.ui-icon-check { background-position: -64px -144px; } +.ui-icon-bullet { background-position: -80px -144px; } +.ui-icon-radio-on { background-position: -96px -144px; } +.ui-icon-radio-off { background-position: -112px -144px; } +.ui-icon-pin-w { background-position: -128px -144px; } +.ui-icon-pin-s { background-position: -144px -144px; } +.ui-icon-play { background-position: 0 -160px; } +.ui-icon-pause { background-position: -16px -160px; } +.ui-icon-seek-next { background-position: -32px -160px; } +.ui-icon-seek-prev { background-position: -48px -160px; } +.ui-icon-seek-end { background-position: -64px -160px; } +.ui-icon-seek-start { background-position: -80px -160px; } +/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ +.ui-icon-seek-first { background-position: -80px -160px; } +.ui-icon-stop { background-position: -96px -160px; } +.ui-icon-eject { background-position: -112px -160px; } +.ui-icon-volume-off { background-position: -128px -160px; } +.ui-icon-volume-on { background-position: -144px -160px; } +.ui-icon-power { background-position: 0 -176px; } +.ui-icon-signal-diag { background-position: -16px -176px; } +.ui-icon-signal { background-position: -32px -176px; } +.ui-icon-battery-0 { background-position: -48px -176px; } +.ui-icon-battery-1 { background-position: -64px -176px; } +.ui-icon-battery-2 { background-position: -80px -176px; } +.ui-icon-battery-3 { background-position: -96px -176px; } +.ui-icon-circle-plus { background-position: 0 -192px; } +.ui-icon-circle-minus { background-position: -16px -192px; } +.ui-icon-circle-close { background-position: -32px -192px; } +.ui-icon-circle-triangle-e { background-position: -48px -192px; } +.ui-icon-circle-triangle-s { background-position: -64px -192px; } +.ui-icon-circle-triangle-w { background-position: -80px -192px; } +.ui-icon-circle-triangle-n { background-position: -96px -192px; } +.ui-icon-circle-arrow-e { background-position: -112px -192px; } +.ui-icon-circle-arrow-s { background-position: -128px -192px; } +.ui-icon-circle-arrow-w { background-position: -144px -192px; } +.ui-icon-circle-arrow-n { background-position: -160px -192px; } +.ui-icon-circle-zoomin { background-position: -176px -192px; } +.ui-icon-circle-zoomout { background-position: -192px -192px; } +.ui-icon-circle-check { background-position: -208px -192px; } +.ui-icon-circlesmall-plus { background-position: 0 -208px; } +.ui-icon-circlesmall-minus { background-position: -16px -208px; } +.ui-icon-circlesmall-close { background-position: -32px -208px; } +.ui-icon-squaresmall-plus { background-position: -48px -208px; } +.ui-icon-squaresmall-minus { background-position: -64px -208px; } +.ui-icon-squaresmall-close { background-position: -80px -208px; } +.ui-icon-grip-dotted-vertical { background-position: 0 -224px; } +.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } +.ui-icon-grip-solid-vertical { background-position: -32px -224px; } +.ui-icon-grip-solid-horizontal { background-position: -48px -224px; } +.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } +.ui-icon-grip-diagonal-se { background-position: -80px -224px; } + + +/* Misc visuals +----------------------------------*/ + +/* Corner radius */ +.ui-corner-all, +.ui-corner-top, +.ui-corner-left, +.ui-corner-tl { + border-top-left-radius: 5px; +} +.ui-corner-all, +.ui-corner-top, +.ui-corner-right, +.ui-corner-tr { + border-top-right-radius: 5px; +} +.ui-corner-all, +.ui-corner-bottom, +.ui-corner-left, +.ui-corner-bl { + border-bottom-left-radius: 5px; +} +.ui-corner-all, +.ui-corner-bottom, +.ui-corner-right, +.ui-corner-br { + border-bottom-right-radius: 5px; +} + +/* Overlays */ +.ui-widget-overlay { + background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x; + opacity: .3; + filter: Alpha(Opacity=30); /* support: IE8 */ +} +.ui-widget-shadow { + margin: -8px 0 0 -8px; + padding: 8px; + background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x; + opacity: .3; + filter: Alpha(Opacity=30); /* support: IE8 */ + border-radius: 8px; +}