From 3feb45d0a754407bf2a5e8d4f54c2ce07ea6a55a Mon Sep 17 00:00:00 2001 From: tamir71 Date: Fri, 6 Jan 2017 12:02:25 -0800 Subject: [PATCH] Fixed syntax --- css/stylesheet.css | 332 ++++++++++++++++++++++++++++++++++++++------- 1 file changed, 284 insertions(+), 48 deletions(-) diff --git a/css/stylesheet.css b/css/stylesheet.css index 2d4b254..607e927 100755 --- a/css/stylesheet.css +++ b/css/stylesheet.css @@ -39,7 +39,6 @@ progress{ abbr[title]{ border-bottom:none; text-decoration:underline; - text-decoration:underline dotted } dfn{ font-style:italic @@ -96,6 +95,7 @@ button,select{ } button,html [type=button],[type=reset],[type=submit]{ -webkit-appearance:button + -moz-appearance:button } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner{ border-style:none; @@ -127,10 +127,12 @@ textarea{ } [type=search]{ -webkit-appearance:textfield; + -moz-appearance:textfield; outline-offset:-2px } [type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{ - -webkit-appearance:none + -webkit-appearance:none; + -moz-appearance:none } ::-webkit-input-placeholder{ color:inherit; @@ -138,9 +140,11 @@ textarea{ } ::-webkit-file-upload-button{ -webkit-appearance:button; + -moz-appearance:botton; font:inherit } /* End extract */ +<<<<<<< HEAD html,body{ font-family:Verdana,sans-serif; font-size:15px; @@ -149,33 +153,9 @@ textarea{ html{ overflow-x:hidden } - h1,h2,h3,h4,h5,h6,.sst-slim,.sst-wide{ - font-family:"Segoe UI",Arial,sans-serif -} - h1{ - font-size:36px -} -h2{ - font-size:30px -} -h3{ - font-size:24px -} -h4{ - font-size:20px -} -h5{ - font-size:18px -} -h6{ - font-size:16px -} + .sst-serif{ font-family:"Times New Roman",Times,serif -} - h1,h2,h3,h4,h5,h6{ - font-weight:400; - margin:10px 0 } .sst-wide{ letter-spacing:4px @@ -376,6 +356,8 @@ ul.sst-ul li:last-child{ padding:0 8px; border-bottom:3px solid transparent; -webkit-transition:border-bottom .3s; + -moz-transition:border-bottom .3s; + -o-transition:border-bottom .3s; transition:border-bottom .3s } .sst-topnav a:hover{ @@ -393,14 +375,16 @@ ul.sst-ul li:last-child{ } .sst-btn,.sst-btn-floating,.sst-dropnav a,.sst-btn-floating-large,.sst-btn-block,.sst-hover-shadow,.sst-hover-opacity,.sst-hover-opacity-off,.sst-hover-sepia,.sst-hover-grayscale,.sst-hover-greyscale, .sst-navbar a,.sst-sidenav a,.sst-pagination li a,.sst-hoverable tbody tr,.sst-hoverable li,.sst-accordion-content a,.sst-dropdown-content a,.sst-dropdown-click:hover,.sst-dropdown-hover:hover,.sst-opennav,.sst-closenav,.sst-closebtn, .sst-hover-amber,.sst-hover-aqua,.sst-hover-blue,.sst-hover-light-blue,.sst-hover-brown,.sst-hover-cyan,.sst-hover-blue-grey,.sst-hover-green,.sst-hover-light-green,.sst-hover-indigo,.sst-hover-khaki,.sst-hover-lime,.sst-hover-orange,.sst-hover-deep-orange,.sst-hover-pink, .sst-hover-purple,.sst-hover-deep-purple,.sst-hover-red,.sst-hover-sand,.sst-hover-teal,.sst-hover-yellow,.sst-hover-white,.sst-hover-black,.sst-hover-grey,.sst-hover-light-grey,.sst-hover-dark-grey,.sst-hover-text-amber,.sst-hover-text-aqua,.sst-hover-text-blue,.sst-hover-text-light-blue, .sst-hover-text-brown,.sst-hover-text-cyan,.sst-hover-text-blue-grey,.sst-hover-text-green,.sst-hover-text-light-green,.sst-hover-text-indigo,.sst-hover-text-khaki,.sst-hover-text-lime,.sst-hover-text-orange,.sst-hover-text-deep-orange,.sst-hover-text-pink,.sst-hover-text-purple, .sst-hover-text-deep-purple,.sst-hover-text-red,.sst-hover-text-sand,.sst-hover-text-teal,.sst-hover-text-yellow,.sst-hover-text-white,.sst-hover-text-black,.sst-hover-text-grey,.sst-hover-text-light-grey,.sst-hover-text-dark-grey { -webkit-transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s,filter 0.3s; - transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s,filter 0.3s + -moz-transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s,filter 0.3s + -o-transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s,filter 0.3s } .sst-ripple:active{ opacity:0.5 } .sst-ripple{ -webkit-transition:opacity 0s; - transition:opacity 0s + -moz-transition:opacity 0s; + -o-transition:opacity 0s } .sst-sidenav{ height:100%; @@ -890,35 +874,45 @@ ul.sst-ul li:last-child{ position:absolute; top:50%; left:50%; - transform:translate(-50%,-50%); + -moz-transform:translate(-50%,-50%); + -o-transform:translate(-50%,-50%); + -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%) } .sst-display-left{ position:absolute; top:50%; - left:0%; - transform:translate(0%,-50%); + left:0; + -moz-transform:translate(0%,-50%); + -o-transform:translate(0%,-50%); + -webkit-transform:translate(0%,-50%); -ms-transform:translate(-0%,-50%) } .sst-display-right{ position:absolute; top:50%; - right:0%; - transform:translate(0%,-50%); + right:0; + -moz-transform:translate(0%,-50%); + -o-transform:translate(0%,-50%); + -webkit-transform:translate(0%,-50%); -ms-transform:translate(0%,-50%) } .sst-display-topmiddle{ position:absolute; left:50%; top:0; - transform:translate(-50%,0%); + -moz-transform:translate(-50%,0%); + -o-transform:translate(-50%,0%); + -webkit-transform:translate(-50%,0%); -ms-transform:translate(-50%,0%) } .sst-display-bottommiddle{ position:absolute; left:50%; bottom:0; - transform:translate(-50%,0%); + -moz-transform:translate(-50%,0%); + -o-transform:translate(-50%,0%); + -webkit-transform:translate(-50%,0%); -ms-transform:translate(-50%,0%) } .sst-circle{ @@ -1070,7 +1064,7 @@ ul.sst-ul li:last-child{ padding:0 8px } .sst-spin{ - animation:sst-spin 2s infinite linear; + -moz-animation:sst-spin 2s infinite linear; -webkit-animation:sst-spin 2s infinite linear } @-webkit-keyframes sst-spin{ @@ -1150,7 +1144,7 @@ ul.sst-ul li:last-child{ } .sst-animate-fading{ -webkit-animation:fading 10s infinite; - animation:fading 10s infinite + -moz-animation:fading 10s infinite } @-webkit-keyframes fading{ 0%{ @@ -1176,7 +1170,7 @@ ul.sst-ul li:last-child{ } .sst-animate-opacity{ -webkit-animation:opac 0.8s; - animation:opac 0.8s + -moz-animation:opac 0.8s } @-webkit-keyframes opac{ from{ @@ -1197,7 +1191,7 @@ ul.sst-ul li:last-child{ .sst-animate-top{ position:relative; -webkit-animation:animatetop 0.4s; - animation:animatetop 0.4s + -moz-animation:animatetop 0.4s } @-webkit-keyframes animatetop{ from{ @@ -1222,7 +1216,7 @@ ul.sst-ul li:last-child{ .sst-animate-left{ position:relative; -webkit-animation:animateleft 0.4s; - animation:animateleft 0.4s + -moz-animation:animateleft 0.4s } @-webkit-keyframes animateleft{ from{ @@ -1247,7 +1241,7 @@ ul.sst-ul li:last-child{ .sst-animate-right{ position:relative; -webkit-animation:animateright 0.4s; - animation:animateright 0.4s + -moz-animation:animateright 0.4s } @-webkit-keyframes animateright{ from{ @@ -1272,7 +1266,7 @@ ul.sst-ul li:last-child{ .sst-animate-bottom{ position:relative; -webkit-animation:animatebottom 0.4s; - animation:animatebottom 0.4s + -moz-animation:animatebottom 0.4s } @-webkit-keyframes animatebottom{ from{ @@ -1280,7 +1274,7 @@ ul.sst-ul li:last-child{ opacity:0 } to{ - bottom:0px; + bottom:0; opacity:1 } } @@ -1296,14 +1290,16 @@ ul.sst-ul li:last-child{ } .sst-animate-zoom { -webkit-animation:animatezoom 0.6s; - animation:animatezoom 0.6s + -moz-animation:animatezoom 0.6s } @-webkit-keyframes animatezoom{ from{ - -webkit-transform:scale(0) + -webkit-transform:scale(0); + transform:scale(0) } to{ - -webkit-transform:scale(1) + -webkit-transform:scale(1); + transform:scale(1) } } @keyframes animatezoom{ @@ -1316,7 +1312,8 @@ ul.sst-ul li:last-child{ } .sst-animate-input{ -webkit-transition:width 0.4s ease-in-out; - transition:width 0.4s ease-in-out + -o-transition:width 0.4s ease-in-out + -moz-transition:width 0.4s ease-in-out } .sst-animate-input:focus{ width:100%!important @@ -1378,6 +1375,245 @@ ul.sst-ul li:last-child{ box-shadow:none!important; background-color:transparent!important } +======= +html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden} +h1,h2,h3,h4,h5,h6,.sst-slim,.sst-wide{font-family:"Segoe UI",Arial,sans-serif} +h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px} +.sst-serif{font-family:"Times New Roman",Times,serif} +h1,h2,h3,h4,h5,h6{font-weight:400;margin:10px 0}.sst-wide{letter-spacing:4px} +h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit} +hr{border:0;border-top:1px solid #eee;margin:20px 0} +img{margin-bottom:-5px}a{color:inherit} +.sst-image{max-width:100%;height:auto} +.sst-table,.sst-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table} +.sst-table-all{border:1px solid #ccc} +.sst-bordered tr,.sst-table-all tr{border-bottom:1px solid #ddd} +.sst-striped tbody tr:nth-child(even){background-color:#f1f1f1} +.sst-table-all tr:nth-child(odd){background-color:#fff} +.sst-table-all tr:nth-child(even){background-color:#f1f1f1} +.sst-hoverable tbody tr:hover,.sst-ul.sst-hoverable li:hover{background-color:#ccc} +.sst-centered tr th,.sst-centered tr td{text-align:center} +.sst-table td,.sst-table th,.sst-table-all td,.sst-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top} +.sst-table th:first-child,.sst-table td:first-child,.sst-table-all th:first-child,.sst-table-all td:first-child{padding-left:16px} +.sst-btn,.sst-btn-block{border:none;display:inline-block;outline:0;padding:6px 16px;vertical-align:middle;overflow:hidden;text-decoration:none!important;color:#fff;background-color:#000;text-align:center;cursor:pointer;white-space:nowrap} +.sst-btn-size{ +font-size: 40px; +} +.sst-btn:hover,.sst-btn-block:hover,.sst-btn-floating:hover,.sst-btn-floating-large:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)} +.sst-btn,.sst-btn-floating,.sst-btn-floating-large,.sst-closenav,.sst-opennav{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} +.sst-btn-floating,.sst-btn-floating-large{display:inline-block;text-align:center;color:#fff;background-color:#000;position:relative;overflow:hidden;z-index:1;padding:0;border-radius:50%;cursor:pointer;font-size:36px} +.sst-btn-floating{width:40px;height:40px;line-height:40px}.sst-btn-floating-large{width:56px;height:56px;line-height:56px} +.sst-disabled,.sst-btn:disabled,.sst-btn-floating:disabled,.sst-btn-floating-large:disabled{cursor:not-allowed;opacity:0.3} +.sst-btn.sst-disabled *,.sst-btn-block.sst-disabled,.sst-btn-floating.sst-disabled *,.sst-btn:disabled *,.sst-btn-floating:disabled *{pointer-events:none} +.sst-btn.sst-disabled:hover,.sst-btn-block.sst-disabled:hover,.sst-btn:disabled:hover,.sst-btn-floating.sst-disabled:hover,.sst-btn-floating:disabled:hover, +.sst-btn-floating-large.sst-disabled:hover,.sst-btn-floating-large:disabled:hover{box-shadow:none} +.sst-btn-group .sst-btn{float:left}.sst-btn-block{width:100%} +.sst-btn-bar .sst-btn{box-shadow:none;background-color:inherit;color:inherit;float:left}.sst-btn-bar .sst-btn:hover{background-color:#ccc} +.sst-badge,.sst-tag,.sst-sign{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center} +.sst-badge{border-radius:50%} +ul.sst-ul{list-style-type:none;padding:0;margin:0}ul.sst-ul li{padding:6px 2px 6px 16px;border-bottom:1px solid #ddd}ul.sst-ul li:last-child{border-bottom:none} +.sst-tooltip,.sst-display-container{position:relative}.sst-tooltip .sst-text{display:none}.sst-tooltip:hover .sst-text{display:inline-block} +.sst-navbar{list-style-type:none;margin:0;padding:0;overflow:hidden} +.sst-navbar li{float:left}.sst-navbar li a,.sst-navitem{display:block;padding:8px 16px}.sst-navbar li a:hover{color:#000;background-color:#ccc} +.sst-navbar .sst-dropdown-hover,.sst-navbar .sst-dropdown-click{position:static} +.sst-navbar .sst-dropdown-hover:hover,.sst-navbar .sst-dropdown-hover:first-child,.sst-navbar .sst-dropdown-click:hover{background-color:#ccc;color:#000} +.sst-navbar a,.sst-topnav a,.sst-sidenav a,.sst-dropdown-content a,.sst-accordion-content a,.sst-dropnav a{text-decoration:none!important} +.sst-navbar .sst-opennav.sst-right{float:right!important}.sst-topnav{padding:8px 8px} +.sst-topnav a{padding:0 8px;border-bottom:3px solid transparent;-webkit-transition:border-bottom .3s;transition:border-bottom .3s} +.sst-topnav a:hover{border-bottom:3px solid #fff}.sst-topnav .sst-dropdown-hover a{border-bottom:0} +.sst-opennav,.sst-closenav{color:inherit}.sst-opennav:hover,.sst-closenav:hover{cursor:pointer;opacity:0.8} +.sst-btn,.sst-btn-floating,.sst-dropnav a,.sst-btn-floating-large,.sst-btn-block,.sst-hover-shadow,.sst-hover-opacity,.sst-hover-opacity-off,.sst-hover-sepia,.sst-hover-grayscale,.sst-hover-greyscale, +.sst-navbar a,.sst-sidenav a,.sst-pagination li a,.sst-hoverable tbody tr,.sst-hoverable li,.sst-accordion-content a,.sst-dropdown-content a,.sst-dropdown-click:hover,.sst-dropdown-hover:hover,.sst-opennav,.sst-closenav,.sst-closebtn, +.sst-hover-amber,.sst-hover-aqua,.sst-hover-blue,.sst-hover-light-blue,.sst-hover-brown,.sst-hover-cyan,.sst-hover-blue-grey,.sst-hover-green,.sst-hover-light-green,.sst-hover-indigo,.sst-hover-khaki,.sst-hover-lime,.sst-hover-orange,.sst-hover-deep-orange,.sst-hover-pink, +.sst-hover-purple,.sst-hover-deep-purple,.sst-hover-red,.sst-hover-sand,.sst-hover-teal,.sst-hover-yellow,.sst-hover-white,.sst-hover-black,.sst-hover-grey,.sst-hover-light-grey,.sst-hover-dark-grey,.sst-hover-text-amber,.sst-hover-text-aqua,.sst-hover-text-blue,.sst-hover-text-light-blue, +.sst-hover-text-brown,.sst-hover-text-cyan,.sst-hover-text-blue-grey,.sst-hover-text-green,.sst-hover-text-light-green,.sst-hover-text-indigo,.sst-hover-text-khaki,.sst-hover-text-lime,.sst-hover-text-orange,.sst-hover-text-deep-orange,.sst-hover-text-pink,.sst-hover-text-purple, +.sst-hover-text-deep-purple,.sst-hover-text-red,.sst-hover-text-sand,.sst-hover-text-teal,.sst-hover-text-yellow,.sst-hover-text-white,.sst-hover-text-black,.sst-hover-text-grey,.sst-hover-text-light-grey,.sst-hover-text-dark-grey +{-webkit-transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s,filter 0.3s;transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s,filter 0.3s} +.sst-ripple:active{opacity:0.5}.sst-ripple{-webkit-transition:opacity 0s;transition:opacity 0s} +.sst-sidenav{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto} +.sst-sidenav a{padding:4px 2px 4px 16px}.sst-sidenav a:hover{background-color:#ccc}.sst-sidenav a,.sst-dropnav a{display:block} +.sst-sidenav .sst-dropdown-hover:hover,.sst-sidenav .sst-dropdown-hover:first-child,.sst-sidenav .sst-dropdown-click:hover,.sst-dropnav a:hover{background-color:#ccc;color:#000} +.sst-sidenav .sst-dropdown-hover,.sst-sidenav .sst-dropdown-click {width:100%}.sst-sidenav .sst-dropdown-hover .sst-dropdown-content,.sst-sidenav .sst-dropdown-click .sst-dropdown-content{min-width:100%} +.sst-main,#main{transition:margin-left .4s} +.sst-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)} +.sst-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}.sst-closebtn{text-decoration:none;float:right;font-size:24px;font-weight:bold;color:inherit} +.sst-closebtn:hover,.sst-closebtn:focus{color:#000;text-decoration:none;cursor:pointer} +.sst-pagination{display:inline-block;padding:0;margin:0}.sst-pagination li{display:inline} +.sst-pagination li a{text-decoration:none;color:#000;float:left;padding:8px 16px} +.sst-pagination li a:hover{background-color:#ccc} +.sst-input-group,.sst-group{margin-top:24px;margin-bottom:24px} +.sst-input{padding:8px;display:block;border:none;border-bottom:1px solid #808080;width:100%} +.sst-label{color:#009688}.sst-input:not(:valid)~.sst-validate{color:#f44336} +.sst-select{padding:9px 0;width:100%;color:#000;border:1px solid transparent;border-bottom:1px solid #009688} +.sst-select select:focus{color:#000;border:1px solid #009688}.sst-select option[disabled]{color:#009688} +.sst-dropdown-click,.sst-dropdown-hover{position:relative;display:inline-block;cursor:pointer} +.sst-dropdown-hover:hover .sst-dropdown-content{display:block;z-index:1} +.sst-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0} +.sst-dropdown-content a{padding:6px 16px;display:block} +.sst-dropdown-content a:hover{background-color:#ccc} +.sst-accordion {width:100%;cursor:pointer} +.sst-accordion-content{cursor:auto;display:none;position:relative;width:100%;margin:0;padding:0} +.sst-accordion-content a{padding:6px 16px;display:block}.sst-accordion-content a:hover{background-color:#ccc} +.sst-progress-container{width:100%;height:1.5em;position:relative;background-color:#f1f1f1} +.sst-progressbar{background-color:#757575;height:100%;position:absolute;line-height:inherit} +input[type=checkbox].sst-check,input[type=radio].sst-radio{width:24px;height:24px;position:relative;top:6px} +input[type=checkbox].sst-check:checked+.sst-validate,input[type=radio].sst-radio:checked+.sst-validate{color:#009688} +input[type=checkbox].sst-check:disabled+.sst-validate,input[type=radio].sst-radio:disabled+.sst-validate{color:#aaa} +.sst-responsive{overflow-x:auto} +.sst-container:after,.sst-panel:after,.sst-row:after,.sst-row-padding:after,.sst-topnav:after,.sst-clear:after,.sst-btn-group:before,.sst-btn-group:after,.sst-btn-bar:before,.sst-btn-bar:after +{content:"";display:table;clear:both} +.sst-col,.sst-half,.sst-third,.sst-twothird,.sst-threequarter,.sst-quarter{float:left;width:100%} +.sst-col.s1{width:8.33333%} +.sst-col.s2{width:16.66666%} +.sst-col.s3{width:24.99999%} +.sst-col.s4{width:33.33333%} +.sst-col.s5{width:41.66666%} +.sst-col.s6{width:49.99999%} +.sst-col.s7{width:58.33333%} +.sst-col.s8{width:66.66666%} +.sst-col.s9{width:74.99999%} +.sst-col.s10{width:83.33333%} +.sst-col.s11{width:91.66666%} +.sst-col.s12,.sst-half,.sst-third,.sst-twothird,.sst-threequarter,.sst-quarter{width:99.99999%} +@media only screen and (min-width:601px){ +.sst-col.m1{width:8.33333%} +.sst-col.m2{width:16.66666%} +.sst-col.m3,.sst-quarter{width:24.99999%} +.sst-col.m4,.sst-third{width:33.33333%} +.sst-col.m5{width:41.66666%} +.sst-col.m6,.sst-half{width:49.99999%} +.sst-col.m7{width:58.33333%} +.sst-col.m8,.sst-twothird{width:66.66666%} +.sst-col.m9,.sst-threequarter{width:74.99999%} +.sst-col.m10{width:83.33333%} +.sst-col.m11{width:91.66666%} +.sst-col.m12{width:99.99999%}} +@media only screen and (min-width:993px){ +.sst-col.l1{width:8.33333%} +.sst-col.l2{width:16.66666%} +.sst-col.l3,.sst-quarter{width:24.99999%} +.sst-col.l4,.sst-third{width:33.33333%} +.sst-col.l5{width:41.66666%} +.sst-col.l6,.sst-half{width:49.99999%} +.sst-col.l7{width:58.33333%} +.sst-col.l8,.sst-twothird{width:66.66666%} +.sst-col.l9,.sst-threequarter{width:74.99999%} +.sst-col.l10{width:83.33333%} +.sst-col.l11{width:91.66666%} +.sst-col.l12{width:99.99999%}} +.sst-content{max-width:980px;margin:auto} +.sst-rest{overflow:hidden} +.sst-hide{display:none!important}.sst-show-block,.sst-show{display:block!important}.sst-show-inline-block{display:inline-block!important} +@media (max-width:600px){.sst-modal-content{margin:0 10px;width:auto!important}.sst-modal{padding-top:30px}} +@media (max-width:768px){.sst-modal-content{width:500px}.sst-modal{padding-top:50px}} +@media (min-width:993px){.sst-modal-content{width:900px}} +@media screen and (max-width:600px){.sst-topnav a{display:block}.sst-navbar li:not(.sst-opennav){float:none;width:100%!important}.sst-navbar li.sst-right{float:none!important}} +@media screen and (max-width:600px){.sst-topnav .sst-dropdown-hover .sst-dropdown-content,.sst-navbar .sst-dropdown-click .sst-dropdown-content,.sst-navbar .sst-dropdown-hover .sst-dropdown-content{position:relative}} +@media screen and (max-width:600px){.sst-topnav,.sst-navbar{text-align:center}} +@media (max-width:600px){.sst-hide-small{display:none!important}} +@media (max-width:992px) and (min-width:601px){.sst-hide-medium{display:none!important}} +@media (min-width:993px){.sst-hide-large{display:none!important}} +@media screen and (max-width:992px){.sst-sidenav.sst-collapse{display:none}.sst-main{margin-left:0!important;margin-right:0!important}} +@media screen and (min-width:993px){.sst-sidenav.sst-collapse{display:block!important}} +.sst-top,.sst-bottom{position:fixed;width:100%;z-index:1}.sst-top{top:0}.sst-bottom{bottom:0} +.sst-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2} +.sst-left{float:left!important}.sst-right{float:right!important} +.sst-tiny{font-size:10px!important}.sst-small{font-size:12px!important} +.sst-medium{font-size:15px!important}.sst-large{font-size:18px!important} +.sst-xlarge{font-size:24px!important}.sst-xxlarge{font-size:36px!important} +.sst-xxxlarge{font-size:48px!important}.sst-jumbo{font-size:64px!important} +.sst-vertical{word-break:break-all;line-height:1;text-align:center;width:0.6em} +.sst-left-align{text-align:left!important}.sst-right-align{text-align:right!important} +.sst-justify{text-align:justify!important}.sst-center{text-align:center!important} +.sst-display-topleft{position:absolute;left:0;top:0}.sst-display-topright{position:absolute;right:0;top:0} +.sst-display-bottomleft{position:absolute;left:0;bottom:0}.sst-display-bottomright{position:absolute;right:0;bottom:0} +.sst-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)} +.sst-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)} +.sst-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)} +.sst-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)} +.sst-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)} +.sst-circle{border-radius:50%!important} +.sst-round-small{border-radius:2px!important}.sst-round,.sst-round-medium{border-radius:4px!important} +.sst-round-large{border-radius:8px!important}.sst-round-xlarge{border-radius:16px!important} +.sst-round-xxlarge{border-radius:32px!important}.sst-round-jumbo{border-radius:64px!important} +.sst-border-0{border:0!important}.sst-border{border:1px solid #ccc!important} +.sst-border-top{border-top:1px solid #ccc!important}.sst-border-bottom{border-bottom:1px solid #ccc!important} +.sst-border-left{border-left:1px solid #ccc!important}.sst-border-right{border-right:1px solid #ccc!important} +.sst-margin{margin:16px!important}.sst-margin-0{margin:0!important} +.sst-margin-top{margin-top:16px!important}.sst-margin-bottom{margin-bottom:16px!important} +.sst-margin-left{margin-left:16px!important}.sst-margin-right{margin-right:16px!important} +.sst-section{margin-top:16px!important;margin-bottom:16px!important} +.sst-padding-tiny{padding:2px 4px!important}.sst-padding-small{padding:4px 8px!important} +.sst-padding-medium,.sst-padding,.sst-form{padding:8px 16px!important} +.sst-padding-large{padding:12px 24px!important}.sst-padding-xlarge{padding:16px 32px!important} +.sst-padding-xxlarge{padding:24px 48px!important}.sst-padding-jumbo{padding:32px 64px!important} +.sst-padding-4{padding-top:4px!important;padding-bottom:4px!important} +.sst-padding-8{padding-top:8px!important;padding-bottom:8px!important} +.sst-padding-12{padding-top:12px!important;padding-bottom:12px!important} +.sst-padding-16{padding-top:16px!important;padding-bottom:16px!important} +.sst-padding-24{padding-top:24px!important;padding-bottom:24px!important} +.sst-padding-32{padding-top:32px!important;padding-bottom:32px!important} +.sst-padding-48{padding-top:48px!important;padding-bottom:48px!important} +.sst-padding-64{padding-top:64px!important;padding-bottom:64px!important} +.sst-padding-128{padding-top:128px!important;padding-bottom:128px!important} +.sst-padding-0{padding:0!important} +.sst-padding-top{padding-top:8px!important}.sst-padding-bottom{padding-bottom:8px!important} +.sst-padding-left{padding-left:16px!important}.sst-padding-right{padding-right:16px!important} +.sst-topbar{border-top:6px solid #ccc!important}.sst-bottombar{border-bottom:6px solid #ccc!important} +.sst-leftbar{border-left:6px solid #ccc!important}.sst-rightbar{border-right:6px solid #ccc!important} +.sst-row-padding,.sst-row-padding>.sst-half,.sst-row-padding>.sst-third,.sst-row-padding>.sst-twothird,.sst-row-padding>.sst-threequarter,.sst-row-padding>.sst-quarter,.sst-row-padding>.sst-col{padding:0 8px} +.sst-spin{animation:sst-spin 2s infinite linear;-webkit-animation:sst-spin 2s infinite linear} +@-webkit-keyframes sst-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}} +@keyframes sst-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}} +.sst-container{padding:0.01em 16px} +.sst-panel{padding:0.01em 16px;margin-top:16px!important;margin-bottom:16px!important} +.sst-example{background-color:#f1f1f1;padding:0.01em 16px} +.sst-code,.sst-codespan{font-family:Consolas,"courier new";font-size:16px} +.sst-code{line-height:1.4;width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word} +.sst-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%} +.sst-example,.sst-code{margin:20px 0}.sst-card{border:1px solid #ccc} +.sst-card-2,.sst-example{box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important} +.sst-card-4,.sst-hover-shadow:hover{box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)!important} +.sst-card-8{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)!important} +.sst-card-12{box-shadow:0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19)!important} +.sst-card-16{box-shadow:0 16px 24px 0 rgba(0,0,0,0.22),0 25px 55px 0 rgba(0,0,0,0.21)!important} +.sst-card-24{box-shadow:0 24px 24px 0 rgba(0,0,0,0.2),0 40px 77px 0 rgba(0,0,0,0.22)!important} +.sst-animate-fading{-webkit-animation:fading 10s infinite;animation:fading 10s infinite} +@-webkit-keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}} +@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}} +.sst-animate-opacity{-webkit-animation:opac 0.8s;animation:opac 0.8s} +@-webkit-keyframes opac{from{opacity:0} to{opacity:1}} +@keyframes opac{from{opacity:0} to{opacity:1}} +.sst-animate-top{position:relative;-webkit-animation:animatetop 0.4s;animation:animatetop 0.4s} +@-webkit-keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}} +@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}} +.sst-animate-left{position:relative;-webkit-animation:animateleft 0.4s;animation:animateleft 0.4s} +@-webkit-keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}} +@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}} +.sst-animate-right{position:relative;-webkit-animation:animateright 0.4s;animation:animateright 0.4s} +@-webkit-keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}} +@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}} +.sst-animate-bottom{position:relative;-webkit-animation:animatebottom 0.4s;animation:animatebottom 0.4s} +@-webkit-keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0px;opacity:1}} +@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}} +.sst-animate-zoom {-webkit-animation:animatezoom 0.6s;animation:animatezoom 0.6s} +@-webkit-keyframes animatezoom{from{-webkit-transform:scale(0)} to{-webkit-transform:scale(1)}} +@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}} +.sst-animate-input{-webkit-transition:width 0.4s ease-in-out;transition:width 0.4s ease-in-out}.sst-animate-input:focus{width:100%!important} +.sst-opacity,.sst-hover-opacity:hover{opacity:0.60;filter:alpha(opacity=60);-webkit-backface-visibility:hidden} +.sst-opacity-off,.sst-hover-opacity-off:hover{opacity:1;filter:alpha(opacity=100);-webkit-backface-visibility:hidden} +.sst-opacity-max{opacity:0.25;filter:alpha(opacity=25);-webkit-backface-visibility:hidden} +.sst-opacity-min{opacity:0.75;filter:alpha(opacity=75);-webkit-backface-visibility:hidden} +.sst-greyscale-max,.sst-grayscale-max,.sst-hover-greyscale:hover,.sst-hover-grayscale:hover{-webkit-filter:grayscale(100%);filter:grayscale(100%)} +.sst-greyscale,.sst-grayscale{-webkit-filter:grayscale(75%);filter:grayscale(75%)} +.sst-greyscale-min,.sst-grayscale-min{-webkit-filter:grayscale(50%);filter:grayscale(50%)} +.sst-sepia{-webkit-filter:sepia(75%);filter:sepia(75%)} +.sst-sepia-max,.sst-hover-sepia:hover{-webkit-filter:sepia(100%);filter:sepia(100%)} +.sst-sepia-min{-webkit-filter:sepia(50%);filter:sepia(50%)} +.sst-text-shadow{text-shadow:1px 1px 0 #444}.sst-text-shadow-white{text-shadow:1px 1px 0 #ddd} +.sst-transparent{background-color:transparent!important} +.sst-hover-none:hover{box-shadow:none!important;background-color:transparent!important} +>>>>>>> e480db32d868069cdf5a3fe0864840849f76d27f /* Colors */ .sst-amber,.sst-hover-amber:hover{ color:#000!important;