Last active
September 18, 2020 00:23
-
-
Save Prid13/e31770ab5b025e11c48004345b399647 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @charset "UTF-8"; | |
| @import url(fonts.css); | |
| @import url(normalize.css); | |
| html | |
| { | |
| color: #33392D; | |
| font-family: "Exo2", sans-serif; | |
| font-size: 16px; | |
| } | |
| body | |
| { | |
| margin: 0; | |
| background-color: #FFF; | |
| font-family: Segoe UI; | |
| font-size: 1.1em; | |
| } | |
| h1 | |
| { | |
| margin: 0 0 0.75em; | |
| font-size: 32px; | |
| font-weight: 300; | |
| } | |
| h2 | |
| { | |
| margin: 0.75em 0; | |
| font-size: 28px; | |
| font-weight: 500; | |
| } | |
| h3 | |
| { | |
| margin: 0.5em 0; | |
| font-size: 22px; | |
| font-weight: 500; | |
| } | |
| h4 | |
| { | |
| margin: 0.5em 0; | |
| font-size: 18px; | |
| font-weight: 600; | |
| } | |
| h5 | |
| { | |
| margin: 0.5em 0; | |
| font-size: 14px; | |
| font-weight: 600; | |
| } | |
| h6 | |
| { | |
| margin: 0.5em 0; | |
| font-size: 12px; | |
| font-weight: 600; | |
| } | |
| strong | |
| { | |
| font-weight: 600; | |
| } | |
| a | |
| { | |
| color: #ec4100; | |
| text-decoration: none; | |
| outline: none; | |
| transition: none !important; | |
| } | |
| a:hover | |
| { | |
| color: #460000; | |
| } | |
| p | |
| { | |
| margin: 0 0 30px; | |
| } | |
| hr | |
| { | |
| margin: 15px 0; | |
| border: none; | |
| border-top: 1px dotted #DDD; | |
| } | |
| ul, ol | |
| { | |
| margin: 0 0 20px; | |
| padding-left: 30px; | |
| } | |
| ul | |
| { | |
| list-style: square; | |
| } | |
| blockquote | |
| { | |
| margin-left: 20px; | |
| margin-right: 20px; | |
| padding-left: 20px; | |
| background: url("https://sciter.com/wp-content/themes/sciter/!images/blockquote.png") left repeat-y; | |
| } | |
| input, select | |
| { | |
| outline: none; | |
| } | |
| table | |
| { | |
| margin-bottom: 20px; | |
| } | |
| table th, table, td | |
| { | |
| padding: 10px 16px 12px; | |
| } | |
| address | |
| { | |
| margin: 0 0 20px; | |
| } | |
| abbr | |
| { | |
| cursor: help; | |
| } | |
| code, kbd | |
| { | |
| font-family: Consolas, monospace; | |
| padding: 0px 4px 1px; | |
| background-color: #fff1dc; | |
| padding: 0px 5px; | |
| border-radius: 5px; | |
| border: 1px solid #ffdd9f; | |
| box-shadow: 0px 1px 5px #4cacff1f; | |
| } | |
| pre | |
| { | |
| font-family: Consolas, monospace; | |
| padding: 6px 10px; | |
| border: 3px dashed #d2e6ff; | |
| font-size: 15px; | |
| background-color: #eaf3ff; | |
| border-radius: 10px; | |
| padding: 20px; | |
| margin-bottom: 30px; | |
| box-shadow: 0px 5px 20px 0px #ceedff40; | |
| } | |
| fieldset | |
| { | |
| border-color: #D9DBB6; | |
| } | |
| .left-side | |
| { | |
| float: left; | |
| } | |
| .right-side | |
| { | |
| float: right; | |
| } | |
| .hide | |
| { | |
| display: none; | |
| } | |
| .invisible | |
| { | |
| visibility: hidden; | |
| } | |
| .clear | |
| { | |
| clear: both; | |
| } | |
| .nowrap | |
| { | |
| white-space: nowrap; | |
| } | |
| .left-text | |
| { | |
| text-align: left; | |
| } | |
| .right-text | |
| { | |
| text-align: right; | |
| } | |
| .center-text | |
| { | |
| text-align: center; | |
| } | |
| /*************************************************************************************************/ | |
| #header | |
| { | |
| width: auto; | |
| position: relative; | |
| color: #fff3c9; | |
| background-color: #0071b3; | |
| z-index: 2; | |
| padding-top: 30px; | |
| padding-bottom: 40px; | |
| background: url(https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/d0233e58852705.5a0bdcee33b00.jpg); | |
| background: linear-gradient(180deg, #01025C, #0000b3); | |
| background-position: 50% 50%; | |
| padding-left: 20px; | |
| padding-right: 20px; | |
| } | |
| #header-panel | |
| { | |
| border-bottom: none; | |
| padding-bottom: 10px; | |
| display: inline-block; | |
| float: left; | |
| width: 300px; | |
| } | |
| #header-panel > .wrapper | |
| { | |
| /* margin: 0 auto; */ | |
| padding: 0 20px; | |
| width: 1240px; | |
| height: 100px; | |
| display: inline-block; | |
| } | |
| #header-panel > .wrapper > .left-side > .wrapper, | |
| #header-panel > .wrapper > .right-side > .wrapper | |
| { | |
| display: table-cell; | |
| height: 100px; | |
| vertical-align: middle; | |
| } | |
| #header-panel .logo-panel-holder | |
| { | |
| padding-right: 60px; | |
| } | |
| #header-panel .navigation-toggle-holder | |
| { | |
| position: absolute; | |
| right: 20px; | |
| z-index: 1; | |
| } | |
| #header-panel .navigation-toggle | |
| { | |
| display: none; | |
| } | |
| #header-panel .navigation-toggle > .button | |
| { | |
| padding: 0; | |
| border: 2px solid transparent; | |
| border-radius: 3px; | |
| background-color: transparent; | |
| } | |
| #header-panel .navigation-toggle > .button[data-toggle] | |
| { | |
| border-color: #859571; | |
| background-color: #5D684B; | |
| } | |
| #header-panel .navigation-toggle > .button > a | |
| { | |
| display: inline-block; | |
| width: 40px; | |
| height: 40px; | |
| text-indent: -9999px; | |
| background: url("https://sciter.com/wp-content/themes/sciter/!images/header-navigation-toggle.png") no-repeat center; | |
| } | |
| #header-panel .navigation-toggle > .button[data-toggle] > a | |
| { | |
| background-image: url("https://sciter.com/wp-content/themes/sciter/!images/header-navigation-toggle-active.png"); | |
| } | |
| #header-panel .info-panel | |
| { | |
| font-size: 0; | |
| } | |
| #header-panel .info-panel .contact | |
| { | |
| margin-top: 10px; | |
| font-size: 18px; | |
| background-color: #1d1d1d; | |
| /* background-image: linear-gradient(to bottom, #e09b55, #b5712d); */ | |
| } | |
| #header-panel .info-panel .contact:hover | |
| { | |
| background-color: #eb9136; | |
| background-image: linear-gradient(to bottom, #eb9136, #c26915); | |
| } | |
| #header-panel .info-panel .contact:active | |
| { | |
| background-image: linear-gradient(to top, #eb9136, #c26915); | |
| } | |
| #header-panel .info-panel .rss, | |
| #header-panel .info-panel .twitter | |
| { | |
| display: inline-block; | |
| margin: 14px 0 0 7px; | |
| width: 16px; | |
| height: 16px; | |
| text-indent: -9999px; | |
| background: no-repeat center; | |
| opacity: 0.75; | |
| } | |
| #header-panel .info-panel .rss:hover, | |
| #header-panel .info-panel .twitter:hover | |
| { | |
| opacity: 1; | |
| } | |
| #header-panel .info-panel .rss | |
| { | |
| background-image: url("https://sciter.com/wp-content/themes/sciter/!images/info-panel-rss.png"); | |
| } | |
| #header-panel .info-panel .twitter | |
| { | |
| background-image: url("https://sciter.com/wp-content/themes/sciter/!images/info-panel-twitter.png"); | |
| } | |
| #header .right-side .header-panel | |
| { | |
| max-width: 540px; | |
| } | |
| #logo-panel | |
| { | |
| margin: 0; | |
| width: 560px; | |
| min-height: 80px; | |
| position: relative; | |
| left: 0; | |
| font-size: 0; | |
| } | |
| #logo-panel > .logo | |
| { | |
| margin: 0; | |
| height: auto; | |
| overflow: hidden; | |
| } | |
| #logo-panel > .logo > a | |
| { | |
| display: inline-block; | |
| width: 280px; | |
| height: 100%; | |
| } | |
| #logo-panel > .logo > a > img | |
| { | |
| width: auto; | |
| height: 100px; | |
| } | |
| #logo-panel > .logo > a.notes | |
| { | |
| display: inline-block; | |
| width: 246px; | |
| height: 86px; | |
| } | |
| #navigation-panel | |
| { | |
| width: auto; | |
| display: inline-block; | |
| float: right; | |
| margin-top: 22px; | |
| } | |
| #navigation-panel > .wrapper | |
| { | |
| margin: 0 auto; | |
| padding: 0 20px; | |
| width: 1240px; | |
| position: relative; | |
| display: inline-block; | |
| border-radius: 50px; | |
| background-color: #3b6ba063; | |
| } | |
| #navigation | |
| { | |
| margin: 0; | |
| padding: 0; | |
| font-size: 0; | |
| list-style: none; | |
| white-space: nowrap; | |
| } | |
| #navigation > li | |
| { | |
| display: inline-block; | |
| padding: 0; | |
| height: 60px; | |
| color: #eaeaea; | |
| font-size: 20px; | |
| position: relative; | |
| transition: all 300ms ease; | |
| } | |
| #navigation > li > a | |
| { | |
| display: inline-block; | |
| padding: 20px; | |
| height: 20px; | |
| line-height: 16px; | |
| color: inherit; | |
| } | |
| #navigation > li > a:hover | |
| { | |
| color: #FFF; | |
| background-color: #2e4ea9; | |
| } | |
| #navigation > li.current-menu-item | |
| { | |
| color: #FFF; | |
| } | |
| #navigation > li.menu-item-has-children > a | |
| { | |
| padding-right: 32px; | |
| background: url("https://sciter.com/wp-content/themes/sciter/!images/navigation-item-has-children.png") no-repeat right; | |
| } | |
| #navigation > li.menu-item-has-children:hover > a | |
| { | |
| background-color: #2e4ea9; | |
| } | |
| #navigation .sub-menu | |
| { | |
| margin: 0; | |
| padding: 10px 0; | |
| border-radius: 5px; | |
| list-style: none; | |
| color: inherit; | |
| font-size: 0; | |
| position: absolute; | |
| background-color: #FFF; | |
| box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.33); | |
| visibility: hidden; | |
| opacity: 0; | |
| transition: all 300ms ease; | |
| z-index: 0; | |
| } | |
| #navigation .sub-menu::before | |
| { | |
| content: ""; | |
| width: 100%; | |
| height: 10px; | |
| position: absolute; | |
| top: -10px; | |
| } | |
| #navigation .sub-menu::after | |
| { | |
| content: ""; | |
| border-width: 0 8px 8px; | |
| border-style: solid; | |
| border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(255, 255, 255, 0.95); | |
| width: 0; | |
| height: 0; | |
| position: absolute; | |
| left: 24px; | |
| top: -8px; | |
| } | |
| #navigation .sub-menu > li | |
| { | |
| display: block; | |
| padding: 0; | |
| color: #595f45; | |
| font-size: 16px; | |
| position: relative; | |
| } | |
| #navigation .sub-menu > li:last-child | |
| { | |
| border-bottom: none; | |
| } | |
| #navigation .sub-menu > li.menu-item-has-children > a | |
| { | |
| padding-right: 36px; | |
| background: url("https://sciter.com/wp-content/themes/sciter/!images/navigation-submenu-item-has-children.png") no-repeat right; | |
| } | |
| #navigation .sub-menu > li > a | |
| { | |
| display: block; | |
| padding: 14px 20px; | |
| height: auto; | |
| color: inherit; | |
| line-height: normal; | |
| white-space: nowrap; | |
| } | |
| #navigation .sub-menu > li > a:hover | |
| { | |
| color: #33392D; | |
| background-color: #dfedff; | |
| } | |
| #navigation > li > .sub-menu | |
| { | |
| margin-top: 30px; | |
| min-width: 100%; | |
| max-width: none; | |
| top: 100%; | |
| left: 0; | |
| z-index: 1000; | |
| } | |
| #navigation > li:hover > .sub-menu | |
| { | |
| margin-top: 10px; | |
| } | |
| #navigation > li > .sub-menu li .sub-menu | |
| { | |
| margin-top: -10px; | |
| margin-left: 10px; | |
| top: 0; | |
| left: 100%; | |
| } | |
| #navigation > li > .sub-menu li .sub-menu::before | |
| { | |
| width: 10px; | |
| height: 100%; | |
| left: -10px; | |
| top: 0; | |
| } | |
| #navigation > li > .sub-menu li .sub-menu::after | |
| { | |
| border-width: 8px 8px 8px 0; | |
| border-color: transparent rgba(255, 255, 255, 1) transparent transparent; | |
| left: -8px; | |
| top: 24px; | |
| } | |
| #navigation li:hover > .sub-menu | |
| { | |
| visibility: visible; | |
| opacity: 1; | |
| } | |
| #navigation-panel .searchform | |
| { | |
| padding: 0; | |
| position: absolute; | |
| right: 20px; | |
| top: 0; | |
| z-index: 1; | |
| } | |
| #navigation-panel .searchform .searchform-panel | |
| { | |
| margin: 13px 0; | |
| position: relative; | |
| font-size: 16px; | |
| } | |
| #navigation-panel .searchform .searchform-panel input[type="text"] | |
| { | |
| margin: 0; | |
| padding: 10px 14px 12px; | |
| width: 234px; | |
| border-color: transparent; | |
| color: #FFF; | |
| background-color: #e0e0e0; | |
| border-radius: 30px; | |
| margin-top: -5px; | |
| } | |
| #navigation-panel .searchform .searchform-panel input[type="submit"] | |
| { | |
| padding: 0; | |
| border: none; | |
| width: 34px; | |
| height: 100%; | |
| position: absolute; | |
| right: 10px; | |
| top: -2px; | |
| text-indent: -9999px; | |
| background: url("https://sciter.com/wp-content/themes/sciter/!images/navigation-search-icon.png") no-repeat center; | |
| } | |
| #navigation-panel .searchform .searchform-panel input[type="submit"]:hover | |
| { | |
| background-image: url("https://sciter.com/wp-content/themes/sciter/!images/navigation-search-icon-hover.png"); | |
| } | |
| /*************************************************************************************************/ | |
| #main | |
| {clear: both;} | |
| #main > .wrapper | |
| { | |
| margin: 0 auto; | |
| padding: 20px; | |
| width: 800px; /* 1280 = 1240 + 40 */ | |
| position: relative; | |
| } | |
| .content-wrapper | |
| { | |
| float: left; | |
| width: 100%; | |
| } | |
| .content-wrapper article a { | |
| text-decoration: underline; | |
| text-decoration-color: #ffe0db; | |
| } | |
| #content | |
| { | |
| width: auto; | |
| line-height: 1.5; | |
| margin-top: 50px; | |
| } | |
| #header-panel .info-panel .contact { | |
| display: none; | |
| } | |
| #content * + h2 | |
| { | |
| margin-top: 1em; | |
| color: #2472ff; | |
| } | |
| #content img | |
| { | |
| height: auto; | |
| max-width: 960px; | |
| /*box-shadow: 0px 6px 16px 0px #e2e7ef63;*/ | |
| /*border-radius: 10px;*/ | |
| padding: 20px; | |
| margin-top: 20px; | |
| margin-bottom: 20px; | |
| border: 10px solid #e0e0e096; | |
| } | |
| #content dl dt | |
| { | |
| font-weight: 600; | |
| } | |
| #content dl dd | |
| { | |
| margin-left: 30px; | |
| } | |
| #content p | |
| { | |
| } | |
| #content h2 > a | |
| { | |
| border-bottom: 1px solid transparent; | |
| } | |
| #content h2 > a:hover | |
| { | |
| border-bottom-color: #C48143; | |
| } | |
| #content table th, #content table td | |
| { | |
| border: 1px solid #DDD; | |
| background-color: #FFF; | |
| } | |
| #content .post, | |
| #content .page | |
| { | |
| margin-bottom: 60px; | |
| } | |
| #content .post:last-child | |
| { | |
| margin-bottom: 0; | |
| } | |
| #content .post.sticky | |
| { | |
| padding: 20px 40px 30px; | |
| border: 1px solid #cfe5df; | |
| background-color: #e6f2ef; | |
| } | |
| #content .searchform | |
| { | |
| margin-bottom: 30px; | |
| } | |
| #content .alignleft | |
| { | |
| float: left; | |
| margin: 10px 30px 20px 0; | |
| } | |
| #content .aligncenter | |
| { | |
| display: block; | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| #content .alignright | |
| { | |
| float: right; | |
| margin: 10px 0 20px 30px; | |
| } | |
| #content .wp-editor-container | |
| { | |
| border: 1px solid #E4E5CF; | |
| } | |
| #content .wp-caption | |
| { | |
| margin-bottom: 20px; | |
| max-width: 960px !important; | |
| } | |
| #content .wp-caption-text | |
| { | |
| margin-bottom: 0; | |
| font-size: 14px; | |
| font-weight: 600; | |
| text-align: center; | |
| } | |
| #content .breadcrumbs | |
| { | |
| margin-bottom: 20px; | |
| color: #595F45; | |
| } | |
| #content .breadcrumbs .front-page | |
| { | |
| padding: 0 10px; | |
| background: url("https://sciter.com/wp-content/themes/sciter/!images/breadcrumbs-frontpage.png") no-repeat left; | |
| } | |
| #content .article-header | |
| { | |
| margin-bottom: 30px; | |
| font-size: 12px; | |
| } | |
| #content .article-header.search | |
| { | |
| margin-bottom: 15px; | |
| } | |
| #content .article-header h1 | |
| { | |
| margin-bottom: 0.35em; | |
| /* border-bottom: 1px solid gray; */ | |
| } | |
| #content .article-header h2 | |
| { | |
| margin-bottom: 0.35em; | |
| } | |
| #content .article-meta | |
| { | |
| } | |
| #content .article-meta > span | |
| { | |
| margin-right: 20px; | |
| } | |
| #content .article-meta .date-holder | |
| { | |
| padding-left: 20px; | |
| background: url("https://sciter.com/wp-content/themes/sciter/!images/article-meta-date.png") no-repeat left; | |
| } | |
| #content .article-meta .categories-holder | |
| { | |
| padding-left: 20px; | |
| background: url("https://sciter.com/wp-content/themes/sciter/!images/article-meta-category.png") no-repeat left; | |
| } | |
| #content .article-meta .tags-holder | |
| { | |
| padding-left: 20px; | |
| background: url("https://sciter.com/wp-content/themes/sciter/!images/article-meta-tag.png") no-repeat left; | |
| } | |
| #content .block-1 | |
| { | |
| background-color: #F7F2E6; | |
| } | |
| #content .block-1 h2 | |
| { | |
| color: #5E5645; | |
| } | |
| #content .block-1 p | |
| { | |
| color: #38342C; | |
| } | |
| #content .block-2 | |
| { | |
| background-color: #E8F2E6; | |
| } | |
| #content .block-2 h2 | |
| { | |
| color: #495E45; | |
| } | |
| #content .block-2 p | |
| { | |
| color: #2E382C; | |
| } | |
| #content .block-3 | |
| { | |
| background-color: #F0F5F7; | |
| } | |
| #content .block-3 h2 | |
| { | |
| color: #45565E; | |
| } | |
| #content .block-3 p | |
| { | |
| color: #2C3438; | |
| } | |
| #content .block-4 | |
| { | |
| background-color: #EBEBEB; | |
| } | |
| #content .block-4 h2 | |
| { | |
| color: #5E5E5E; | |
| } | |
| #content .block-4 p | |
| { | |
| color: #383838; | |
| } | |
| #content .prices-panel | |
| { | |
| color: #333; | |
| font-size: 0; | |
| } | |
| #content .prices-panel .license-model | |
| { | |
| display: inline-block; | |
| margin: 0 10px 20px; | |
| padding: 20px; | |
| width: 255px; | |
| min-height: 315px; | |
| position: relative; | |
| background-color: silver; | |
| vertical-align: top; | |
| } | |
| #content .prices-panel .license-model.free | |
| { | |
| background-color: #fff480; | |
| } | |
| #content .prices-panel .license-model.indie | |
| { | |
| background-color: #ffc680; | |
| } | |
| #content .prices-panel .license-model.indie-plus | |
| { | |
| background-color: #ff9780; | |
| } | |
| #content .prices-panel .license-model.ad-hoc | |
| { | |
| background-color: #79e69d; | |
| } | |
| #content .prices-panel .license-model.business | |
| { | |
| background-color: #80d7ff; | |
| } | |
| #content .prices-panel .license-model.business-plus | |
| { | |
| background-color: #8cafff; | |
| } | |
| #content .prices-panel .license-model.enterprise | |
| { | |
| width: 570px; | |
| background-color: #c599ff; | |
| } | |
| #content .prices-panel .license-model .caption | |
| { | |
| margin: 20px 0; | |
| text-align: center; | |
| text-transform: uppercase; | |
| } | |
| #content .prices-panel .license-model .price | |
| { | |
| text-align: center; | |
| } | |
| #content .prices-panel .license-model .price span | |
| { | |
| font-weight: bold; | |
| } | |
| #content .prices-panel .license-model .price.price-initial | |
| { | |
| margin: 20px; | |
| font-size: 28px; | |
| } | |
| #content .prices-panel .license-model .price.price-annual | |
| { | |
| margin: 20px 0; | |
| padding: 0 10px; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| bottom: 0; | |
| font-size: 18px; | |
| } | |
| #content .terms | |
| { | |
| margin-bottom: 60px; | |
| padding-left: 20px; | |
| font-size: 14px; | |
| text-align: left; | |
| } | |
| #content .navigation | |
| { | |
| margin: 20px 0; | |
| font-size: 0; | |
| text-align: center; | |
| } | |
| #content .navigation .screen-reader-text | |
| { | |
| display: none; | |
| } | |
| #content .navigation .page-numbers | |
| { | |
| display: inline-block; | |
| margin: 2px 1px; | |
| padding: 10px 15px; | |
| height: 18px; | |
| min-width: 1.15ex; | |
| color: #595F45; | |
| font-size: 18px; | |
| line-height: 16px; | |
| background-color: #D9DBB6; | |
| } | |
| #content .navigation .page-numbers:hover | |
| { | |
| color: #FFF; | |
| background-color: #EB9136; | |
| } | |
| #content .navigation .page-numbers.current, | |
| #content .navigation .page-numbers.current:hover | |
| { | |
| color: #FFF; | |
| background-color: #859571; | |
| cursor: default; | |
| } | |
| #comments | |
| { | |
| margin-bottom: 40px; | |
| } | |
| #comments ol | |
| { | |
| padding-left: 0; | |
| list-style: none; | |
| } | |
| #comments .comment | |
| { | |
| margin: 20px 0; | |
| padding-left: 80px; | |
| border-bottom: 1px solid #E4E5CF; | |
| } | |
| #comments .comment:last-child | |
| { | |
| border-bottom: none; | |
| } | |
| #comments .comment-list | |
| { | |
| margin-bottom: 40px; | |
| } | |
| #comments .comment-list .children | |
| { | |
| margin-left: -40px; | |
| } | |
| #comments .comments-title | |
| { | |
| } | |
| #comments .comment-meta | |
| { | |
| margin-bottom: 0.75em; | |
| } | |
| #comments .comment-author .avatar | |
| { | |
| float: left; | |
| margin-left: -80px; | |
| width: 60px; | |
| height: auto; | |
| } | |
| #comments .comment-author .fn | |
| { | |
| } | |
| #comments .comment-author .says | |
| { | |
| display: none; | |
| } | |
| #comments .comment-metadata | |
| { | |
| font-size: 14px; | |
| } | |
| #comments .comment-metadata > a | |
| { | |
| color: #807366; | |
| } | |
| #comments .comment .edit-link | |
| { | |
| float: right; | |
| margin-left: 12px; | |
| padding-left: 24px; | |
| background: url("https://sciter.com/wp-content/themes/sciter/!images/comments-edit.png") no-repeat left; | |
| } | |
| #comments .comment-respond | |
| { | |
| margin-bottom: 40px; | |
| } | |
| #comments .comment-form-comment textarea | |
| { | |
| display: block; | |
| width: 100%; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| #comments .comment-reply-title > .cancel-comment-reply-link | |
| { | |
| margin-left: 12px; | |
| padding-left: 24px; | |
| font-size: 14px; | |
| background: url("https://sciter.com/wp-content/themes/sciter/!images/comments-cancel-reply.png") no-repeat left; | |
| } | |
| #comments label[for="author"], | |
| #comments label[for="email"], | |
| #comments label[for="url"] | |
| { | |
| display: inline-block; | |
| min-width: 80px; | |
| } | |
| .sidebar-wrapper | |
| { | |
| float: right; | |
| margin-top: 30px; | |
| } | |
| #sidebar | |
| { | |
| width: 250px; | |
| } | |
| #sidebar a | |
| { | |
| border-bottom: 1px solid transparent; | |
| transition: all 200ms ease; | |
| } | |
| #sidebar a:hover | |
| { | |
| border-bottom-color: #C48143; | |
| } | |
| #sidebar .widget-area .widget | |
| { | |
| margin: 0 0 30px; | |
| font-size: 16px; | |
| font-weight: 400; | |
| } | |
| #sidebar .widget-area .widget-title | |
| { | |
| margin: 0 0 15px; | |
| padding: 8px 0 12px; | |
| border-bottom: 1px dotted #D9DBB6; | |
| font-size: 16px; | |
| font-weight: 500; | |
| text-transform: uppercase; | |
| } | |
| #sidebar .widget-area ul | |
| { | |
| list-style: circle; | |
| } | |
| #sidebar .widget-area select | |
| { | |
| padding: 2px 2px 3px; | |
| border: 1px solid #E4E5CF; | |
| } | |
| #sidebar .widget-area form | |
| { | |
| margin: 0; | |
| padding: 0; | |
| position: relative; | |
| } | |
| .aiowps-captcha-equation { | |
| font-family: Consolas, monospace; | |
| } | |
| /*************************************************************************************************/ | |
| #footer | |
| { | |
| height: auto; | |
| cursor: default; | |
| color: #d9dbb6; | |
| background-color: #33392D; | |
| overflow: hidden; | |
| } | |
| #footer a | |
| { | |
| } | |
| #footer a:hover | |
| { | |
| color: #FFF; | |
| } | |
| #footer-navigation-panel | |
| { | |
| background-color: #3b4234; | |
| } | |
| #footer-navigation-panel > .wrapper | |
| { | |
| margin: 0 auto; | |
| padding: 20px; | |
| width: 1240px; | |
| } | |
| #footer-navigation | |
| { | |
| display: table; | |
| padding-left: 0; | |
| width: 100%; | |
| } | |
| #footer-navigation > li | |
| { | |
| display: table-cell; | |
| padding-right: 30px; | |
| max-width: 280px; /* 4 column */ | |
| color: #cadbb6; | |
| font-size: 20px; | |
| font-weight: 300; | |
| vertical-align: top; | |
| } | |
| #footer-navigation > li:last-child | |
| { | |
| padding-right: 0; | |
| } | |
| #footer-navigation > li > a | |
| { | |
| display: inline-block; | |
| margin: 20px 0; | |
| color: inherit; | |
| } | |
| #footer-navigation > li > a:hover | |
| { | |
| color: #FFF; | |
| } | |
| #footer-navigation .sub-menu | |
| { | |
| padding-left: 0; | |
| list-style: none; | |
| } | |
| #footer-navigation .sub-menu > li | |
| { | |
| color: #859571; | |
| font-size: 16px; | |
| font-weight: 400; | |
| } | |
| #footer-navigation .sub-menu > li > a | |
| { | |
| display: inline-block; | |
| margin: 4px 0; | |
| color: inherit; | |
| } | |
| #footer-navigation .sub-menu > li > a:hover | |
| { | |
| color: #FFF; | |
| } | |
| #footer-widget-panel | |
| { | |
| background-color: #373d30; | |
| } | |
| #footer-widget-panel > .wrapper | |
| { | |
| margin: 0 auto; | |
| padding: 20px; | |
| width: 1240px; | |
| } | |
| #footer-widget-panel .widget-panel | |
| { | |
| text-align: center; | |
| } | |
| #footer-widget-panel .widget | |
| { | |
| display: inline-block; | |
| margin: 10px 30px 30px; | |
| max-width: 460px; | |
| vertical-align: top; | |
| } | |
| #footer-panel > .wrapper | |
| { | |
| margin: 0 auto; | |
| padding: 20px; | |
| min-height: 100px; | |
| width: 1240px; | |
| } | |
| #footer-panel > .wrapper > .left-side > .wrapper, | |
| #footer-panel > .wrapper > .right-side > .wrapper | |
| { | |
| display: table-cell; | |
| height: 100px; | |
| vertical-align: middle; | |
| } | |
| #footer-panel .left-panel, | |
| #footer-panel .right-panel | |
| { | |
| max-width: 512px; | |
| text-align: left; | |
| font-size: 14px; | |
| } | |
| #footer-panel .right-panel .widget | |
| { | |
| margin-left: 30px; | |
| } | |
| #footer-panel .right-panel .widget .link-panel > a | |
| { | |
| margin-right: 10px; | |
| } | |
| #footer-panel .widget | |
| { | |
| display: inline-block; | |
| vertical-align: middle; | |
| } | |
| #footer-panel .widget-area .widget-title | |
| { | |
| margin-top: 0; | |
| color: #feb775; | |
| font-size: 16px; | |
| font-weight: 500; | |
| } | |
| /*************************************************************************************************/ | |
| input, select | |
| { | |
| margin: 0; | |
| outline: none; | |
| } | |
| button, .button, | |
| .comment-reply-link, | |
| input[type="button"], | |
| input[type="submit"], | |
| input[type="reset"] | |
| { | |
| display: inline-block; | |
| padding: 0.375em 0.75em 0.45em; | |
| border: none; | |
| border-radius: 0.5ex; | |
| color: #FFF; | |
| background-color: #B5712D; | |
| } | |
| button.grey, .button.grey, | |
| input[type="button"].grey, | |
| input[type="submit"].grey, | |
| input[type="reset"].grey | |
| { | |
| background-color: #888C8F; | |
| } | |
| button:hover, .button:hover, | |
| .comment-reply-link:hover, | |
| input[type="button"]:hover, | |
| input[type="submit"]:hover, | |
| input[type="reset"]:hover | |
| { | |
| background-color: #EB9136; | |
| } | |
| .action-button | |
| { | |
| font-size: 18px; | |
| background-color: #BF7830; | |
| background-image: linear-gradient(to bottom, #e09b55, #B5712D); | |
| } | |
| .action-button:hover | |
| { | |
| background-color: #EB9136; | |
| background-image: linear-gradient(to bottom, #EB9136, #C26915); | |
| } | |
| .action-button:active | |
| { | |
| background-image: linear-gradient(to top, #EB9136, #C26915); | |
| } | |
| input[type="text"], | |
| input[type="password"], | |
| input[type="email"], | |
| input[type="url"], | |
| textarea | |
| { | |
| padding: 5px 7px 6px; | |
| border: 1px solid #E4E5CF; | |
| } | |
| .widget | |
| { | |
| text-align: left; | |
| } | |
| .widget .widget-title, | |
| .widget_calendar caption | |
| { | |
| margin: 0.5em 0; | |
| font-size: 20px; | |
| font-weight: 500; | |
| } | |
| .widget_calendar table | |
| { | |
| margin: 0 auto; | |
| } | |
| .widget_calendar th, | |
| .widget_calendar td | |
| { | |
| padding: 2px 6px 4px; | |
| text-align: center; | |
| } | |
| .widget_search input[type="text"] | |
| { | |
| width: 155px; | |
| } | |
| .widget_wp_spamshield_counter_css .widget-title | |
| { | |
| display: none; | |
| } | |
| .textwidget { | |
| display: none; | |
| } | |
| /*#sidebar { | |
| display: none; | |
| }*/ | |
| /*************************************************************************************************/ | |
| #cache | |
| { | |
| position: absolute; | |
| bottom: 0; | |
| visibility: hidden; | |
| } | |
| #cache .header-navigation-toggle_cache | |
| { | |
| background: url("https://sciter.com/wp-content/themes/sciter/!images/header-navigation-toggle.png") no-repeat; | |
| } | |
| #cache .header-navigation-toggle-active_cache | |
| { | |
| background: url("https://sciter.com/wp-content/themes/sciter/!images/header-navigation-toggle-active.png") no-repeat; | |
| } | |
| #cache .navigation-item-has-children-active_cache | |
| { | |
| background: url("https://sciter.com/wp-content/themes/sciter/!images/navigation-item-has-children-active.png") no-repeat; | |
| } | |
| #cache .navigation-submenu-item-has-children_cache | |
| { | |
| background: url("https://sciter.com/wp-content/themes/sciter/!images/navigation-submenu-item-has-children.png") no-repeat; | |
| } | |
| #cache .navigation-submenu-item-has-children-active_cache | |
| { | |
| background: url("https://sciter.com/wp-content/themes/sciter/!images/navigation-submenu-item-has-children-active.png") no-repeat; | |
| } | |
| #cache .navigation-search-icon-hover_cache | |
| { | |
| background: url("https://sciter.com/wp-content/themes/sciter/!images/navigation-search-icon-hover.png") no-repeat; | |
| } | |
| .contactform_respons { | |
| color:brown; | |
| font-weight:bold; | |
| } | |
| pre { | |
| /*background-color: #0d4575;*/ | |
| border: 0; | |
| padding: 25px; | |
| box-shadow: none; | |
| border: none; | |
| border-left: 4px solid #ffc14e; | |
| /*background-color: #1e326d;*/ | |
| /*background: linear-gradient(45deg, #1e326d, #194b96);*/ | |
| background-color: #edf5fb63; | |
| } | |
| .com { | |
| color: #99a7b3; | |
| } | |
| code.prettyprinted { | |
| box-shadow: none; | |
| background-color: #f8f1ff; /* lilla: #fbf0ff */ /* blue: #eff6ff */ /* pink: #fff0f9 */ /* original: #fff7f0 */ /* lightblue: #eff8ff */ | |
| border: 1px solid transparent; /* lilla: #f8e4ff */ /* blue: #e9eaff */ /* pink: #ffe4f2 */ /* original: #ffede4 */ /* lightblue: #ddf1ff */ | |
| margin-right: 4px; | |
| margin-left: 4px; | |
| border-radius: 0px; /* lilla: remove this */ | |
| padding: 0 7px; | |
| } | |
| code.prettyprinted * { | |
| color: #970eff !important; /* lilla: #b90eff */ /* blue: #0e21ff */ /* pink: #de009a */ /* orange: #ff8100 */ /* original: #ff2b0e */ /* lightblue: #0082f1 */ | |
| } | |
| pre code.prettyprinted * { | |
| color: #0099ff!important; | |
| } | |
| pre code.prettyprinted { | |
| background-color: aliceblue; | |
| border: 1px solid #c5dfef; | |
| margin-left: 0; | |
| } | |
| h2::before { | |
| content: '>'; | |
| position: relative; | |
| left: -30px; | |
| margin-right: -20px; | |
| color: #ffc032; | |
| } | |
| /* | |
| p, li { | |
| line-height: 1.8; | |
| } | |
| */ | |
| /** COLORED CODE SYNTAX LANGUAGE TAGS **/ | |
| /* | |
| pre { | |
| position: relative; | |
| } | |
| pre.prettyprinted::before { | |
| position: absolute; | |
| content: 'HTML'; | |
| right: 0; | |
| top: 0; | |
| background-color: #4ad897; | |
| color: #ffffff; | |
| padding: 5px 10px; | |
| border-bottom-left-radius: 10px; | |
| } | |
| // add custom 'css' class | |
| pre.prettyprinted.css::before { | |
| content: 'CSS'; | |
| background-color: #4eacff; | |
| color: aliceblue; | |
| } | |
| pre.prettyprinted.css { | |
| background-color: #edf5fb63; | |
| } | |
| // add custom 'htmlcss' class | |
| pre.prettyprinted.htmlcss::before { | |
| content: 'HTML + CSS'; | |
| background-color: #4ad897; | |
| color: aliceblue; | |
| } | |
| */ | |
| /*/// TABLE OF CONTENTS ///*/ | |
| #toc { | |
| position: sticky; | |
| float: left; | |
| top: 25vh; | |
| margin-left: -320px; | |
| } | |
| #toc li { | |
| list-style: none; | |
| /*background-color: #fbfbfb;*/ | |
| /* border-radius: 5px; */ | |
| padding: 2px 10px; | |
| margin: 3px 0px; | |
| width: 200px; | |
| white-space: nowrap; | |
| overflow: hidden; | |
| text-overflow: ellipsis; | |
| border-right: 1px solid #efefef; | |
| } | |
| #toc li.active { | |
| background-color: #fbfbfb; | |
| border-right: 2px solid #cccccc; | |
| } | |
| #toc li:first-child { | |
| border-right: 0; | |
| /* background-color: #f3f3f3; */ | |
| border-top-left-radius: 10px; | |
| border-top-right-radius: 10px; | |
| color: #d6d6d6; | |
| text-transform: uppercase; | |
| /* text-align: center; */ | |
| /* border-bottom: 1px solid #f3f3f3; */ | |
| } | |
| #toc li a { | |
| color: gray; | |
| text-decoration: none; | |
| } | |
| #toc li a:hover { | |
| color: black; | |
| } | |
| #toc li.active a { | |
| color: black; | |
| } | |
| /*/// PRETTIFY THEME ///*/ | |
| /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */ | |
| .prettyprint { | |
| background: #2f3640; | |
| font-family: Menlo,Bitstream Vera Sans Mono,DejaVu Sans Mono,Monaco,Consolas,monospace; | |
| border: 0!important | |
| } | |
| .pln { | |
| color: #134f9e | |
| } | |
| ol.linenums { | |
| margin-top: 0; | |
| margin-bottom: 0; | |
| color: #656d78 | |
| } | |
| li.L0,li.L1,li.L2,li.L3,li.L4,li.L5,li.L6,li.L7,li.L8,li.L9 { | |
| padding-left: 1em; | |
| background-color: #2f3640; | |
| list-style-type: decimal | |
| } | |
| @media screen { | |
| .str { | |
| color: #ff9800 | |
| } | |
| .kwd { | |
| color: #4fc1e9 | |
| } | |
| .com { | |
| color: #656d78 | |
| } | |
| .typ { | |
| color: #4fc1e9 | |
| } | |
| .lit { | |
| color: #ac92ec | |
| } | |
| .pun { | |
| color: #383838 | |
| } | |
| .opn { | |
| color: #e6e9ed | |
| } | |
| .clo { | |
| color: #e6e9ed | |
| } | |
| .tag { | |
| color: #ed5565 | |
| } | |
| .atn { | |
| color: #04b954 | |
| } | |
| .atv { | |
| color: #d4009d | |
| } | |
| .dec { | |
| color: #ac92ec | |
| } | |
| .var { | |
| color: #e6e9ed | |
| } | |
| .fun { | |
| color: #e6e9ed | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment