|
|
Line 1: |
Line 1: |
| /* CSS placed here will be applied to all skins */
| | {{learned|what the parking alert is|how the parking alert is used|how to configure the parking alert}} |
| :root{
| |
| --fx-color-interface: rgba(79, 185, 207, 1);
| |
| --fx-color-interface-active: rgba(94, 255, 255, 1);
| |
| --fx-color-interface-highlight: rgba(177, 217, 217, 1);
| |
| --fx-color-interface-row-odd: rgba(229, 248, 252, 1);
| |
| @import url('https://fonts.googleapis.com/css?family=Roboto:300');
| |
|
| |
|
| }
| | ==General== |
| | ===What is the Parking alert?=== |
| | The parking alert is a [[Panel|panel]] with a 3D icon which warns users when the amount of parking facilities in a given neighborhood is insufficient to comply with general demand or legislative requirements. This alert is useful for: |
| | * Urban development projects |
| | * Different spatial plans are compared in the 3D world |
|
| |
|
| @import url('https://fonts.googleapis.com/css?family=ZCOOL+KuaiLe');
| | The alert appears in the 3D world when the amount of parking facilities required exceed the amount of parking facilities provided in a given neighborhood. The resulting panel will display the availability, demand, compliance rate, and remaining demand. The color of the popup of the alert will change based on the compliance deficit. |
|
| |
|
| /** TABLE CLASSES **/
| | ===Alert panel=== |
| .table { | | [[File:parking alert panel.jpg|thumb|The parking alert.|300px|right]] |
| border:0 solid;
| | The alert panel shows the following information: |
| border-collapse:collapse;
| | * The amount of parking lots available. |
| border-spacing:0;
| | * The amount of parking lots demanded. |
| font-size:.9230769231em;
| | * The current compliance rate. |
| text-align:left;
| | * The mandated compliance rate. |
| clear:none;
| | * The amount of parking lots which need to be added to meet the mandated compliance rate. |
| position:relative;
| | {{clear}} |
| display:inline-block;
| |
| vertical-align:top;
| |
| margin:10px 0;
| |
| padding:0;
| |
| } | |
|
| |
|
| .table::after {
| | ===Calculation=== |
| content:"";
| | <math>C_{c} = P_{c} / P_{d}</math> |
| position:absolute;
| |
| width:100%;
| |
| left:0;
| |
| height:3px;
| |
| background-image:url("/images/4/45/Shadow_after.png");
| |
| background-size:100% 3px;
| |
| }
| |
|
| |
|
| .table::after {
| | The panels appears when <math>C_{c} < C_{d}</math> |
| bottom:-3px;
| |
| } | |
|
| |
|
| /* make table captions bold */ | | where |
| .table > caption { font-weight: bold }
| | * <math>P_{c}</math> is the current amount of parking lots |
| | * <math>P_{d}</math> is the amount of parking lots demanded |
| | * <math>C_{c}</math> is the current compliance rate |
| | * <math>C_{d}</math> is the mandated compliance rate |
|
| |
|
| /* this is a hack to add borders to IE8- */
| | The mandated compliance rate is set by the neighborhood's REQUIRED_PARKING_COMPLIANCE_RATE attribute. This is not a required attribute. If the neighborhood does not have that attribute, the mandated compliance rate is equal to the compliance target [[Global]] of the [[Parking_(Indicator)|Parking Indicator]] on the [https://store.tygron.com/ Index]. If there is no such [[Global]] in the project, the mandated compliance rate is 1. |
| .table > thead, .table > tbody { border:0 solid #aaa\0/ } | |
|
| |
|
| .table tr { | | The current amount of parking lots is requested from the Tygron Platform by using a [[TQL|TQL query]]. <br> |
| border:1px solid #aaa\0/;
| | The demanded amount of parking lots is determined with the [[Function Value|Function values]]. |
| text-align:left;
| |
| border-color:#AAA;
| |
| }
| |
|
| |
|
| /* and this removes them for IE9+ */ | | ==Additional configurations== |
| :root .table tr { border-top-width:0; border-bottom-width:0; }
| | * Make sure you have added the [[Parking_(Indicator)|Parking Indicator]] from the [https://store.tygron.com/ Index] and set the correct [[Global]]. |
|
| |
|
| .table > * > tr > :first-child { border-left:1px solid #AAA; }
| | * The Parking alert will work out-of-the-box. It can '''ONLY''' be loaded into the project as a [[Template Panel]], and templated on Neighborhoods. |
| .table > * > tr > :last-child { border-right:1px solid #AAA; } | | {{Editor steps|title=|Select the ''Current tab'' and hover over the ''Panels'' button in the ribbon header| Select the Add Excel Template option| In the left panel of the editor the new added Template excel Panel is selected|In the right editor panel open the Select Excelsheet panel and select Import new Excel| Select the parkin Alert Excel panel you downloaded from the Index| Select Apply in the bottom right corner of the Excelsheet panel to apply you selected parking Alert Excel sheet.| Select Apply Template in the borrom right corner of the right editor panel. }} |
|
| |
|
| .table > tbody > tr:last-child,
| | * The alert will automatically support Dutch and English, based on the project's language settings. |
| .table > tbody > tr:last-child > *,
| |
| .table > tfoot > tr:last-child > *,
| |
| .table > caption { border-bottom:1px solid #AAA; } | |
|
| |
|
| .table > tbody:first-child > tr:first-child > *,
| | {{Editor steps|title=|Select the ''Current tab'' and select the ''Neighborhoods'' button in the ribbon header| Select each one of the neighborhoods you want the attribute to relate to and add the attribute| Select the Attibutes tab in the right panel|Add the REQUIRED_PARKING_COMPLIANCE_RATE attribute| Select Save New Attribute| Continue for all relevant neighborhoods}} |
| .table > tbody > tr.heading > *,
| |
| .table > thead > tr:first-child > * {
| |
| background-image:url("/images/c/cc/Infobox_header_overlay.png");
| |
| background-color:#EEE;
| |
| border-color:#AAA;
| |
| padding:.5em;
| |
| } | |
|
| |
|
| .table > tbody > tr > th,
| | [[Category:Index]] |
| .table > tbody > tr > td,
| |
| .table > tfoot > tr > th {
| |
| line-height:1.667em;
| |
| padding:.25em .5em;
| |
| }
| |
| | |
| .table tr > th, .table[class*=center] tr { text-align:center; }
| |
| .table[class*=left] tr { text-align:left; }
| |
| .table[class*=right] tr { text-align:right; }
| |
| .table[class*=middle] tr { vertical-align:middle; }
| |
| .table[class*=top] tr { vertical-align:top; }
| |
| .table[class*=bottom] tr { vertical-align:bottom; }
| |
| | |
| .table > :first-child > tr:first-child,
| |
| .table > tbody > tr.heading {
| |
| background-color:#EEE;
| |
| border:1px solid #aaa!important;
| |
| }
| |
| | |
| .table > tbody > tr > th, .table > tfoot > tr > th {
| |
| background-color:#E7E7E7;
| |
| border-color:#AAA;
| |
| }
| |
| | |
| .table > tbody > tr:nth-child(odd) {
| |
| background-color:#F3F3F3;
| |
| border-color:#AAA;
| |
| }
| |
| | |
| .table > tbody,
| |
| .table > tbody > tr.heading,
| |
| .table > tbody > tr > [rowspan],
| |
| .table > tbody > tr > [colspan] { border:1px solid #AAA; }
| |
| | |
| .table > :first-child > tr:first-child + tr [rowspan],
| |
| .table > :first-child > tr:first-child + tr [colspan] { border-top-width:0; }
| |
| | |
| .table .line,
| |
| .table .line-bottom {
| |
| border-bottom-width:1px!important;
| |
| border-bottom-style:solid;
| |
| }
| |
| | |
| .table .line-top {
| |
| border-top-width:1px!important;
| |
| border-top-style:solid;
| |
| border-top-color:#AAA;
| |
| }
| |
| | |
| .table .line-left {
| |
| border-left-width:1px!important;
| |
| border-left-style:solid;
| |
| border-left-color:#AAA;
| |
| }
| |
| | |
| .table .line-right {
| |
| border-right-width:1px!important;
| |
| border-right-style:solid;
| |
| border-right-color:#AAA;
| |
| }
| |
| | |
| .table table {
| |
| background-color:transparent;
| |
| padding:0;
| |
| margin:0;
| |
| }
| |
| | |
| dl+table.table {
| |
| margin-top: 0;
| |
| }
| |
| | |
| /** STDT table classes **/
| |
| /* any */
| |
| .table.any > :first-child > tr:first-child,
| |
| .table.any > :first-child > tr:first-child > *,
| |
| .table.any > tbody > tr.heading,
| |
| .table.any > tbody > tr.heading > * {
| |
| background-color:#888 !important;
| |
| border-color:#6D6D6D !important;
| |
| }
| |
| .table.any > tbody > tr > th,
| |
| .table.any > tfoot > tr > th,
| |
| .table.any > thead > tr > th,
| |
| table.table > tbody > tr.any > th {
| |
| background-color:#CCC;
| |
| border-color:#AAA;
| |
| }
| |
| .table.any > tbody > tr:nth-child(odd),
| |
| .table > tbody > tr.any:nth-child(odd) {
| |
| background-color:#EEE;
| |
| }
| |
| | |
| /*Main page*/
| |
| /**MAIN PAGE STYLESHEET**/
| |
| | |
| table#mainpagenavigation {
| |
| /*border: 1px solid #000000;*/
| |
| box-shadow:rgba(0,0,0,0.25) 0 0 0.75em;
| |
| }
| |
| | |
| .page-Main_Page h1.firstHeading#firstHeading {
| |
| display:none;
| |
| }
| |
| | |
| #mainpagenavigation {
| |
| display:block;
| |
| border-collapse:collapse;
| |
| text-align:left
| |
| }
| |
| | |
| #mainpagenavigation th {
| |
| /*font-size:1.7692307692em;*/
| |
| font-size:20px;
| |
| color:#fff;
| |
| /*text-shadow:rgba(0,0,0,0.75) 0 0 .25em;*/
| |
| background-color:#4fb9cf;
| |
| font-weight:400;
| |
| height:48px;
| |
| text-align:center;
| |
| font-size-adjust:0.43
| |
| }
| |
| | |
| #mainpagenavigation th.header_sub {
| |
| height:24px;
| |
| }
| |
| | |
| #mainpagenavigation th h3{
| |
| font-size:25px;
| |
| padding-top:0px;
| |
| color:#fff;
| |
| | |
| background-color:#444;
| |
| font-weight:400;
| |
| height:48px;
| |
| text-align:center;
| |
| font-size-adjust:0.43
| |
| }
| |
| | |
| #mainpagenavigation td {
| |
| background-color:#fff;
| |
| filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffffffff);
| |
| background-image: linear-gradient(top, #bbb 0%, #fff 2%, #fff 100%);
| |
| background-image: -o-linear-gradient(top, #bbb 0%, #fff 2%, #fff 100%);
| |
| background-image: -moz-linear-gradient(top, #bbb 0%, #fff 2%, #fff 100%);
| |
| background-image: -webkit-linear-gradient(top, #bbb 0%, #fff 2%, #fff 100%);
| |
| background-image: -ms-linear-gradient(top, #bbb 0%, #fff 2%, #fff 100%);
| |
| background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bbb), color-stop(.02, #fff), color-stop(1, #fff));
| |
| /*height:250px;*/
| |
| }
| |
| | |
| #mainpagenavigation td.content {vertical-align:top;padding:.5em 1.5em;}
| |
| #mainpagenavigation td.separator {border-right:#aaa solid 1px}
| |
| | |
| /*Editing tags on the main page*/
| |
| #mainpagenavigation h5{
| |
| position:absolute;
| |
| margin-left:180px;
| |
| }
| |
| /*Main page (padding, not used)*/
| |
| /* body.page-Main_Page.ns-subject #content,body.page-Main_Page_editcopy.ns-subject #content {padding-left:1em;padding-right:1em}*/
| |
| | |
| | |
| /*Preview Main Page*/
| |
| .preview #mainpagenavigation th {
| |
| background-color: #f7bb4a;
| |
| }
| |
| | |
| /*Float the table of contents right*/
| |
| #toc { float: right; }
| |
| .toctoggle { float: right; }
| |
| | |
| /*Header tweaks*/
| |
| .mw-body-content h3 {
| |
| border-bottom: 1px solid #a2a9b1b0;
| |
| }
| |
| | |
| .mw-body-content h4 {
| |
| font-size: 1.1em;
| |
| }
| |
| | |
| /* Style for horizontal lists (separator following item).
| |
| IE8-specific classes are assigned in [[MediaWiki:Common.js/IEFixes.js]].
| |
| @source mediawiki.org/wiki/Snippets/Horizontal_lists
| |
| @revision 6 (2014-05-09)
| |
| @author [[User:Edokter]]
| |
| */
| |
| .hlist dl,
| |
| .hlist ol,
| |
| .hlist ul {
| |
| margin: 0;
| |
| padding: 0;
| |
| }
| |
| /* Display list items inline */
| |
| .hlist dd,
| |
| .hlist dt,
| |
| .hlist li {
| |
| margin: 0;
| |
| display: inline;
| |
| }
| |
| /* Display nested lists inline */
| |
| .hlist.inline,
| |
| .hlist.inline dl,
| |
| .hlist.inline ol,
| |
| .hlist.inline ul,
| |
| .hlist dl dl, .hlist dl ol, .hlist dl ul,
| |
| .hlist ol dl, .hlist ol ol, .hlist ol ul,
| |
| .hlist ul dl, .hlist ul ol, .hlist ul ul {
| |
| display: inline;
| |
| }
| |
| /* Generate interpuncts */
| |
| .hlist dt:after {
| |
| content: ": ";
| |
| }
| |
| .hlist dd:after,
| |
| .hlist li:after {
| |
| content: " · ";
| |
| font-weight: bold;
| |
| }
| |
| .hlist dd:last-child:after,
| |
| .hlist dt:last-child:after,
| |
| .hlist li:last-child:after {
| |
| content: none;
| |
| }
| |
| /* For IE8 */
| |
| .hlist dd.hlist-last-child:after,
| |
| .hlist dt.hlist-last-child:after,
| |
| .hlist li.hlist-last-child:after {
| |
| content: none;
| |
| }
| |
| /* Add parentheses around nested lists */
| |
| .hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
| |
| .hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
| |
| .hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
| |
| content: " (";
| |
| font-weight: normal;
| |
| }
| |
| .hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
| |
| .hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
| |
| .hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
| |
| content: ") ";
| |
| font-weight: normal;
| |
| }
| |
| /* For IE8 */
| |
| .hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after,
| |
| .hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after,
| |
| .hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-last-child:after {
| |
| content: ") ";
| |
| font-weight: normal;
| |
| }
| |
| /* Put ordinals in front of ordered list items */
| |
| .hlist ol {
| |
| counter-reset: listitem;
| |
| }
| |
| .hlist ol > li {
| |
| counter-increment: listitem;
| |
| }
| |
| .hlist ol > li:before {
| |
| content: " " counter(listitem) " ";
| |
| white-space: nowrap;
| |
| }
| |
| .hlist dd ol > li:first-child:before,
| |
| .hlist dt ol > li:first-child:before,
| |
| .hlist li ol > li:first-child:before {
| |
| content: " (" counter(listitem) " ";
| |
| }
| |
| | |
| /*Don't float the horizontal list by default*/
| |
| #toc.toc.hlist {
| |
| float:none;
| |
| }
| |
| | |
| /*learned things header*/
| |
| .learned_heading {
| |
| /*background-color:#d0eed0;*/
| |
| background-color:#c9f9ff;
| |
| background-color:#c9f9ffaa;
| |
| padding: 1px 1px 10px 12px;
| |
| }
| |
| | |
| /*boxes with steps in the editor*/
| |
| .editor_location_box {
| |
| margin: 15px 0px;
| |
| }
| |
| | |
| .editor_steps_box {
| |
| display:inline-block;
| |
| border-style:dashed;
| |
| border-color:#808080;
| |
| background-color:#e4e4ee;
| |
| padding-right:40px;
| |
| margin-left:40px;
| |
| vertical-align:top;
| |
| margin-bottom:10px;
| |
| }
| |
| | |
| .editor_steps_box .editor_steps_title{
| |
| margin-left:20px;
| |
| }
| |
| | |
| .editor_steps_box_wrapper{
| |
| margin-left:40px;
| |
| }
| |
| | |
| .editor_steps_box_wrapper .editor_steps_box{
| |
| margin:0;
| |
| max-width:50%;
| |
| }
| |
| | |
| .editor_steps_box_wrapper .editor_steps_image {
| |
| display:inline;
| |
| }
| |
| | |
| .editor_steps_box_wrapper .editor_steps_image > div {
| |
| max-width:40%;
| |
| display:inline-block;
| |
| margin:0;
| |
| float:right;
| |
| clear:both;
| |
| }
| |
| | |
| /*Workaround because of applied width to style*/
| |
| .editor_steps_box_wrapper .editor_steps_image > div > div {
| |
| width:auto !important;
| |
| }
| |
| | |
| .editor_steps_box_wrapper .editor_steps_image img{
| |
| max-width:100%;
| |
| height:auto;
| |
| }
| |
| | |
| /*Support namespace styling*/
| |
| .ns-4500 #content, .ns-501 #content { background-color: #f3f3f3; }
| |
| .ns-4500 div.thumb, .ns-501 div.thumb { border-color: #f3f3f3; }
| |
| | |
| /*Infobox styling*/
| |
| /* Infobox template style */
| |
| .infobox {
| |
| border: 1px solid #aaa;
| |
| background-color: #f9f9f9;
| |
| color: black;
| |
| margin: 0.5em 0 0.5em 1em;
| |
| padding: 0.2em;
| |
| float: right;
| |
| clear: right;
| |
| }
| |
| .infobox td,
| |
| .infobox th {
| |
| vertical-align: top;
| |
| }
| |
| .infobox caption {
| |
| font-size: larger;
| |
| }
| |
| .infobox.bordered {
| |
| border-collapse: collapse;
| |
| }
| |
| .infobox.bordered td,
| |
| .infobox.bordered th {
| |
| border: 1px solid #aaa;
| |
| }
| |
| .infobox.bordered .borderless td,
| |
| .infobox.bordered .borderless th {
| |
| border: 0;
| |
| }
| |
| | |
| .infobox.sisterproject {
| |
| width: 20em;
| |
| font-size: 90%;
| |
| }
| |
| | |
| .infobox.standard-talk {
| |
| border: 1px solid #c0c090;
| |
| background-color: #f8eaba;
| |
| }
| |
| .infobox.standard-talk.bordered td,
| |
| .infobox.standard-talk.bordered th {
| |
| border: 1px solid #c0c090;
| |
| }
| |
| | |
| /* styles for bordered infobox with merged rows */
| |
| .infobox.bordered .mergedtoprow td,
| |
| .infobox.bordered .mergedtoprow th {
| |
| border: 0;
| |
| border-top: 1px solid #aaa;
| |
| border-right: 1px solid #aaa;
| |
| }
| |
| | |
| .infobox.bordered .mergedrow td,
| |
| .infobox.bordered .mergedrow th {
| |
| border: 0;
| |
| border-right: 1px solid #aaa;
| |
| }
| |
| | |
| /* Styles for geography infoboxes, eg countries,
| |
| country subdivisions, cities, etc. */
| |
| .infobox.geography {
| |
| text-align: left;
| |
| border-collapse: collapse;
| |
| line-height: 1.2em;
| |
| font-size: 90%;
| |
| }
| |
| | |
| .infobox.geography td,
| |
| .infobox.geography th {
| |
| border-top: solid 1px #aaa;
| |
| padding: 0.4em 0.6em 0.4em 0.6em;
| |
| }
| |
| .infobox.geography .mergedtoprow td,
| |
| .infobox.geography .mergedtoprow th {
| |
| border-top: solid 1px #aaa;
| |
| padding: 0.4em 0.6em 0.2em 0.6em;
| |
| }
| |
| | |
| .infobox.geography .mergedrow td,
| |
| .infobox.geography .mergedrow th {
| |
| border: 0;
| |
| padding: 0 0.6em 0.2em 0.6em;
| |
| }
| |
| | |
| .infobox.geography .mergedbottomrow td,
| |
| .infobox.geography .mergedbottomrow th {
| |
| border-top: 0;
| |
| border-bottom: solid 1px #aaa;
| |
| padding: 0 0.6em 0.4em 0.6em;
| |
| }
| |
| | |
| .infobox.geography .maptable td,
| |
| .infobox.geography .maptable th {
| |
| border: 0;
| |
| padding: 0;
| |
| }
| |
| | |
| /* Code styling */
| |
| code{
| |
| color:black;
| |
| background-color:#f9f9f9;
| |
| border:1px solid #ddd;
| |
| border-radius:2px;
| |
| padding:1px 4px
| |
| }
| |
| | |
| /*Infobox basic styling*/
| |
| .tygron-abox {
| |
| width: 60%;
| |
| margin: auto;
| |
| | |
| background-color: #dddddd;
| |
| border: 2px solid #bbbbbb;
| |
| padding: 10px;
| |
| }
| |
| | |
| /*Page breaks*/
| |
| .pageBreakBlock {
| |
| display:none;
| |
| }
| |
| @media print {
| |
| .pageBreak {
| |
| page-break-after: always;
| |
| }
| |
| .pageBreakBlock {
| |
| display:block;
| |
| }
| |
| }
| |
| | |
| /* Navigation Boxes*/
| |
| div.nav {
| |
| position:relative;
| |
| }
| |
| | |
| div.nav .box {
| |
| filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffeeeeee);
| |
| background-image:linear-gradient(top, #fff 0%, #eee 100%);
| |
| background-image:-o-linear-gradient(top, #fff 0%, #eee 100%);
| |
| background-image:-moz-linear-gradient(top, #fff 0%, #eee 100%);
| |
| background-image:-webkit-linear-gradient(top, #fff 0%, #eee 100%);
| |
| background-image:-ms-linear-gradient(top, #fff 0%, #eee 100%);
| |
| background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #eee));
| |
| border:1px solid #AAA;
| |
| border-spacing:0;
| |
| font-size:.9230769231em;
| |
| min-height:60px;
| |
| position:relative;
| |
| margin:auto;
| |
| }
| |
| | |
| div.nav .box { width:42em; }
| |
| div.nav.thin .box { width:34em; }
| |
| div.nav.wide .box { width:50em; }
| |
| div.nav.verywide .box { width:unset; max-width:60em; }
| |
| div.nav.full .box { width:unset; }
| |
| | |
| div.nav .heading {
| |
| background-color:#888;
| |
| background-image:url("/images/c/cc/Infobox_header_overlay.png") !important;
| |
| border:1px solid rgba(0,0,0,0.25);
| |
| border-bottom-width:0px;
| |
| font-family:Arial, sans-serif!important;
| |
| font-size:1.083em;
| |
| font-size-adjust:.52;
| |
| font-weight:700;
| |
| line-height:100%;
| |
| text-align:center;
| |
| margin:-1px -1px 0px;
| |
| padding:.769em 0;
| |
| position:relative;
| |
| z-index:1;
| |
| }
| |
| | |
| div.nav .clear {
| |
| height:0.667em;
| |
| }
| |
| | |
| div.nav .box::after,
| |
| div.nav .heading::after {
| |
| content:"";
| |
| position:absolute;
| |
| width:100%;
| |
| left:0;
| |
| height:3px;
| |
| background-image:url("/images/5/5d/Boxshadow.png");
| |
| background-size:100% 3px;
| |
| }
| |
| | |
| div.nav .box::after,
| |
| div.nav .heading::after {
| |
| bottom:-3px;
| |
| }
| |
| | |
| div.nav .wrapper {
| |
| padding: 0px 8px;
| |
| }
| |
| | |
| div.nav dl,
| |
| div.nav .wrapper.hlist > ul {
| |
| margin:0.667em 0em;
| |
| }
| |
| | |
| div.nav dt {
| |
| float:left;
| |
| text-align:right;
| |
| clear:left;
| |
| border-right:2px solid #999;
| |
| margin:0 -2px 0 0;
| |
| padding:2px 8px 2px 0px;
| |
| width:25%;
| |
| }
| |
| | |
| div.nav dd {
| |
| float:left;
| |
| text-align:left;
| |
| border-left:2px solid #888;
| |
| margin:0;
| |
| padding:2px 0px 2px 8px;
| |
| width:67%;
| |
| }
| |
| | |
| div.nav dt, div.nav dd {
| |
| line-height:1.667em;
| |
| }
| |
| | |
| div.nav table {
| |
| line-height:1.667em;
| |
| background-color:transparent;
| |
| border-collapse:collapse;
| |
| width:100%;
| |
| margin:0.667em 0;
| |
| }
| |
| | |
| div.nav table th {
| |
| text-align:right;
| |
| border-right:2px solid #888;
| |
| vertical-align:top;
| |
| padding:2px 8px;
| |
| }
| |
| | |
| div.nav table td {
| |
| padding:2px 8px;
| |
| }
| |
| | |
| .nav .wrapper p {
| |
| margin-top:0.667em;
| |
| margin-bottom:0.667em;
| |
| }
| |
| | |
| div.nav .selflink {
| |
| font-weight:bold;
| |
| }
| |
| | |
| /* Nav Items */
| |
| div.nav.items .heading { background-color:var(--fx-color-interface); }
| |
| div.nav.items dd,
| |
| div.nav.items dt,
| |
| div.nav.items table th { border-color:var(--fx-color-interface); }
| |
| | |
| .table.items > :first-child > tr:first-child,
| |
| .table.items > :first-child > tr:first-child > *,
| |
| .table.items > tbody > tr.heading,
| |
| .table.items > tbody > tr.heading > * {
| |
| background-color:#ffffff !important;
| |
| border-color:var(--fx-color-interface) !important;
| |
| }
| |
| .table.items > tbody > tr > th,
| |
| .table.items > tfoot > tr > th,
| |
| .table.items > thead > tr > th,
| |
| table.table > tbody > tr.items > th {
| |
| background-color:#ffffff;
| |
| border-color:var(--fx-color-interface);
| |
| }
| |
| .table.items > tbody > tr:nth-child(odd),
| |
| .table > tbody > tr.items:nth-child(odd) {
| |
| background-color:var(--fx-color-interface-row-odd);
| |
| }
| |
| | |
| /* Overlays */
| |
| .table.overlay > :first-child > tr:first-child,
| |
| .table.overlay > :first-child > tr:first-child > *,
| |
| .table.overlay > tbody > tr.heading,
| |
| .table.overlay > tbody > tr.heading > * {
| |
| background-color:var(--fx-color-interface) !important;
| |
| }
| |
| .table.overlay > tbody > tr > th,
| |
| .table.overlay > tfoot > tr > th,
| |
| .table.overlay > thead > tr > th,
| |
| table.table > tbody > tr.overlay > th {
| |
| background-color:var(--fx-color-interface);
| |
| }
| |
| .table.overlay > tbody > tr:nth-child(odd),
| |
| .table > tbody > tr.overlay:nth-child(odd) {
| |
| background-color:var(--fx-color-interface-row-odd);
| |
| }
| |
| | |
| div.module-button{
| |
| border:0px solid #AAA;
| |
| border-spacing:0;
| |
| border-radius:4px;
| |
| font-size:1.5em;
| |
| height:7em;
| |
| width:7em;
| |
| position:relative;
| |
| margin:auto;
| |
| }
| |
| | |
| div.module-button .module-button-text{
| |
| position: absolute;
| |
| bottom: 5%;
| |
| text-align: center;
| |
| width: 100%;
| |
| font-family: 'ZCOOL KuaiLe', cursive;
| |
| }
| |
| div.imagelink-white,
| |
| .imagelink-white {
| |
| z-index:5;
| |
| }
| |
| div.imagelink-white p a,
| |
| .imagelink-white p a{
| |
| color:white;
| |
| }
| |