Test Waka
This commit is contained in:
Khoa Le
63
css/themes/minimal/overrides.scss
Normal file
63
css/themes/minimal/overrides.scss
Normal file
@@ -0,0 +1,63 @@
|
||||
---
|
||||
---
|
||||
|
||||
nav {
|
||||
hr {
|
||||
display: none;
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin-top: 40px;
|
||||
font-size: 18px;
|
||||
a, a:visited {
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 16px;
|
||||
margin-bottom: 5px;
|
||||
hr {
|
||||
display: block;
|
||||
color: #EBF4F9;
|
||||
background-color: #EBF4F9;
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
|
||||
li {
|
||||
margin-left: 0;
|
||||
padding-left: 0;
|
||||
|
||||
a {
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
section {
|
||||
padding-bottom: 10px;
|
||||
|
||||
#contribute {
|
||||
a {
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
h3 {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
header {
|
||||
float: none;
|
||||
position: inherit;
|
||||
width: 100%;
|
||||
|
||||
h1 {
|
||||
margin-top: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
274
css/themes/minimal/theme.css
Normal file
274
css/themes/minimal/theme.css
Normal file
@@ -0,0 +1,274 @@
|
||||
/*
|
||||
Original theme by Orderlist
|
||||
https://github.com/orderedlist/minimal
|
||||
|
||||
Creative Commons Attribution-ShareAlike 3.0 Unported License.
|
||||
http://creativecommons.org/licenses/by-sa/3.0/
|
||||
|
||||
Modified:
|
||||
- larger layout
|
||||
- footer on the section part
|
||||
- no subpixel treatment
|
||||
|
||||
*/
|
||||
|
||||
@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,400italic,700italic,700);
|
||||
|
||||
body {
|
||||
background-color: #fff;
|
||||
padding:50px;
|
||||
font: 14px/1.5 "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
color:#727272;
|
||||
font-weight:400;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
color:#222;
|
||||
margin:0 0 20px;
|
||||
}
|
||||
|
||||
p, ul, ol, table, pre, dl {
|
||||
margin:0 0 20px;
|
||||
}
|
||||
|
||||
h1, h2, h3 {
|
||||
line-height:1.1;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size:28px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color:#393939;
|
||||
}
|
||||
|
||||
h3, h4, h5, h6 {
|
||||
color:#494949;
|
||||
}
|
||||
|
||||
a {
|
||||
color:#39c;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color:#069;
|
||||
}
|
||||
|
||||
a small {
|
||||
font-size:11px;
|
||||
color:#777;
|
||||
margin-top:-0.3em;
|
||||
display:block;
|
||||
}
|
||||
|
||||
a:hover small {
|
||||
color:#777;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
margin:0 auto;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
border-left:1px solid #e5e5e5;
|
||||
margin:0;
|
||||
padding:0 0 0 20px;
|
||||
font-style:italic;
|
||||
}
|
||||
|
||||
code, pre {
|
||||
font-family:Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal, Consolas, Liberation Mono, DejaVu Sans Mono, Courier New, monospace;
|
||||
color:#333;
|
||||
font-size:12px;
|
||||
}
|
||||
|
||||
pre {
|
||||
padding:8px 15px;
|
||||
background: #f8f8f8;
|
||||
border-radius:5px;
|
||||
border:1px solid #e5e5e5;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
table {
|
||||
width:100%;
|
||||
border-collapse:collapse;
|
||||
}
|
||||
|
||||
th, td {
|
||||
text-align:left;
|
||||
padding:5px 10px;
|
||||
border-bottom:1px solid #e5e5e5;
|
||||
}
|
||||
|
||||
dt {
|
||||
color:#444;
|
||||
font-weight:700;
|
||||
}
|
||||
|
||||
th {
|
||||
color:#444;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width:100%;
|
||||
}
|
||||
|
||||
header {
|
||||
width:270px;
|
||||
float:left;
|
||||
position:fixed;
|
||||
}
|
||||
|
||||
header ul {
|
||||
list-style:none;
|
||||
height:40px;
|
||||
padding:0;
|
||||
background: #f4f4f4;
|
||||
border-radius:5px;
|
||||
border:1px solid #e0e0e0;
|
||||
width:270px;
|
||||
}
|
||||
|
||||
header li {
|
||||
width:89px;
|
||||
float:left;
|
||||
border-right:1px solid #e0e0e0;
|
||||
height:40px;
|
||||
}
|
||||
|
||||
header li:first-child a {
|
||||
border-radius:5px 0 0 5px;
|
||||
}
|
||||
|
||||
header li:last-child a {
|
||||
border-radius:0 5px 5px 0;
|
||||
}
|
||||
|
||||
header ul a {
|
||||
line-height:1;
|
||||
font-size:11px;
|
||||
color:#999;
|
||||
display:block;
|
||||
text-align:center;
|
||||
padding-top:6px;
|
||||
height:34px;
|
||||
}
|
||||
|
||||
header ul a:hover {
|
||||
color:#999;
|
||||
}
|
||||
|
||||
header ul a:active {
|
||||
background-color:#f0f0f0;
|
||||
}
|
||||
|
||||
strong {
|
||||
color:#222;
|
||||
font-weight:700;
|
||||
}
|
||||
|
||||
header ul li + li + li {
|
||||
border-right:none;
|
||||
width:89px;
|
||||
}
|
||||
|
||||
header ul a strong {
|
||||
font-size:14px;
|
||||
display:block;
|
||||
color:#222;
|
||||
}
|
||||
|
||||
section {
|
||||
width:500px;
|
||||
float:right;
|
||||
padding-bottom:50px;
|
||||
}
|
||||
|
||||
small {
|
||||
font-size:11px;
|
||||
}
|
||||
|
||||
hr {
|
||||
border:0;
|
||||
background:#e5e5e5;
|
||||
height:1px;
|
||||
margin:0 0 20px;
|
||||
}
|
||||
|
||||
@media print, screen and (max-width: 650px) {
|
||||
|
||||
div.wrapper {
|
||||
width:auto;
|
||||
margin:0;
|
||||
}
|
||||
|
||||
header, section, footer {
|
||||
float:none;
|
||||
position:static;
|
||||
width:auto;
|
||||
}
|
||||
|
||||
header {
|
||||
padding-right:320px;
|
||||
}
|
||||
|
||||
section {
|
||||
border:1px solid #e5e5e5;
|
||||
border-width:1px 0;
|
||||
padding:20px 0;
|
||||
margin:0 0 20px;
|
||||
}
|
||||
|
||||
header a small {
|
||||
display:inline;
|
||||
}
|
||||
|
||||
header ul {
|
||||
position:absolute;
|
||||
right:50px;
|
||||
top:52px;
|
||||
}
|
||||
}
|
||||
|
||||
@media print, screen and (max-width: 720px) {
|
||||
body {
|
||||
word-wrap:break-word;
|
||||
}
|
||||
|
||||
header {
|
||||
padding:0;
|
||||
}
|
||||
|
||||
header ul, header p.view {
|
||||
position:static;
|
||||
}
|
||||
|
||||
pre, code {
|
||||
word-wrap:normal;
|
||||
}
|
||||
}
|
||||
|
||||
@media print, screen and (max-width: 640px) {
|
||||
body {
|
||||
padding:15px;
|
||||
}
|
||||
|
||||
header ul {
|
||||
width:99%;
|
||||
}
|
||||
|
||||
header li, header ul li + li + li {
|
||||
width:33%;
|
||||
}
|
||||
}
|
||||
|
||||
@media print {
|
||||
body {
|
||||
padding:0.4in;
|
||||
font-size:12pt;
|
||||
color:#444;
|
||||
}
|
||||
}
|
||||
165
css/themes/wakanda/button.scss
Normal file
165
css/themes/wakanda/button.scss
Normal file
@@ -0,0 +1,165 @@
|
||||
---
|
||||
---
|
||||
|
||||
section {
|
||||
.btn {
|
||||
font-size: 12px;
|
||||
box-sizing: border-box;
|
||||
border: none;
|
||||
padding: 8px 15px;
|
||||
background-color: #e3e5e6;
|
||||
color: #555;
|
||||
text-align: center;
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
margin: 5px 5px 0 0;
|
||||
transition: all .15s ease-in;
|
||||
font-weight: 400;
|
||||
color: white;
|
||||
background-color: #4ab19d;
|
||||
}
|
||||
|
||||
a.action {
|
||||
display: block;
|
||||
width: 200px;
|
||||
height: 100px;
|
||||
float: left;
|
||||
text-align: center;
|
||||
background-color: transparent;
|
||||
padding: 0;
|
||||
color: black;
|
||||
font-size: 15px;
|
||||
|
||||
&:hover {
|
||||
background-color: transparent;
|
||||
color:gray;
|
||||
}
|
||||
|
||||
img {
|
||||
display: block;
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
background-color: transparent;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 14px;
|
||||
line-height: inherit;
|
||||
|
||||
&:hover {
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
a.transparent {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
a.blue {
|
||||
color: white;
|
||||
background-color: #44515e;
|
||||
}
|
||||
|
||||
a.green {
|
||||
color: white;
|
||||
background-color: #4ab19d;
|
||||
}
|
||||
|
||||
a.error {
|
||||
color: white;
|
||||
background-color: #c9302c;
|
||||
}
|
||||
|
||||
.button.success {
|
||||
color: white;
|
||||
background-color: #5cb85c;
|
||||
}
|
||||
|
||||
a.btn:hover {
|
||||
text-decoration: none;
|
||||
background-color: #52687e;
|
||||
color:white;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
a.transparent:hover {
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
a.float-left {
|
||||
display: block;
|
||||
width: auto;
|
||||
padding: 5px 25px 5px 20px;
|
||||
line-height: 100%;
|
||||
}
|
||||
|
||||
.home-button {
|
||||
text-align: center;
|
||||
display: block;
|
||||
width: 250px;
|
||||
box-sizing: border-box;
|
||||
cursor: pointer;
|
||||
padding: 10px 10px 20px;
|
||||
border-radius: 10px;
|
||||
margin-bottom: 8px;
|
||||
margin-right: 8px;
|
||||
float:left;
|
||||
}
|
||||
|
||||
.home-button figure {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.home-button span {
|
||||
display: block;
|
||||
color: #e1e1e1;
|
||||
font-size: 15px;
|
||||
line-height: 120%;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.dark.home-button {
|
||||
background: #4e4e4e;
|
||||
}
|
||||
|
||||
.dark.home-button figure {
|
||||
background: url('../images/ios.png');
|
||||
height: 91px;
|
||||
width: 91px;
|
||||
text-indent: -9999px;
|
||||
}
|
||||
|
||||
.dark.home-button:hover figure {
|
||||
background: url('../images/iosHover.png');
|
||||
}
|
||||
|
||||
.green.home-button {
|
||||
background: #45b29d;
|
||||
}
|
||||
|
||||
.green.home-button figure {
|
||||
background: url('../images/android.png');
|
||||
height: 93px;
|
||||
width: 79px;
|
||||
text-indent: -9999px;
|
||||
}
|
||||
|
||||
.green.home-button:hover figure {
|
||||
background: url('../images/androidHover.png');
|
||||
}
|
||||
|
||||
.green.home-button span {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.home-button:hover span {
|
||||
color: white;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
175
css/themes/wakanda/home.scss
Normal file
175
css/themes/wakanda/home.scss
Normal file
@@ -0,0 +1,175 @@
|
||||
---
|
||||
---
|
||||
|
||||
header.home {
|
||||
position: relative;
|
||||
background: url(../../../img/circle.png) no-repeat center center, url(../../../img/background.png) repeat;
|
||||
background-color:#eeeded;
|
||||
width: 100%;
|
||||
height: 257px;
|
||||
text-align: center;
|
||||
|
||||
h1 {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-top: -75px;
|
||||
margin-left: -167px;
|
||||
padding: 5px 19px;
|
||||
font-weight: 100;
|
||||
font-size: 46px;
|
||||
color: #fff;
|
||||
max-width: 100%;
|
||||
background-color: #ffb800;
|
||||
}
|
||||
|
||||
img {
|
||||
position: absolute;
|
||||
top:105px;
|
||||
left:50%;
|
||||
margin-left: -202px;
|
||||
}
|
||||
}
|
||||
|
||||
.home-container {
|
||||
padding:0;
|
||||
margin: 0 8px 40px 8px;
|
||||
justify-content: center;
|
||||
|
||||
h2 {
|
||||
clear: both;
|
||||
margin: 18px 0 0 10px;
|
||||
color: #A2A2A2;
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
hr {
|
||||
clear: both;
|
||||
color: white;
|
||||
background-color: white;
|
||||
}
|
||||
}
|
||||
|
||||
.home-container > div {
|
||||
width: 25%;
|
||||
float: left;
|
||||
background-color: #fafafa;
|
||||
box-sizing: border-box;
|
||||
padding-bottom: 15px;
|
||||
border-style: solid;
|
||||
border-color: #fff;
|
||||
border-width: 16px 8px 0 8px;
|
||||
height:268px;
|
||||
&:hover {
|
||||
border-bottom:3px solid #ffb800;
|
||||
|
||||
&:hover .head {
|
||||
background-color: #ffb800;
|
||||
color:#fff;
|
||||
}
|
||||
}
|
||||
|
||||
.head {
|
||||
color:#323232;
|
||||
text-align: center;
|
||||
height: 50px;
|
||||
background-color: #f3f3f3;
|
||||
font-size: 18px;
|
||||
line-height: 50px;
|
||||
}
|
||||
|
||||
.head .label {
|
||||
font-size: 10px;
|
||||
background-color: white;
|
||||
border-radius: 5px;
|
||||
color: #545454;
|
||||
padding: 4px 8px 4px 8px;
|
||||
text-transform: uppercase;
|
||||
font-weight: bold;
|
||||
position: relative;
|
||||
top: -3px;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
a.action {
|
||||
.stepPic {
|
||||
height: 96px;
|
||||
width: 96px;
|
||||
background-position: 0 0;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-top: 15px;
|
||||
margin-bottom: 20px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
|
||||
&.model {
|
||||
background-image: url(../../../img/pic_model.png);
|
||||
}
|
||||
&.prototype {
|
||||
background-image: url(../../../img/pic_prototype.png);
|
||||
}
|
||||
&.webApp {
|
||||
background-image: url(../../../img/pic_webApp.png);
|
||||
}
|
||||
&.mobileApp {
|
||||
background-image: url(../../../img/pic_mobileApp.png);
|
||||
}
|
||||
&.circle {
|
||||
background-color: white;
|
||||
border-radius: 50%;
|
||||
box-sizing: border-box;
|
||||
border: 4px solid white;
|
||||
}
|
||||
&.deploy {
|
||||
background-image: url(../../../img/icon-deploy.png);
|
||||
}
|
||||
&.connect {
|
||||
background-image: url(../../../img/icon-connect.png);
|
||||
}
|
||||
}
|
||||
|
||||
display: block;
|
||||
width: 100%;
|
||||
color: #555555;
|
||||
font-weight: 700;
|
||||
line-height: 1.5;
|
||||
text-align:center;
|
||||
&:hover {
|
||||
color: #555;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
section .blocks {
|
||||
float: left;
|
||||
width: 420px;
|
||||
}
|
||||
|
||||
#home {
|
||||
#contribute, #chapter {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media print, screen and(max-width: 1060px) {
|
||||
section {
|
||||
.getting-started {
|
||||
margin-top:5px;
|
||||
width: 360px;
|
||||
}
|
||||
.step {
|
||||
width: 160px;
|
||||
}
|
||||
}
|
||||
|
||||
.home {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.home-container > div {
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
31
css/themes/wakanda/mailing.scss
Normal file
31
css/themes/wakanda/mailing.scss
Normal file
@@ -0,0 +1,31 @@
|
||||
---
|
||||
---
|
||||
|
||||
#mc_embed_signup{
|
||||
padding: 0 0 22px 22px;
|
||||
color:#555;
|
||||
|
||||
h2 {
|
||||
padding: 0 0 4px 0;
|
||||
font-size: 15px;
|
||||
}
|
||||
.mc-field-group {
|
||||
font-size:11px;
|
||||
margin-bottom:8px;
|
||||
}
|
||||
.mce_inline_error {
|
||||
color: #df5a49 !important;
|
||||
background-color: white !important;
|
||||
}
|
||||
.email, .mc-inline-error {
|
||||
padding: 5px 3px;
|
||||
width: 123px;
|
||||
}
|
||||
.button {
|
||||
background-color:#fbb500;
|
||||
padding:7px 8px;
|
||||
border:none;
|
||||
color:#fff;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
114
css/themes/wakanda/overrides.scss
Normal file
114
css/themes/wakanda/overrides.scss
Normal file
@@ -0,0 +1,114 @@
|
||||
---
|
||||
---
|
||||
|
||||
@import url(button.css);
|
||||
@import url(home.css);
|
||||
@import url(mailing.css);
|
||||
@import url(search.css);
|
||||
|
||||
nav {
|
||||
hr {
|
||||
display: none;
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin: 0 0 10px 0;
|
||||
font-size: 18px;
|
||||
padding: 20px 10px 10px 26px;
|
||||
a, a:visited {
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 16px;
|
||||
margin-bottom: 5px;
|
||||
hr {
|
||||
display: block;
|
||||
color: #EBF4F9;
|
||||
background-color: #EBF4F9;
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
|
||||
li {
|
||||
margin-left: 0;
|
||||
padding-left: 0;
|
||||
|
||||
&.active {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
a {
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
section {
|
||||
padding-bottom: 10px;
|
||||
|
||||
h1 {
|
||||
border-bottom: solid 1px #e5e5e5;
|
||||
margin: -27px 0px 40px 0;
|
||||
padding: 0 200px 13px 40px;
|
||||
max-width: 600px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
#contribute {
|
||||
padding: 7px 15px 0px 40px;
|
||||
font-size: 13px;
|
||||
|
||||
a:after {
|
||||
content: "Contribute to this page";
|
||||
}
|
||||
}
|
||||
|
||||
#chapter {
|
||||
padding: 10px 0 0 40px;
|
||||
color: #A2A2A2;
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
text-transform: uppercase;
|
||||
height: 33px;
|
||||
}
|
||||
|
||||
header {
|
||||
float: none;
|
||||
position: inherit;
|
||||
width: 100%;
|
||||
|
||||
h1 {
|
||||
margin-top: -20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media print, screen and(max-width: 830px) {
|
||||
|
||||
section {
|
||||
|
||||
h1 {
|
||||
padding-right: 40px;
|
||||
}
|
||||
|
||||
#contribute a:after {
|
||||
content: "";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ul, ol {
|
||||
li {
|
||||
pre.highlight {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
267
css/themes/wakanda/search.scss
Normal file
267
css/themes/wakanda/search.scss
Normal file
File diff suppressed because one or more lines are too long
281
css/themes/wakanda/theme.scss
Normal file
281
css/themes/wakanda/theme.scss
Normal file
@@ -0,0 +1,281 @@
|
||||
---
|
||||
---
|
||||
|
||||
/*
|
||||
|
||||
Original theme by Orderlist
|
||||
https://github.com/orderedlist/minimal
|
||||
|
||||
Creative Commons Attribution-ShareAlike 3.0 Unported License.
|
||||
http://creativecommons.org/licenses/by-sa/3.0/
|
||||
|
||||
Forked by Wakanda SAS
|
||||
|
||||
Modified:
|
||||
- default font
|
||||
- larger layout
|
||||
- footer on the section part
|
||||
- no subpixel treatment
|
||||
|
||||
*/
|
||||
|
||||
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,100);
|
||||
|
||||
body {
|
||||
background-color: #fff;
|
||||
padding:50px;
|
||||
font: 14px/1.5 'Roboto', sans-serif;
|
||||
color: #535353;
|
||||
font-weight:400;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
color:#222;
|
||||
margin:0 0 20px;
|
||||
}
|
||||
|
||||
p, ul, ol, table, pre, dl {
|
||||
margin:0 0 20px;
|
||||
}
|
||||
|
||||
h1, h2, h3 {
|
||||
line-height:1.1;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size:28px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color:#393939;
|
||||
}
|
||||
|
||||
h3, h4, h5, h6 {
|
||||
color:#494949;
|
||||
}
|
||||
|
||||
a {
|
||||
color:#14a1c8;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color:#069;
|
||||
}
|
||||
|
||||
a small {
|
||||
font-size:11px;
|
||||
color:#777;
|
||||
margin-top:-0.3em;
|
||||
display:block;
|
||||
}
|
||||
|
||||
a:hover small {
|
||||
color:#777;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
margin:0 auto;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
border-left:1px solid #e5e5e5;
|
||||
margin:0;
|
||||
padding:0 0 0 20px;
|
||||
font-style:italic;
|
||||
}
|
||||
|
||||
code, pre {
|
||||
font-family:Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal, Consolas, Liberation Mono, DejaVu Sans Mono, Courier New, monospace;
|
||||
color:#333;
|
||||
font-size:12px;
|
||||
}
|
||||
|
||||
pre {
|
||||
padding:8px 15px;
|
||||
background: #f8f8f8;
|
||||
border-radius:5px;
|
||||
border:1px solid #e5e5e5;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
table {
|
||||
width:100%;
|
||||
border-collapse:collapse;
|
||||
}
|
||||
|
||||
th, td {
|
||||
text-align:left;
|
||||
padding:5px 10px;
|
||||
border-bottom:1px solid #e5e5e5;
|
||||
}
|
||||
|
||||
dt {
|
||||
color:#444;
|
||||
font-weight:700;
|
||||
}
|
||||
|
||||
th {
|
||||
color:#444;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width:100%;
|
||||
}
|
||||
|
||||
header {
|
||||
width:270px;
|
||||
float:left;
|
||||
position:fixed;
|
||||
}
|
||||
|
||||
header ul {
|
||||
list-style:none;
|
||||
height:40px;
|
||||
padding:0;
|
||||
background: #f4f4f4;
|
||||
border-radius:5px;
|
||||
border:1px solid #e0e0e0;
|
||||
width:270px;
|
||||
}
|
||||
|
||||
header li {
|
||||
width:89px;
|
||||
float:left;
|
||||
border-right:1px solid #e0e0e0;
|
||||
height:40px;
|
||||
}
|
||||
|
||||
header li:first-child a {
|
||||
border-radius:5px 0 0 5px;
|
||||
}
|
||||
|
||||
header li:last-child a {
|
||||
border-radius:0 5px 5px 0;
|
||||
}
|
||||
|
||||
header ul a {
|
||||
line-height:1;
|
||||
font-size:11px;
|
||||
color:#999;
|
||||
display:block;
|
||||
text-align:center;
|
||||
padding-top:6px;
|
||||
height:34px;
|
||||
}
|
||||
|
||||
header ul a:hover {
|
||||
color:#999;
|
||||
}
|
||||
|
||||
header ul a:active {
|
||||
background-color:#f0f0f0;
|
||||
}
|
||||
|
||||
strong {
|
||||
color:#222;
|
||||
font-weight:700;
|
||||
}
|
||||
|
||||
header ul li + li + li {
|
||||
border-right:none;
|
||||
width:89px;
|
||||
}
|
||||
|
||||
header ul a strong {
|
||||
font-size:14px;
|
||||
display:block;
|
||||
color:#222;
|
||||
}
|
||||
|
||||
section {
|
||||
width:500px;
|
||||
float:right;
|
||||
padding-bottom:50px;
|
||||
}
|
||||
|
||||
small {
|
||||
font-size:11px;
|
||||
}
|
||||
|
||||
hr {
|
||||
border:0;
|
||||
background:#e5e5e5;
|
||||
height:1px;
|
||||
margin:0 0 20px;
|
||||
}
|
||||
|
||||
@media print, screen and (max-width: 650px) {
|
||||
|
||||
div.wrapper {
|
||||
width:auto;
|
||||
margin:0;
|
||||
}
|
||||
|
||||
header, section, footer {
|
||||
float:none;
|
||||
position:static;
|
||||
width:auto;
|
||||
}
|
||||
|
||||
header {
|
||||
padding-right:320px;
|
||||
}
|
||||
|
||||
section {
|
||||
border:1px solid #e5e5e5;
|
||||
border-width:1px 0;
|
||||
padding:20px 0;
|
||||
margin:0 0 20px;
|
||||
}
|
||||
|
||||
header a small {
|
||||
display:inline;
|
||||
}
|
||||
|
||||
header ul {
|
||||
position:absolute;
|
||||
right:50px;
|
||||
top:52px;
|
||||
}
|
||||
}
|
||||
|
||||
@media print, screen and (max-width: 720px) {
|
||||
body {
|
||||
word-wrap:break-word;
|
||||
}
|
||||
|
||||
header {
|
||||
padding:0;
|
||||
}
|
||||
|
||||
header ul, header p.view {
|
||||
position:static;
|
||||
}
|
||||
|
||||
pre, code {
|
||||
word-wrap:normal;
|
||||
}
|
||||
}
|
||||
|
||||
@media print, screen and (max-width: 640px) {
|
||||
body {
|
||||
padding:15px;
|
||||
}
|
||||
|
||||
header ul {
|
||||
width:99%;
|
||||
}
|
||||
|
||||
header li, header ul li + li + li {
|
||||
width:33%;
|
||||
}
|
||||
}
|
||||
|
||||
@media print {
|
||||
body {
|
||||
padding:0.4in;
|
||||
font-size:12pt;
|
||||
color:#444;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user