/* ******************************************************************** */ /* Generated by: http://csscreator.com */ /* ******************************************************************** */ /* light css reset */ * { margin: 0; padding: 0; } h2, h3, h4, h5, p, ul, ol { margin: 0 20px; padding: .5em 0; } img { border: 0px; } html, body { margin: 0; padding: 0; } #pagewidth { } #BodyStyle { font-family: sans-serif; font-size: 11pt; font-style: normal; line-height: 1.5em; background: -webkit-gradient(linear, 150% 90%, 40% 0%, from(#004400), to(#FFFFFF)); background-size: 100%; background-repeat: no-repeat; /*background-image: url(NavBackground.png);*/ } #pageHeader { position: relative; /*height: 20%;*/ width: 100%; display: block; overflow: hidden; } #HeadingText { font-family: Georgia; font-size: larger; } .FeatureList { list-style-position: inside; margin-left: 0; padding-left: 1em; text-indent: 1em; } .freeText { font: bold 10pt Georgia; font-style: italic; color: #08ff08; } #pageFooter { height: 5%; clear: both; display: block; overflow: visible; font-size: 8pt; text-align: center; } #ScreenshotList { /*float: right;*/ text-align: center; } #ScreenShots { display: inline-block; text-align: center; padding-left: 1em; padding-right: 2em; text-indent: 1em; width: 96px; height: 96px; } #screenShotTitle { font-size: smaller; text-align: center; font-style: italic; } /* 2 Row Style*/ #css-table { display: table; } #css-table .col:nth-child(even) { background: #ccc; } #css-table .col:nth-child(odd) { background: #eee; } #css-table .navColumn { display: table-cell; width: 10%; height: 100%; padding: 10px; } #css-table .articleColumn { /*background:-webkit-gradient(radial, 0 0, 500, 600 0, 800, from(#FFFFFF), to(#001C00));*/ display: table-cell; width: 85%; height: 100%; padding: 10px; } #css-table .articleDocumentationColumn { font: 10pt Franklin Gothic Book, Bookman, Arial, Helvetica, sans-serif; display: table-cell; width: 85%; height: 100%; padding: 10px; } /* Nav Button Style*/ .ButtonStyle { font: 16pt Gabriola, Arial, Helvetica, sans-serif; color: #000000; /*font-size: larger; font-family: Gabriola, Bookman Old Style, verdana, arial, helvetica, sans-serif;*/ line-height: 1.5em; font-style: normal; margin: 0 auto; border: none 5px #000000; text-shadow: rgba(64, 64, 64, 0.496094) 6px 7px 5px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 60px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 60px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 60px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; -webkit-transition: All 1s ease; -moz-transition: All 1s ease; -o-transition: All 1s ease; -webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(10px); -moz-transform: rotate(0deg) scale(1) skew(1deg) translate(10px); -o-transform: rotate(0deg) scale(1) skew(1deg) translate(10px); } .ButtonStyle:active { cursor: pointer; position: relative; top: 2px; } .ButtonStyle:hover { -webkit-transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px); -moz-transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px); -o-transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px); } /* ******************************************************************** */ /* printer styles */ /* ******************************************************************** */ @media print { /*hide the left column when printing*/ #leftcol { display: none; } #twocols, #maincol { width: 100%; float: none; } } /* Speech Bubble*/ .speech-bubble { float: left; width: 90px; padding: 10px; background: #404040; color: #fff; font: normal 12px "Segoe UI", Arial, Sans-serif; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; text-align: center; -webkit-transform: rotate(330deg); -moz-transform: rotate(330deg); -o-transform: rotate(330deg); writing-mode: lr-tb; } .speech-bubble:after { content: ""; border: solid 10px transparent; /* set all borders to 10 pixels width */ border-top-color: #404040; /* the callout */ border-bottom: 0; /* we do not need the bottom border in this case */ width: 0; height: 0; overflow: hidden; display: block; position: relative; bottom: -20px; /* border-width of the :after element + padding of the root element */ margin: auto; } /* YouTube Video*/ #Video { float: right; padding-left: 12px; padding-bottom: 12px; } /* Useful for the documentation content index*/ #DocContentList { list-style-type: none; } #DocContentList .DocContentEntry:before { content: ">> "; } #DocContentList .DocContentEntry { padding: 8px; }