-
Notifications
You must be signed in to change notification settings - Fork 3
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
ETY001
committed
Feb 14, 2016
1 parent
722d80e
commit a1807a4
Showing
16 changed files
with
298 additions
and
1,024 deletions.
There are no files selected for viewing
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
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
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
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,234 +1,73 @@ | ||
@import url(http://fonts.useso.com/css?family=Raleway:200,500,700,800); | ||
@font-face { | ||
font-family: 'icomoon'; | ||
src:url('../fonts/icomoon.eot?rretjt'); | ||
src:url('../fonts/icomoon.eot?#iefixrretjt') format('embedded-opentype'), | ||
url('../fonts/icomoon.woff?rretjt') format('woff'), | ||
url('../fonts/icomoon.ttf?rretjt') format('truetype'), | ||
url('../fonts/icomoon.svg?rretjt#icomoon') format('svg'); | ||
font-weight: normal; | ||
font-style: normal; | ||
} | ||
|
||
[class^="icon-"], [class*=" icon-"] { | ||
font-family: 'icomoon'; | ||
speak: none; | ||
font-style: normal; | ||
font-weight: normal; | ||
font-variant: normal; | ||
text-transform: none; | ||
line-height: 1; | ||
|
||
/* Better Font Rendering =========== */ | ||
-webkit-font-smoothing: antialiased; | ||
-moz-osx-font-smoothing: grayscale; | ||
} | ||
|
||
body, html { font-size: 100%; padding: 0; margin: 0;} | ||
|
||
/* Reset */ | ||
*, | ||
*:after, | ||
*:before { | ||
-webkit-box-sizing: border-box; | ||
-moz-box-sizing: border-box; | ||
box-sizing: border-box; | ||
} | ||
|
||
/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */ | ||
.clearfix:before, | ||
.clearfix:after { | ||
content: " "; | ||
display: table; | ||
} | ||
|
||
.clearfix:after { | ||
clear: both; | ||
} | ||
|
||
body{ | ||
font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif; | ||
} | ||
a{color: #2fa0ec;text-decoration: none;outline: none;} | ||
a:hover,a:focus{color:#74777b;} | ||
|
||
.htmleaf-container{ | ||
margin: 0 auto; | ||
text-align: center; | ||
overflow: hidden; | ||
} | ||
.htmleaf-content { | ||
height: 100%; | ||
padding: 1em 0; | ||
} | ||
|
||
.bgcolor-1 { background: #f0efee; } | ||
.bgcolor-2 { background: #f9f9f9; } | ||
.bgcolor-3 { background: #e8e8e8; }/*light grey*/ | ||
.bgcolor-4 { background: #2f3238; color: #fff; }/*Dark grey*/ | ||
.bgcolor-5 { background: #df6659; color: #521e18; }/*pink1*/ | ||
.bgcolor-6 { background: #2fa8ec; }/*sky blue*/ | ||
.bgcolor-7 { background: #d0d6d6; }/*White tea*/ | ||
.bgcolor-8 { background: #3d4444; color: #fff; }/*Dark grey2*/ | ||
.bgcolor-9 { background: #ef3f52; color: #fff;}/*pink2*/ | ||
.bgcolor-10{ background: #64448f; color: #fff;}/*Violet*/ | ||
.bgcolor-11{ background: #3755ad; color: #fff;}/*dark blue*/ | ||
.bgcolor-12{ background: #3498DB; color: #fff;}/*light blue*/ | ||
/* Header */ | ||
.htmleaf-header{ | ||
padding: 1em 190px 1em; | ||
letter-spacing: -1px; | ||
text-align: center; | ||
} | ||
.htmleaf-header h1 { | ||
font-weight: 600; | ||
font-size: 2em; | ||
line-height: 1; | ||
margin-bottom: 0; | ||
font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif; | ||
} | ||
.htmleaf-header h1 span { | ||
font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif; | ||
display: block; | ||
font-size: 60%; | ||
font-weight: 400; | ||
padding: 0.8em 0 0.5em 0; | ||
color: #c3c8cd; | ||
} | ||
/*nav*/ | ||
.htmleaf-demo a{color: #1d7db1;text-decoration: none;} | ||
.htmleaf-demo{width: 100%;padding-bottom: 1.2em;} | ||
.htmleaf-demo a{display: inline-block;margin: 0.5em;padding: 0.6em 1em;border: 3px solid #1d7db1;font-weight: 700;} | ||
.htmleaf-demo a:hover{opacity: 0.6;} | ||
.htmleaf-demo a.current{background:#1d7db1;color: #fff; } | ||
/* Top Navigation Style */ | ||
.htmleaf-links { | ||
position: relative; | ||
display: inline-block; | ||
white-space: nowrap; | ||
font-size: 1.5em; | ||
text-align: center; | ||
} | ||
|
||
.htmleaf-links::after { | ||
position: absolute; | ||
top: 0; | ||
left: 50%; | ||
margin-left: -1px; | ||
width: 2px; | ||
height: 100%; | ||
background: #dbdbdb; | ||
content: ''; | ||
-webkit-transform: rotate3d(0,0,1,22.5deg); | ||
transform: rotate3d(0,0,1,22.5deg); | ||
} | ||
|
||
.htmleaf-icon { | ||
display: inline-block; | ||
margin: 0.5em; | ||
padding: 0em 0; | ||
width: 1.5em; | ||
text-decoration: none; | ||
} | ||
|
||
.htmleaf-icon span { | ||
display: none; | ||
} | ||
|
||
.htmleaf-icon:before { | ||
margin: 0 5px; | ||
text-transform: none; | ||
font-weight: normal; | ||
font-style: normal; | ||
font-variant: normal; | ||
font-family: 'icomoon'; | ||
line-height: 1; | ||
speak: none; | ||
-webkit-font-smoothing: antialiased; | ||
} | ||
/* footer */ | ||
.htmleaf-footer{width: 100%;padding-top: 10px;} | ||
.htmleaf-small{font-size: 0.8em;} | ||
.center{text-align: center;} | ||
/****/ | ||
.related { | ||
width: 100%; | ||
color: #fff; | ||
background: #333; | ||
text-align: center; | ||
font-size: 1.25em; | ||
padding: 0.5em 0; | ||
overflow: hidden; | ||
} | ||
|
||
.related > a { | ||
vertical-align: top; | ||
width: calc(100% - 20px); | ||
max-width: 340px; | ||
display: inline-block; | ||
text-align: center; | ||
margin: 20px 10px; | ||
padding: 25px; | ||
font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif; | ||
} | ||
.related a { | ||
display: inline-block; | ||
text-align: left; | ||
margin: 20px auto; | ||
padding: 10px 20px; | ||
opacity: 0.8; | ||
-webkit-transition: opacity 0.3s; | ||
transition: opacity 0.3s; | ||
-webkit-backface-visibility: hidden; | ||
} | ||
|
||
.related a:hover, | ||
.related a:active { | ||
opacity: 1; | ||
} | ||
|
||
.related a img { | ||
max-width: 100%; | ||
opacity: 0.8; | ||
border-radius: 4px; | ||
} | ||
.related a:hover img, | ||
.related a:active img { | ||
opacity: 1; | ||
} | ||
.related h3{font-family: "Microsoft YaHei", sans-serif;} | ||
.related a h3 { | ||
font-weight: 300; | ||
margin-top: 0.15em; | ||
color: #fff; | ||
} | ||
/* icomoon */ | ||
.icon-htmleaf-home-outline:before { | ||
content: "\e5000"; | ||
} | ||
|
||
.icon-htmleaf-arrow-forward-outline:before { | ||
content: "\e5001"; | ||
} | ||
|
||
@media screen and (max-width: 50em) { | ||
.htmleaf-header { | ||
padding: 3em 10% 4em; | ||
} | ||
.htmleaf-header h1 { | ||
font-size:2em; | ||
} | ||
} | ||
|
||
|
||
@media screen and (max-width: 40em) { | ||
.htmleaf-header h1 { | ||
font-size: 1.5em; | ||
} | ||
} | ||
|
||
@media screen and (max-width: 30em) { | ||
.htmleaf-header h1 { | ||
font-size:1.2em; | ||
} | ||
} | ||
hr{ | ||
border: 0; | ||
} | ||
.button-success, | ||
.button-error, | ||
.button-warning, | ||
.button-secondary { | ||
color: white; | ||
border-radius: 4px; | ||
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); | ||
} | ||
|
||
.button-success { | ||
background: rgb(28, 184, 65); /* this is a green */ | ||
} | ||
|
||
.button-error { | ||
background: rgb(202, 60, 60); /* this is a maroon */ | ||
} | ||
|
||
.button-warning { | ||
background: rgb(223, 117, 20); /* this is an orange */ | ||
} | ||
|
||
.button-secondary { | ||
background: rgb(66, 184, 221); /* this is a light blue */ | ||
} | ||
.bigbox{ | ||
top: 0; | ||
bottom: 0; | ||
left: 0; | ||
right: 0; | ||
position: absolute; | ||
width: 100%; | ||
height: 100%; | ||
overflow: hidden; | ||
} | ||
.title{ | ||
border-bottom: 1px solid #ddd; | ||
} | ||
#screen{ | ||
height: 100%; | ||
overflow: hidden; | ||
} | ||
#blocklist{ | ||
height: 100%; | ||
overflow-y: scroll; | ||
overflow-x: hidden; | ||
} | ||
.appname{ | ||
padding: 0 30px 0 20px; | ||
letter-spacing: .1em; | ||
} | ||
.bookmark_info{ | ||
letter-spacing: .1em; | ||
padding: 10px; | ||
} | ||
#frame{ | ||
top: 0; | ||
bottom: 0; | ||
left: 0; | ||
right: 0; | ||
width: 100%; | ||
height: 100%; | ||
} | ||
#frame iframe{ | ||
width:100%; | ||
height:100%; | ||
border: 0; | ||
} | ||
#bookmark_title{ | ||
font-weight: bolder; | ||
} |
This file was deleted.
Oops, something went wrong.
This file was deleted.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
Oops, something went wrong.