@font-face
{
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 300;
src: url(../fonts/source-sans-pro-300.woff2) format('woff2'),
url(../fonts/source-sans-pro-300.woff) format('woff');
}
@font-face
{
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 400;
src: url(../fonts/source-sans-pro-400.woff2) format('woff2'),
url(../fonts/source-sans-pro-400.woff) format('woff');
}
@font-face
{
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 600;
src: url(../fonts/source-sans-pro-600.woff2) format('woff2'),
url(../fonts/source-sans-pro-600.woff) format('woff');
}
@font-face
{
font-family: 'Source Code Pro';
font-style: normal;
font-weight: 400;
src: url(../fonts/source-code-pro-400.woff2) format('woff2'),
url(../fonts/source-code-pro-400.woff) format('woff');
}
@font-face
{
font-family: 'Source Code Pro';
font-style: normal;
font-weight: 700;
src: url(../fonts/source-code-pro-700.woff2) format('woff2'),
url(../fonts/source-code-pro-700.woff) format('woff');
}
@font-face
{
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url(../fonts/material-icons.woff2) format('woff2'),
url(../fonts/material-icons.woff) format('woff');
}
.material-icons
{
font-family: 'Material Icons' !important;
font-weight: normal !important;
font-style: normal !important;
font-size: 24px;
display: inline-block;
width: 1em;
height: 1em;
line-height: 1;
text-transform: none !important;
letter-spacing: normal !important;
word-wrap: normal !important;
white-space: nowrap !important;
direction: ltr !important;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
font-feature-settings: 'liga';
}
.material-icons.md-12 { font-size: 16px; line-height: 12px; vertical-align: -3px; }
.material-icons.md-16 { font-size: 22px; line-height: 16px; vertical-align: -4px; }
.material-icons.md-22 { font-size: 22px; }
html
{
cursor: default;
}
input[type="text"],
input[type="search"],
input[type="password"],
textarea
{
cursor: text;
}
input[type="button"],
input[type="submit"],
input[type="image"],
input[type="checkbox"],
input[type="radio"],
select,
label
{
cursor: pointer;
}
input[disabled],
textarea[disabled],
select[disabled],
option[disabled]
{
cursor: default;
}
html
{
min-height: 100%;
overflow-y: scroll;
background: #f8f9f1;
color: #404040;
}
body
{
margin: 0;
}
html,
body
{
height: 100%;
}
div.body
{
position: relative;
min-height: 100%;
box-shadow: inset 0 0 80px #d0c8b8;
}
div.body-inner
{
padding-bottom: 100px;
}
div.head-group
{
background: url(../img/orange_back.jpg) no-repeat 50% 100% / cover #c3651d;
}
div.head1
{
padding: 60px 0 30px 0;
text-align: center;
font: 28px/40px 'Source Sans Pro';
font-weight: 300;
background-color: rgba(255, 255, 255, 0.5);
color: #202020;
}
div.head1 strong
{
font-weight: 600;
}
div.head2
{
border-top: solid 1px rgba(255, 255, 255, 0.75);
border-bottom: solid 1px rgba(255, 255, 255, 0.5);
padding: 30px 0 30px 0;
text-align: center;
font: 46px 'Source Sans Pro';
font-weight: 300;
color: white;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
div.head2 strong.unsharp,
div.navbar a.index strong.unsharp
{
font-weight: 600;
}
html.textshadow div.head2 strong.unsharp,
html.textshadow div.navbar a.index strong.unsharp
{
font-weight: 400;
color: transparent;
text-shadow: 0 0 4px white, 0 0 2px white, 0 0 1px white;
}
html.textshadow div.navbar a.index strong.unsharp
{
text-shadow: 0 0 2px white, 0 0 1px white, 0 0 1px white;
}
div.navbar
{
background: url(../img/orange_back.jpg) no-repeat 50% 100% / cover #c3651d;
padding-top: 20px;
text-align: center;
font: 19px 'Source Sans Pro';
font-weight: 400;
color: white;
}
div.index-navbar div.navbar
{
padding-top: 0;
border-bottom: solid 1px rgba(255, 255, 255, 0.6);
background: #4e4442;
}
div.navbar-inner
{
margin: 0 auto;
width: 980px;
}
div.navbar a
{
display: inline-block;
padding: 10px 25px;
color: white;
text-decoration: none;
text-transform: uppercase;
transition: background-color 0.5s;
}
div.index-navbar div.navbar a
{
}
div.navbar a:hover
{
background-color: rgba(255, 255, 255, 0.2);
text-decoration: none;
transition: background-color 0.1s;
}
div.index-navbar div.navbar a:hover
{
background-color: #6c5e5a;
}
div.navbar a.selected
{
background-color: #f8f9f1;
color: black;
}
div.navbar a.index
{
display: inline-block;
float: left;
margin-bottom: 15px;
padding: 10px 0;
font: 32px 'Source Sans Pro';
font-weight: 300;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
div.navbar a.index:hover
{
background-color: inherit;
}
h2
{
margin: 45px 0 15px 0;
text-align: center;
font: 28px 'Source Sans Pro';
font-weight: 400;
color: #dc6c00;
}
h3
{
margin: 30px 0 10px 0;
text-align: left;
font: 19px 'Source Sans Pro';
font-weight: 600;
color: #dc6c00;
}
div.footer
{
position: absolute;
bottom: 0;
width: 100%;
background: #606060;
padding: 20px 0;
font: 14px 'Source Sans Pro';
text-align: center;
font-weight: 400;
color: #b0b0b0;
}
div.footer a
{
color: #b0b0b0;
}
div.grey
{
background-color: #808080;
color: #f4f4f4;
}
div.grey a
{
color: white;
}
div.content,
div.next-page
{
margin: 10px auto;
font: 19px/140% 'Source Sans Pro';
font-weight: 300;
width: 980px;
}
div.content strong
{
font-weight: 600;
}
div.content div.tile
{
display: inline-block;
margin: 6px 12px 6px 0;
width: 305px;
height: 150px;
vertical-align: top;
background: rgba(80, 60, 0, 0.06);
padding: 4px 6px;
position: relative;
}
div.content div.tile:last-child
{
margin-right: 0;
}
div.content div.tile.small
{
height: 80px;
}
div.content-left
{
float: left;
width: 460px;
}
div.content-right
{
float: right;
width: 460px;
}
div.content-clear
{
clear: both;
}
div.source-code
{
background: rgba(0, 0, 0, 0.05);
font: 0.7em/130% Source Code Pro;
white-space: pre;
padding: 10px;
}
div.source-code.red
{
background: rgba(255, 32, 0, 0.3);
}
div.source-code.green
{
background: rgba(0, 230, 64, 0.3);
}
code
{
background: rgba(0, 0, 0, 0.05);
font: 0.85em Source Code Pro;
}
div.next-page
{
margin-top: 50px;
text-align: center;
font: 23px 'Source Sans Pro';
font-weight: 400;
}
div.release
{
float: left;
width: 350px;
}
div.changes
{
margin-left: 400px;
font-size: 0.8em;
line-height: 140%;
}
div.changes ul
{
margin: 0;
padding-left: 16px;
}
p.text
{
text-align: justify;
}
p.small
{
font-size: 0.8em;
line-height: 135%;
}
p.error
{
background: #c04030;
}
p.information
{
background: #40a0d0;
}
p.error,
p.information
{
padding: 3px 8px;
color: white;
font-weight: 400;
padding-left: 38px;
text-indent: -30px;
}
p.error .material-icons,
p.information .material-icons
{
display: inline;
}
a
{
color: #0040ff;
}
a:visited
{
color: #002db4;
}
a.orderlink
{
display: block;
margin: 3px 10px 3px 0;
background: #55b654;
padding: 4px 10px;
color: white;
text-decoration: none;
}
a.orderlink:hover
{
background: #459e44;
}
table.small-text
{
line-height: 0.7em;
}
td.source-code
{
font: 0.7em Source Code Pro;
}
td.darker
{
background: rgba(0, 0, 0, 0.07);
padding: 4px 6px;
}
div.tile-source-code
{
font: 0.7em Source Code Pro;
}
table.hgrid
{
border-spacing: 0;
}
table.hgrid td
{
border-top: solid 1px rgba(0, 0, 0, 0.07);
padding: 3px 0;
}
td.yes
{
background: rgba(64, 192, 0, 0.1);
text-align: center;
color: rgb(64, 192, 0);
}
td.no
{
background: rgba(234, 156, 156, 0.07);
text-align: center;
color: rgb(234, 156, 156);
}
td.price
{
text-align: center;
font-weight: 600;
}
table.order
{
border-spacing: 0;
}
table.order td
{
padding: 0 10px 0 0;
}
td.orderprice
{
text-align: right;
font-weight: 600;
}
td.orderaltprice
{
text-align: right;
}
table.contact
{
border-spacing: 0;
width: 100%;
}
table.contact td
{
padding: 3px 10px 3px 0;
vertical-align: top;
}
table.contact tr td:first-child
{
padding-top: 6px;
}
table.contact tr td:last-child
{
padding-right: 0px;
}
table.contact tr.trap
{
display: none;
}
table.contact #licensee-note,
table.contact #renew-note
{
color: #e00000;
}
input[type="text"],
input[type="password"],
textarea,
select
{
border: solid 1px #a0a0a0;
padding: 2px 6px;
box-sizing: border-box;
}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus
{
border: solid 1px #505050;
}
select
{
padding: 2px 2px;
}
input[type="submit"]
{
border: solid 1px #a0a0a0;
background: #e8e8e8;
padding: 2px;
}
input[type="submit"]:focus
{
border: solid 1px #505050;
}
input[type="text"],
input[type="password"],
input[type="submit"],
textarea,
select
{
font: 19px 'Source Sans Pro';
font-weight: 300;
}
p.small input[type="text"],
p.small input[type="submit"]
{
font-size: 15px;
}
.leftbyone
{
margin-left: -1px;
}
input[type="submit"].wide
{
padding-left: 10px;
padding-right: 10px;
}
form.center
{
width: 380px;
margin: 0 auto;
border: solid 1px #e2bd9c;
background: #eddbc6;
padding: 1em 2em;
text-align: center;
box-shadow: 0 2px 14px rgba(0, 0, 0, 0.08);
}
input[type="submit"].material-icons
{
width: 1.8em;
height: 31px;
font-size: 19px;
vertical-align: bottom;
}
select.autoset
{
color: #008000;
background: rgba(0, 255, 128, 0.02);
}
select.autoset option
{
color: black;
background: white;
}
@media screen\0
{
html.textshadow div.head2 strong.unsharp,
html.textshadow div.navbar a.index strong.unsharp
{
color: white;
}
}