html {
height: 100%;
font-size: 100%;
overflow-y: scroll;
-webkit-text-size-adjust: 100%
}
body {
padding: 0px;
background: #fff;
color: #333;
margin: 0 auto;
max-width: 900px;
background: transparent url('/img/background2.png') right bottom repeat;
font: 1em/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
*font-size: 1em;
-webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
a {
color: #105672;
}
pre {
overflow-x: scroll;
background: #fff;
}
code {
font-size: 1.1em;
}
header {
background: #171e2e;
padding: .5em 2em;
color: #fff;
line-height: 1;
}
header h1 {
margin-bottom: 0;
margin-top: 0;
}
header h1 span {
display: inline;
color: rgba(255,255,255,.4);
}
header span {
display: block;
color: rgba(255,255,255,.2);
font-weight: 300;
margin-bottom: 1.6em
}
header nav {
float: right;
text-align: right
}
header nav div.mobiles {
display: none;
}
header nav div.social a {
font-weight: 300;
padding: .3em .5em
}
header nav a {
color: #fff;
display: inline-block;
padding: .3em .8em
}
header nav a:hover,
header nav a:focus {
color: rgba(255,255,255,.6)
}
[role=main] {
padding:1.5em 3em;
}
article {
padding: 1em 0;
}
article .subarticle {
background: #fff;
margin: 2em -2em;
padding: 1em 2em;
}
footer {
background: transparent url('/img/background5-1.png') right bottom repeat;
color: #111;
padding: .1em 2em;
font-size: 0.9em;
}
footer h2 {
font-size: 1.3em;
}
footer ul {
padding-left: 0;
}
footer ul a {
color: #111;
font-size: 1.0em;
}
footer ul a:hover,
footer ul a:focus {
color: #888;
}
p {
font: 1em/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
}
img {
max-width: 100%;
height: auto;
}
.hidden {
display:none!important;
}
.center {
text-align: center;
}
blockquote {
float: left;
margin: 1em 3em;
}
blockquote p {
font-size: 1.4em;
line-height: 1.2;
font-weight: 700;
font-style:italic;
}
h2 > a {
color: #000;
}
a {
font: 700 1em/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
text-decoration: none
}
a:hover,
a:focus {
color: #000;
}
a:active {
position: relative;
top:1px;
}
.js-on #tabs article {
display:none
}
#tabs, #tabs nav a.active {
background: transparent url('/img/background3.png') right bottom repeat;
color: #111;
}
#tabs nav {
position: relative;
overflow: hidden;
display: table;
background: #bbb;
}
#tabs nav a {
width:150px;
display:table-cell;
padding:0.5em 1em;
text-align:center;
color: #333;
background: transparent url('/img/background4-1.png') right bottom repeat;
}
#tabs nav a:hover,
#tabs nav a:focus{
background:#eee
}
#tabs article {
padding: 1em 2em;
}
#tabs article h2:first-child,
#tabs article h3:first-child,
#tabs article p:first-child {
margin-top:0;
}
.js-on #tabs article.active {
display:block;
}
#tabs #mobiles{
display:none;
border-radius: 0;
}
#tabs #mobiles a,
#tabs #mobiles a:first-child,
#tabs #mobiles a:last-child {
width:300px;
border-radius: 0;
}
div.social {
float: right;
margin-right: 0px;
margin-top: 20px;
}
header a.language {
float: right;
width: 46px;
display: block;
margin-top: 7px;
padding: 3px 10px;
color: #333;
background: #eee;
text-shadow: #eee 0 1px 0;
border: 1px solid #999;
border-radius: 12px;
-moz-border-radius: 12px;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e0e0e0), to(#aaa));
background-image: -moz-linear-gradient(center bottom, #aaa 0%, #e0e0e0 50%);
box-shadow: 1px 1px 3px #666;
-moz-box-shadow: 1px 1px 3px #666;
-webkit-box-shadow: 1px 1px 3px #666;
font-family: "Lucida Sans Unicode","Lucida Grande",Arial,"ヒラギノ丸ゴ Pro W4",Osaka,sans-serif;
line-height: 1.4;
font-size: 13px;
}
footer div.left-section, footer div.center-section {
float: left;
width: 20%;
margin-right: 5%;
line-height: 2em;
}
footer div.right-section {
float: left;
width: 50%;
}
.founder .profile div.social{
margin: 0 0 0 -2px;
padding: 0;
display: block;
width: 100%;
}
.founder .profile div.social > div {
padding: 2px;
float: left;
width: 45px;
}
.founder .profile table {
overflow:auto;
}
.founder .profile table th a, .founder .profile div.social a {
width: 32px;
height: 32px;
margin: auto;
opacity: 0.9;
filter: alpha(opacity=90);
display: block;
text-indent: -9999px;
outline: none;
}
.founder .profile table td, .founder .profile div.social div {
text-align: center;
font-size: x-small;
}
.founder .profile table th a.email, .founder .profile div.social a.email {
background: transparent url('/img/email_32g.png') left center no-repeat;
}
.founder .profile table th a.twitter, .founder .profile div.social a.twitter {
background: transparent url('/img/twitter_32g.png') left center no-repeat;
}
.founder .profile table th a.facebook, .founder .profile div.social a.facebook {
background: transparent url('/img/facebook_32g.png') left center no-repeat;
}
.founder .profile table th a.linkedin, .founder .profile div.social a.linkedin {
background: transparent url('/img/linkedin_32g.png') left center no-repeat;
}
.founder .profile table th a.github, .founder .profile div.social a.github {
background: transparent url('/img/github_32g.png') left center no-repeat;
}
.founder .profile table th a.skype, .founder .profile div.social a.skype {
background: transparent url('/img/skype_32g.png') left center no-repeat;
}
#contact_form label {
min-width: 40px;
display: inline-block;
}
#contact_form button[name="commit"] {
font-size: 20px;
}
#contact_form input {
font-family: "Lucida Sans Unicode","Lucida Grande",Arial,sans-serif;
font-size: 14px;
border: 1px solid #bbb;
padding: 7px;
margin-bottom: 5px;
background: #fff;
box-sizing:border-box;
-moz-box-sizing:border-box; 
}
#contact_form textarea {
font-family: "Lucida Sans Unicode","Lucida Grande",Arial,sans-serif;
font-size: 14px;
border: 1px solid #bbb;
padding: 7px;
margin-bottom: 5px;
background: #fff;
width: 100%;
box-sizing:border-box;
-moz-box-sizing:border-box; 
}
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
#client_list {
display: block;
list-style-type: none;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
}
#client_list li {
width: 27%;
margin: 10px;
padding: 15px 10px;
float: left;
font-size: 12px;
text-align: center;
min-height: 155px;
vertical-align: middle;
background: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-moz-border-radius: 4px;
box-shadow: 1px 1px 5px #ddd;
-moz-box-shadow: 1px 1px 5px #ddd;
-webkit-box-shadow: 1px 1px 5px #ddd;
}
#blogTab a.toggleCode {
display: none;
}
article a img {
border: 0;
}
header a.logo img {
border: 0;
margin-bottom: -10px;
margin-left: -10px;
}
footer li {
list-style-type: none;
}
.shareButtons ul {
padding-left: 0;
}
.shareButtons li {
list-style-type: none;
}
#copy {
font-size: 0.8em;
color: #666;
}
@media screen and (min-width:900px) {
body{font-size: 1.1em;}
}
@media screen and (max-width:850px) {
#client_list {
padding-left: 20px;
}
#client_list li {
width: 90%;
}
}
.redtext {
font-family: 'Lucida Sans Unicode';
color: rgb(211, 19, 19);
}
.leftimage {
float: left;
margin-right: 22px;
}
.rightside {
float: right;
}
hr {
text-align: center; margin: 0 auto;
width: 30%;
}
@media screen and (max-width:610px) {
#tabs article {
display:block;
}
#tabs nav {
display: none;
position: relative;
}
#tabs nav a {
padding:0.5em;
}
header nav div.social {
display: none;
}
header a.logo img {
width: 320px;
height: 75px;
margin-bottom: -10px;
margin-left: -10px;
}
#tabs #mobiles {
display:block;
}
#blogTab div.code {
display: none;
}
#blogTab a.toggleCode {
display: inline;
}
}
@media screen and (max-width:480px) {
blockquote {
float: none;
}
header nav a {
padding:.7em .8em
}
header nav a {
border-right: 1px solid #222
}
[role=main] {
padding:1.5em 2em;
}
header a.logo img {
width: 289px;
height: 63px;
}
header a.language {
margin-right: -5px;
}
#tabs nav div {
display: block;
background: #171e2e;
color: #fff;
}
#tabs nav a {
padding: 0.8em 0.5em;
}
#tabs nav a:hover, #tabs nav a:focus {
background: transparent url('/img/background3.png') right bottom repeat;
}
footer div.left-section, footer div.center-section, footer div.right-section {
float: none;
width: 100%;
margin-left: 0;
margin-right: 0;
}
footer h2 {
font-size: 1.5em;
}
footer ul a {
color: #111;
}
footer li.notmobile {
display: none;
}
#client_list {
padding-left: 5%;
}
#client_list li {
width: 80%;
}
}
.andromeda { display: none; }