new site
This commit is contained in:
429
_sass/_base.scss
429
_sass/_base.scss
@@ -1,429 +0,0 @@
|
||||
/**
|
||||
* Reset some basic elements
|
||||
*/
|
||||
body, h1, h2, h3, h4, h5, h6,
|
||||
p, blockquote, pre, hr,
|
||||
dl, dd, ol, ul, figure {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Basic styling
|
||||
*/
|
||||
|
||||
@font-face {
|
||||
font-family: gidole;
|
||||
src: url(/assets/font/gidole.otf);
|
||||
}
|
||||
body {
|
||||
font: $base-font-weight #{$base-font-size}/#{$base-line-height} gidole;
|
||||
color: $text-color;
|
||||
background-color: $background-color;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-webkit-font-feature-settings: "kern" 1;
|
||||
-moz-font-feature-settings: "kern" 1;
|
||||
-o-font-feature-settings: "kern" 1;
|
||||
font-feature-settings: "kern" 1;
|
||||
font-kerning: normal;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* Set `margin-bottom` to maintain vertical rhythm
|
||||
*/
|
||||
h1, h2, h3, h4, h5, h6,
|
||||
p, blockquote, pre,
|
||||
ul, ol, dl, figure,
|
||||
%vertical-rhythm {
|
||||
margin-bottom: $spacing-unit / 2;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* Images
|
||||
*/
|
||||
img {
|
||||
max-width: 100%;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* Figures
|
||||
*/
|
||||
figure > img {
|
||||
display: block;
|
||||
}
|
||||
|
||||
figcaption {
|
||||
font-size: $small-font-size;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* Lists
|
||||
*/
|
||||
ul, ol {
|
||||
margin-left: $spacing-unit;
|
||||
}
|
||||
|
||||
li {
|
||||
> ul,
|
||||
> ol {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* Headings
|
||||
*/
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-weight: $base-font-weight;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* Links
|
||||
*/
|
||||
a {
|
||||
color: $brand-color;
|
||||
text-decoration: none;
|
||||
|
||||
&:visited {
|
||||
color: darken($brand-color, 15%);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* Blockquotes
|
||||
*/
|
||||
blockquote {
|
||||
color: $grey-color;
|
||||
border-left: 4px solid $grey-color-light;
|
||||
padding-left: $spacing-unit / 2;
|
||||
font-size: 18px;
|
||||
letter-spacing: -1px;
|
||||
font-style: italic;
|
||||
|
||||
> :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* Code formatting
|
||||
*/
|
||||
pre,
|
||||
code {
|
||||
font-size: 15px;
|
||||
border: 1px solid $grey-color-light;
|
||||
border-radius: 3px;
|
||||
background-color: #eef;
|
||||
}
|
||||
|
||||
code {
|
||||
padding: 1px 5px;
|
||||
}
|
||||
|
||||
pre {
|
||||
padding: 8px 12px;
|
||||
overflow-x: auto;
|
||||
|
||||
> code {
|
||||
border: 0;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* Wrapper
|
||||
*/
|
||||
.wrapper {
|
||||
max-width: -webkit-calc(800px - (30px * 2));
|
||||
max-width: calc(1020px - (30px * 2));
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
padding-right: 30px;
|
||||
padding-left: 30px;
|
||||
position: relative;
|
||||
}
|
||||
@media screen and (max-width: 800px) {
|
||||
.wrapper {
|
||||
max-width: -webkit-calc(800px - (30px));
|
||||
max-width: calc(800px - (30px));
|
||||
padding-right: 15px;
|
||||
padding-left: 15px; } }
|
||||
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* Clearfix
|
||||
*/
|
||||
%clearfix {
|
||||
|
||||
&:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* Icons
|
||||
*/
|
||||
.icon {
|
||||
|
||||
> svg {
|
||||
display: inline-block;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
vertical-align: middle;
|
||||
|
||||
path {
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* Column Home
|
||||
*/
|
||||
|
||||
.post-header .post-title a {
|
||||
font-size: 20px;
|
||||
}
|
||||
.post-excerpt p {
|
||||
font-size: 14px;
|
||||
}
|
||||
.post-meta {
|
||||
font-size: 10px;
|
||||
color: $grey-color;
|
||||
}
|
||||
.post {
|
||||
position: relative;
|
||||
margin: 1rem auto;
|
||||
padding-bottom: 0.5em;
|
||||
border-bottom: #E8E8E8 1px solid;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
.pagination {
|
||||
margin-top:20px;
|
||||
padding-bottom:40px;
|
||||
}
|
||||
.tags-date {
|
||||
float: right;
|
||||
margin-top: -35px; font-size: 12px;
|
||||
color: #828282;
|
||||
}
|
||||
.tags-pagee {
|
||||
border-bottom: 1px solid #e8e8e8;
|
||||
height: auto;
|
||||
display: inline-block;
|
||||
}
|
||||
@media screen and (min-width: 47.5em) {
|
||||
.tags-pagee {
|
||||
border-bottom: 1px solid #e8e8e8;
|
||||
padding: 0 0 15px;
|
||||
}
|
||||
.tags-date {
|
||||
float: right;
|
||||
margin-top: -40px; font-size: 12px;
|
||||
color: #828282;
|
||||
}
|
||||
.post {
|
||||
position: relative;
|
||||
margin: 2rem auto;
|
||||
padding-bottom: 1rem;
|
||||
border-bottom: #E8E8E8 1px solid;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
.home {
|
||||
margin-right: 18.5em;
|
||||
border-right: 1px solid #e8e8e8;
|
||||
padding-right: 30px;
|
||||
}
|
||||
.widgets {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 18.75em;
|
||||
padding-botom: 0;
|
||||
|
||||
}
|
||||
.post-header .post-title a {
|
||||
font-size:1em;
|
||||
}
|
||||
.post-excerpt p {
|
||||
font-size: 16px;
|
||||
}
|
||||
.post-meta {
|
||||
font-size: 12px;
|
||||
color: $grey-color;
|
||||
}
|
||||
.pagination {
|
||||
padding-bottom:40px;
|
||||
}
|
||||
|
||||
}
|
||||
.home {
|
||||
margin-bottom: .5em;
|
||||
}
|
||||
.widgets {
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* Tambahan
|
||||
*/
|
||||
|
||||
ol, ul {
|
||||
list-style: none;
|
||||
margin-left: 0;
|
||||
}
|
||||
.post:after {
|
||||
display: block;
|
||||
content: "";
|
||||
width: 7px;
|
||||
height: 7px;
|
||||
border: #E8E8E8 1px solid;
|
||||
position: absolute;
|
||||
bottom: -5px;
|
||||
left: 50%;
|
||||
margin-left: -5px;
|
||||
background: #fdfdfd;
|
||||
border-radius: 100%;
|
||||
box-shadow: #fdfdfd 0 0 0 5px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.tags li {
|
||||
position: relative;
|
||||
float: left;
|
||||
margin: 0 35px 9px 0px;
|
||||
}
|
||||
.tags a {
|
||||
height: 26px;
|
||||
line-height: 23px;
|
||||
padding: 0 9px 0 8px;
|
||||
font-size: 12px;
|
||||
color: #555;
|
||||
text-decoration: none;
|
||||
text-shadow: 0 1px white;
|
||||
border-width: 1px 0 1px 1px;
|
||||
border-style: solid;
|
||||
border-color: #dadada #d2d2d2 #c5c5c5;
|
||||
border-radius: 3px 0 0 3px;
|
||||
}
|
||||
.tags span {
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
left: 100%;
|
||||
z-index: 2;
|
||||
overflow: hidden;
|
||||
max-width: 0;
|
||||
height: 24px;
|
||||
line-height: 21px;
|
||||
padding: 0 0 0 2px;
|
||||
color: white;
|
||||
text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
|
||||
background: #000;
|
||||
border: 1px solid;
|
||||
border-color: #000;
|
||||
border-radius: 0 2px 2px 0;
|
||||
opacity: .95;
|
||||
padding: 0 7px 0 6px;
|
||||
max-width: 40px;
|
||||
}
|
||||
.tags a, .tags span {
|
||||
display: block;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.tags li:after {
|
||||
content: '';
|
||||
z-index: 2;
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: -2px;
|
||||
width: 5px;
|
||||
height: 6px;
|
||||
opacity: .95;
|
||||
background: #000;
|
||||
border-radius: 3px 0 0 3px;
|
||||
-webkit-box-shadow: inset 1px 0 #000;
|
||||
box-shadow: inset 1px 0 #000;
|
||||
}
|
||||
.tags:before, .tags:after {
|
||||
content: '';
|
||||
display: table;
|
||||
}
|
||||
.post-tags{
|
||||
display: inline-block;
|
||||
|
||||
|
||||
|
||||
text-transform: uppercase;
|
||||
|
||||
white-space: nowrap;
|
||||
}
|
||||
.post-tags a {
|
||||
|
||||
color:#828282;
|
||||
}
|
||||
.post-date {
|
||||
display: inline-block;
|
||||
margin-left: 8px;
|
||||
padding-left: 12px;
|
||||
border-left: #d5dbde 1px solid;
|
||||
text-transform: uppercase;
|
||||
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.pagination span, .pagination a {
|
||||
font-size: 16px;
|
||||
background: #e8e8e8;
|
||||
padding: 5px 15px;
|
||||
border-radius: 3px;
|
||||
color: #969696;
|
||||
}
|
||||
.pagination span.previous, .pagination a.previous {
|
||||
float: left;
|
||||
}
|
||||
.pagination span.next, .pagination a.next {
|
||||
float: right;
|
||||
}
|
||||
.pagination a {
|
||||
color:#2F2F2F;
|
||||
border-color:#2F2F2F;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -1,71 +0,0 @@
|
||||
/**
|
||||
* Syntax highlighting styles
|
||||
*/
|
||||
.highlight {
|
||||
background: #fff;
|
||||
@extend %vertical-rhythm;
|
||||
|
||||
.highlighter-rouge & {
|
||||
background: #eef;
|
||||
}
|
||||
|
||||
.c { color: #998; font-style: italic } // Comment
|
||||
.err { color: #a61717; background-color: #e3d2d2 } // Error
|
||||
.k { font-weight: bold } // Keyword
|
||||
.o { font-weight: bold } // Operator
|
||||
.cm { color: #998; font-style: italic } // Comment.Multiline
|
||||
.cp { color: #999; font-weight: bold } // Comment.Preproc
|
||||
.c1 { color: #998; font-style: italic } // Comment.Single
|
||||
.cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special
|
||||
.gd { color: #000; background-color: #fdd } // Generic.Deleted
|
||||
.gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
|
||||
.ge { font-style: italic } // Generic.Emph
|
||||
.gr { color: #a00 } // Generic.Error
|
||||
.gh { color: #999 } // Generic.Heading
|
||||
.gi { color: #000; background-color: #dfd } // Generic.Inserted
|
||||
.gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
|
||||
.go { color: #888 } // Generic.Output
|
||||
.gp { color: #555 } // Generic.Prompt
|
||||
.gs { font-weight: bold } // Generic.Strong
|
||||
.gu { color: #aaa } // Generic.Subheading
|
||||
.gt { color: #a00 } // Generic.Traceback
|
||||
.kc { font-weight: bold } // Keyword.Constant
|
||||
.kd { font-weight: bold } // Keyword.Declaration
|
||||
.kp { font-weight: bold } // Keyword.Pseudo
|
||||
.kr { font-weight: bold } // Keyword.Reserved
|
||||
.kt { color: #458; font-weight: bold } // Keyword.Type
|
||||
.m { color: #099 } // Literal.Number
|
||||
.s { color: #d14 } // Literal.String
|
||||
.na { color: #008080 } // Name.Attribute
|
||||
.nb { color: #0086B3 } // Name.Builtin
|
||||
.nc { color: #458; font-weight: bold } // Name.Class
|
||||
.no { color: #008080 } // Name.Constant
|
||||
.ni { color: #800080 } // Name.Entity
|
||||
.ne { color: #900; font-weight: bold } // Name.Exception
|
||||
.nf { color: #900; font-weight: bold } // Name.Function
|
||||
.nn { color: #555 } // Name.Namespace
|
||||
.nt { color: #000080 } // Name.Tag
|
||||
.nv { color: #008080 } // Name.Variable
|
||||
.ow { font-weight: bold } // Operator.Word
|
||||
.w { color: #bbb } // Text.Whitespace
|
||||
.mf { color: #099 } // Literal.Number.Float
|
||||
.mh { color: #099 } // Literal.Number.Hex
|
||||
.mi { color: #099 } // Literal.Number.Integer
|
||||
.mo { color: #099 } // Literal.Number.Oct
|
||||
.sb { color: #d14 } // Literal.String.Backtick
|
||||
.sc { color: #d14 } // Literal.String.Char
|
||||
.sd { color: #d14 } // Literal.String.Doc
|
||||
.s2 { color: #d14 } // Literal.String.Double
|
||||
.se { color: #d14 } // Literal.String.Escape
|
||||
.sh { color: #d14 } // Literal.String.Heredoc
|
||||
.si { color: #d14 } // Literal.String.Interpol
|
||||
.sx { color: #d14 } // Literal.String.Other
|
||||
.sr { color: #009926 } // Literal.String.Regex
|
||||
.s1 { color: #d14 } // Literal.String.Single
|
||||
.ss { color: #990073 } // Literal.String.Symbol
|
||||
.bp { color: #999 } // Name.Builtin.Pseudo
|
||||
.vc { color: #008080 } // Name.Variable.Class
|
||||
.vg { color: #008080 } // Name.Variable.Global
|
||||
.vi { color: #008080 } // Name.Variable.Instance
|
||||
.il { color: #099 } // Literal.Number.Integer.Long
|
||||
}
|
||||
15
_sass/base.scss
Executable file
15
_sass/base.scss
Executable file
@@ -0,0 +1,15 @@
|
||||
@import "compass";
|
||||
|
||||
@import "base/normalize";
|
||||
@import "bootstrap/grid";
|
||||
|
||||
@import "utility/setting";
|
||||
@import "utility/utility";
|
||||
@import "base/base";
|
||||
@import "base/ie8";
|
||||
@import "font/font-awesome";
|
||||
@import "theme/theme";
|
||||
|
||||
@import "layout/header";
|
||||
@import "layout/main";
|
||||
@import "layout/footer";
|
||||
18
_sass/base/_base.scss
Executable file
18
_sass/base/_base.scss
Executable file
@@ -0,0 +1,18 @@
|
||||
/**
|
||||
* ----------------------------------------------------------------------------------------
|
||||
* Base Style
|
||||
* ----------------------------------------------------------------------------------------
|
||||
*/
|
||||
|
||||
body {
|
||||
background-color: #E0E0E0;
|
||||
}
|
||||
|
||||
ul,ol {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style-type: none;
|
||||
}
|
||||
5
_sass/base/_ie8.scss
Executable file
5
_sass/base/_ie8.scss
Executable file
@@ -0,0 +1,5 @@
|
||||
/**
|
||||
* ----------------------------------------------------------------------------------------
|
||||
* IE8 style
|
||||
* ----------------------------------------------------------------------------------------
|
||||
*/
|
||||
424
_sass/base/_normalize.scss
Executable file
424
_sass/base/_normalize.scss
Executable file
@@ -0,0 +1,424 @@
|
||||
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
|
||||
|
||||
/**
|
||||
* 1. Set default font family to sans-serif.
|
||||
* 2. Prevent iOS and IE text size adjust after device orientation change,
|
||||
* without disabling user zoom.
|
||||
*/
|
||||
|
||||
html {
|
||||
font-family: sans-serif; /* 1 */
|
||||
-ms-text-size-adjust: 100%; /* 2 */
|
||||
-webkit-text-size-adjust: 100%; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove default margin.
|
||||
*/
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* HTML5 display definitions
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Correct `block` display not defined for any HTML5 element in IE 8/9.
|
||||
* Correct `block` display not defined for `details` or `summary` in IE 10/11
|
||||
* and Firefox.
|
||||
* Correct `block` display not defined for `main` in IE 11.
|
||||
*/
|
||||
|
||||
article,
|
||||
aside,
|
||||
details,
|
||||
figcaption,
|
||||
figure,
|
||||
footer,
|
||||
header,
|
||||
hgroup,
|
||||
main,
|
||||
menu,
|
||||
nav,
|
||||
section,
|
||||
summary {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct `inline-block` display not defined in IE 8/9.
|
||||
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
|
||||
*/
|
||||
|
||||
audio,
|
||||
canvas,
|
||||
progress,
|
||||
video {
|
||||
display: inline-block; /* 1 */
|
||||
vertical-align: baseline; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Prevent modern browsers from displaying `audio` without controls.
|
||||
* Remove excess height in iOS 5 devices.
|
||||
*/
|
||||
|
||||
audio:not([controls]) {
|
||||
display: none;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address `[hidden]` styling not present in IE 8/9/10.
|
||||
* Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
|
||||
*/
|
||||
|
||||
[hidden],
|
||||
template {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Links
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove the gray background color from active links in IE 10.
|
||||
*/
|
||||
|
||||
a {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/**
|
||||
* Improve readability of focused elements when they are also in an
|
||||
* active/hover state.
|
||||
*/
|
||||
|
||||
a:active,
|
||||
a:hover {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
/* Text-level semantics
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
|
||||
*/
|
||||
|
||||
abbr[title] {
|
||||
border-bottom: 1px dotted;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
|
||||
*/
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address styling not present in Safari and Chrome.
|
||||
*/
|
||||
|
||||
dfn {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address variable `h1` font-size and margin within `section` and `article`
|
||||
* contexts in Firefox 4+, Safari, and Chrome.
|
||||
*/
|
||||
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
margin: 0.67em 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address styling not present in IE 8/9.
|
||||
*/
|
||||
|
||||
mark {
|
||||
background: #ff0;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address inconsistent and variable font size in all browsers.
|
||||
*/
|
||||
|
||||
small {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
/**
|
||||
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
|
||||
*/
|
||||
|
||||
sub,
|
||||
sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
/* Embedded content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove border when inside `a` element in IE 8/9/10.
|
||||
*/
|
||||
|
||||
img {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct overflow not hidden in IE 9/10/11.
|
||||
*/
|
||||
|
||||
svg:not(:root) {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* Grouping content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Address margin not present in IE 8/9 and Safari.
|
||||
*/
|
||||
|
||||
figure {
|
||||
margin: 1em 40px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address differences between Firefox and other browsers.
|
||||
*/
|
||||
|
||||
hr {
|
||||
box-sizing: content-box;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Contain overflow in all browsers.
|
||||
*/
|
||||
|
||||
pre {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address odd `em`-unit font size rendering in all browsers.
|
||||
*/
|
||||
|
||||
code,
|
||||
kbd,
|
||||
pre,
|
||||
samp {
|
||||
font-family: monospace, monospace;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
/* Forms
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Known limitation: by default, Chrome and Safari on OS X allow very limited
|
||||
* styling of `select`, unless a `border` property is set.
|
||||
*/
|
||||
|
||||
/**
|
||||
* 1. Correct color not being inherited.
|
||||
* Known issue: affects color of disabled elements.
|
||||
* 2. Correct font properties not being inherited.
|
||||
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
|
||||
*/
|
||||
|
||||
button,
|
||||
input,
|
||||
optgroup,
|
||||
select,
|
||||
textarea {
|
||||
color: inherit; /* 1 */
|
||||
font: inherit; /* 2 */
|
||||
margin: 0; /* 3 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Address `overflow` set to `hidden` in IE 8/9/10/11.
|
||||
*/
|
||||
|
||||
button {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address inconsistent `text-transform` inheritance for `button` and `select`.
|
||||
* All other form control elements do not inherit `text-transform` values.
|
||||
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
|
||||
* Correct `select` style inheritance in Firefox.
|
||||
*/
|
||||
|
||||
button,
|
||||
select {
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
|
||||
* and `video` controls.
|
||||
* 2. Correct inability to style clickable `input` types in iOS.
|
||||
* 3. Improve usability and consistency of cursor style between image-type
|
||||
* `input` and others.
|
||||
*/
|
||||
|
||||
button,
|
||||
html input[type="button"], /* 1 */
|
||||
input[type="reset"],
|
||||
input[type="submit"] {
|
||||
-webkit-appearance: button; /* 2 */
|
||||
cursor: pointer; /* 3 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Re-set default cursor for disabled elements.
|
||||
*/
|
||||
|
||||
button[disabled],
|
||||
html input[disabled] {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove inner padding and border in Firefox 4+.
|
||||
*/
|
||||
|
||||
button::-moz-focus-inner,
|
||||
input::-moz-focus-inner {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
|
||||
* the UA stylesheet.
|
||||
*/
|
||||
|
||||
input {
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
/**
|
||||
* It's recommended that you don't attempt to style these elements.
|
||||
* Firefox's implementation doesn't respect box-sizing, padding, or width.
|
||||
*
|
||||
* 1. Address box sizing set to `content-box` in IE 8/9/10.
|
||||
* 2. Remove excess padding in IE 8/9/10.
|
||||
*/
|
||||
|
||||
input[type="checkbox"],
|
||||
input[type="radio"] {
|
||||
box-sizing: border-box; /* 1 */
|
||||
padding: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
|
||||
* `font-size` values of the `input`, it causes the cursor style of the
|
||||
* decrement button to change from `default` to `text`.
|
||||
*/
|
||||
|
||||
input[type="number"]::-webkit-inner-spin-button,
|
||||
input[type="number"]::-webkit-outer-spin-button {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
|
||||
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
|
||||
*/
|
||||
|
||||
input[type="search"] {
|
||||
-webkit-appearance: textfield; /* 1 */
|
||||
box-sizing: content-box; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
|
||||
* Safari (but not Chrome) clips the cancel button when the search input has
|
||||
* padding (and `textfield` appearance).
|
||||
*/
|
||||
|
||||
input[type="search"]::-webkit-search-cancel-button,
|
||||
input[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Define consistent border, margin, and padding.
|
||||
*/
|
||||
|
||||
fieldset {
|
||||
border: 1px solid #c0c0c0;
|
||||
margin: 0 2px;
|
||||
padding: 0.35em 0.625em 0.75em;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct `color` not being inherited in IE 8/9/10/11.
|
||||
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
|
||||
*/
|
||||
|
||||
legend {
|
||||
border: 0; /* 1 */
|
||||
padding: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove default vertical scrollbar in IE 8/9/10/11.
|
||||
*/
|
||||
|
||||
textarea {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* Don't inherit the `font-weight` (applied by a rule above).
|
||||
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
|
||||
*/
|
||||
|
||||
optgroup {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Tables
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove most spacing between table cells.
|
||||
*/
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
td,
|
||||
th {
|
||||
padding: 0;
|
||||
}
|
||||
841
_sass/bootstrap/_grid.scss
Executable file
841
_sass/bootstrap/_grid.scss
Executable file
@@ -0,0 +1,841 @@
|
||||
/**
|
||||
* ----------------------------------------------------------------------------------------
|
||||
* Bootstrap styles
|
||||
* ----------------------------------------------------------------------------------------
|
||||
*/
|
||||
|
||||
/*!
|
||||
* Bootstrap v3.3.5 (http://getbootstrap.com)
|
||||
* Copyright 2011-2015 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
*/
|
||||
|
||||
/*!
|
||||
* Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=00f31e3348ad3a0a7c71)
|
||||
* Config saved to config.json and https://gist.github.com/00f31e3348ad3a0a7c71
|
||||
*/
|
||||
/*!
|
||||
* Bootstrap v3.3.5 (http://getbootstrap.com)
|
||||
* Copyright 2011-2015 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
*/
|
||||
|
||||
* {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
*:before,
|
||||
*:after {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
html {
|
||||
font-size: 10px;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
body {
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size: 14px;
|
||||
line-height: 1.42857143;
|
||||
color: #333333;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
input,
|
||||
button,
|
||||
select,
|
||||
textarea {
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
}
|
||||
a {
|
||||
color: #337ab7;
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover,
|
||||
a:focus {
|
||||
color: #23527c;
|
||||
text-decoration: underline;
|
||||
}
|
||||
a:focus {
|
||||
outline: thin dotted;
|
||||
outline: 5px auto -webkit-focus-ring-color;
|
||||
outline-offset: -2px;
|
||||
}
|
||||
figure {
|
||||
margin: 0;
|
||||
}
|
||||
img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
.img-responsive {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.img-rounded {
|
||||
border-radius: 6px;
|
||||
}
|
||||
.img-thumbnail {
|
||||
padding: 4px;
|
||||
line-height: 1.42857143;
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #dddddd;
|
||||
border-radius: 4px;
|
||||
-webkit-transition: all 0.2s ease-in-out;
|
||||
-o-transition: all 0.2s ease-in-out;
|
||||
transition: all 0.2s ease-in-out;
|
||||
display: inline-block;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.img-circle {
|
||||
border-radius: 50%;
|
||||
}
|
||||
hr {
|
||||
margin-top: 20px;
|
||||
margin-bottom: 20px;
|
||||
border: 0;
|
||||
border-top: 1px solid #eeeeee;
|
||||
}
|
||||
.sr-only {
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
clip: rect(0, 0, 0, 0);
|
||||
border: 0;
|
||||
}
|
||||
.sr-only-focusable:active,
|
||||
.sr-only-focusable:focus {
|
||||
position: static;
|
||||
width: auto;
|
||||
height: auto;
|
||||
margin: 0;
|
||||
overflow: visible;
|
||||
clip: auto;
|
||||
}
|
||||
[role="button"] {
|
||||
cursor: pointer;
|
||||
}
|
||||
.container {
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.container {
|
||||
width: 750px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
.container {
|
||||
width: 970px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
.container {
|
||||
width: 1170px;
|
||||
}
|
||||
}
|
||||
.container-fluid {
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
.row {
|
||||
margin-left: -15px;
|
||||
margin-right: -15px;
|
||||
}
|
||||
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
|
||||
position: relative;
|
||||
min-height: 1px;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
|
||||
float: left;
|
||||
}
|
||||
.col-xs-12 {
|
||||
width: 100%;
|
||||
}
|
||||
.col-xs-11 {
|
||||
width: 91.66666667%;
|
||||
}
|
||||
.col-xs-10 {
|
||||
width: 83.33333333%;
|
||||
}
|
||||
.col-xs-9 {
|
||||
width: 75%;
|
||||
}
|
||||
.col-xs-8 {
|
||||
width: 66.66666667%;
|
||||
}
|
||||
.col-xs-7 {
|
||||
width: 58.33333333%;
|
||||
}
|
||||
.col-xs-6 {
|
||||
width: 50%;
|
||||
}
|
||||
.col-xs-5 {
|
||||
width: 41.66666667%;
|
||||
}
|
||||
.col-xs-4 {
|
||||
width: 33.33333333%;
|
||||
}
|
||||
.col-xs-3 {
|
||||
width: 25%;
|
||||
}
|
||||
.col-xs-2 {
|
||||
width: 16.66666667%;
|
||||
}
|
||||
.col-xs-1 {
|
||||
width: 8.33333333%;
|
||||
}
|
||||
.col-xs-pull-12 {
|
||||
right: 100%;
|
||||
}
|
||||
.col-xs-pull-11 {
|
||||
right: 91.66666667%;
|
||||
}
|
||||
.col-xs-pull-10 {
|
||||
right: 83.33333333%;
|
||||
}
|
||||
.col-xs-pull-9 {
|
||||
right: 75%;
|
||||
}
|
||||
.col-xs-pull-8 {
|
||||
right: 66.66666667%;
|
||||
}
|
||||
.col-xs-pull-7 {
|
||||
right: 58.33333333%;
|
||||
}
|
||||
.col-xs-pull-6 {
|
||||
right: 50%;
|
||||
}
|
||||
.col-xs-pull-5 {
|
||||
right: 41.66666667%;
|
||||
}
|
||||
.col-xs-pull-4 {
|
||||
right: 33.33333333%;
|
||||
}
|
||||
.col-xs-pull-3 {
|
||||
right: 25%;
|
||||
}
|
||||
.col-xs-pull-2 {
|
||||
right: 16.66666667%;
|
||||
}
|
||||
.col-xs-pull-1 {
|
||||
right: 8.33333333%;
|
||||
}
|
||||
.col-xs-pull-0 {
|
||||
right: auto;
|
||||
}
|
||||
.col-xs-push-12 {
|
||||
left: 100%;
|
||||
}
|
||||
.col-xs-push-11 {
|
||||
left: 91.66666667%;
|
||||
}
|
||||
.col-xs-push-10 {
|
||||
left: 83.33333333%;
|
||||
}
|
||||
.col-xs-push-9 {
|
||||
left: 75%;
|
||||
}
|
||||
.col-xs-push-8 {
|
||||
left: 66.66666667%;
|
||||
}
|
||||
.col-xs-push-7 {
|
||||
left: 58.33333333%;
|
||||
}
|
||||
.col-xs-push-6 {
|
||||
left: 50%;
|
||||
}
|
||||
.col-xs-push-5 {
|
||||
left: 41.66666667%;
|
||||
}
|
||||
.col-xs-push-4 {
|
||||
left: 33.33333333%;
|
||||
}
|
||||
.col-xs-push-3 {
|
||||
left: 25%;
|
||||
}
|
||||
.col-xs-push-2 {
|
||||
left: 16.66666667%;
|
||||
}
|
||||
.col-xs-push-1 {
|
||||
left: 8.33333333%;
|
||||
}
|
||||
.col-xs-push-0 {
|
||||
left: auto;
|
||||
}
|
||||
.col-xs-offset-12 {
|
||||
margin-left: 100%;
|
||||
}
|
||||
.col-xs-offset-11 {
|
||||
margin-left: 91.66666667%;
|
||||
}
|
||||
.col-xs-offset-10 {
|
||||
margin-left: 83.33333333%;
|
||||
}
|
||||
.col-xs-offset-9 {
|
||||
margin-left: 75%;
|
||||
}
|
||||
.col-xs-offset-8 {
|
||||
margin-left: 66.66666667%;
|
||||
}
|
||||
.col-xs-offset-7 {
|
||||
margin-left: 58.33333333%;
|
||||
}
|
||||
.col-xs-offset-6 {
|
||||
margin-left: 50%;
|
||||
}
|
||||
.col-xs-offset-5 {
|
||||
margin-left: 41.66666667%;
|
||||
}
|
||||
.col-xs-offset-4 {
|
||||
margin-left: 33.33333333%;
|
||||
}
|
||||
.col-xs-offset-3 {
|
||||
margin-left: 25%;
|
||||
}
|
||||
.col-xs-offset-2 {
|
||||
margin-left: 16.66666667%;
|
||||
}
|
||||
.col-xs-offset-1 {
|
||||
margin-left: 8.33333333%;
|
||||
}
|
||||
.col-xs-offset-0 {
|
||||
margin-left: 0%;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
|
||||
float: left;
|
||||
}
|
||||
.col-sm-12 {
|
||||
width: 100%;
|
||||
}
|
||||
.col-sm-11 {
|
||||
width: 91.66666667%;
|
||||
}
|
||||
.col-sm-10 {
|
||||
width: 83.33333333%;
|
||||
}
|
||||
.col-sm-9 {
|
||||
width: 75%;
|
||||
}
|
||||
.col-sm-8 {
|
||||
width: 66.66666667%;
|
||||
}
|
||||
.col-sm-7 {
|
||||
width: 58.33333333%;
|
||||
}
|
||||
.col-sm-6 {
|
||||
width: 50%;
|
||||
}
|
||||
.col-sm-5 {
|
||||
width: 41.66666667%;
|
||||
}
|
||||
.col-sm-4 {
|
||||
width: 33.33333333%;
|
||||
}
|
||||
.col-sm-3 {
|
||||
width: 25%;
|
||||
}
|
||||
.col-sm-2 {
|
||||
width: 16.66666667%;
|
||||
}
|
||||
.col-sm-1 {
|
||||
width: 8.33333333%;
|
||||
}
|
||||
.col-sm-pull-12 {
|
||||
right: 100%;
|
||||
}
|
||||
.col-sm-pull-11 {
|
||||
right: 91.66666667%;
|
||||
}
|
||||
.col-sm-pull-10 {
|
||||
right: 83.33333333%;
|
||||
}
|
||||
.col-sm-pull-9 {
|
||||
right: 75%;
|
||||
}
|
||||
.col-sm-pull-8 {
|
||||
right: 66.66666667%;
|
||||
}
|
||||
.col-sm-pull-7 {
|
||||
right: 58.33333333%;
|
||||
}
|
||||
.col-sm-pull-6 {
|
||||
right: 50%;
|
||||
}
|
||||
.col-sm-pull-5 {
|
||||
right: 41.66666667%;
|
||||
}
|
||||
.col-sm-pull-4 {
|
||||
right: 33.33333333%;
|
||||
}
|
||||
.col-sm-pull-3 {
|
||||
right: 25%;
|
||||
}
|
||||
.col-sm-pull-2 {
|
||||
right: 16.66666667%;
|
||||
}
|
||||
.col-sm-pull-1 {
|
||||
right: 8.33333333%;
|
||||
}
|
||||
.col-sm-pull-0 {
|
||||
right: auto;
|
||||
}
|
||||
.col-sm-push-12 {
|
||||
left: 100%;
|
||||
}
|
||||
.col-sm-push-11 {
|
||||
left: 91.66666667%;
|
||||
}
|
||||
.col-sm-push-10 {
|
||||
left: 83.33333333%;
|
||||
}
|
||||
.col-sm-push-9 {
|
||||
left: 75%;
|
||||
}
|
||||
.col-sm-push-8 {
|
||||
left: 66.66666667%;
|
||||
}
|
||||
.col-sm-push-7 {
|
||||
left: 58.33333333%;
|
||||
}
|
||||
.col-sm-push-6 {
|
||||
left: 50%;
|
||||
}
|
||||
.col-sm-push-5 {
|
||||
left: 41.66666667%;
|
||||
}
|
||||
.col-sm-push-4 {
|
||||
left: 33.33333333%;
|
||||
}
|
||||
.col-sm-push-3 {
|
||||
left: 25%;
|
||||
}
|
||||
.col-sm-push-2 {
|
||||
left: 16.66666667%;
|
||||
}
|
||||
.col-sm-push-1 {
|
||||
left: 8.33333333%;
|
||||
}
|
||||
.col-sm-push-0 {
|
||||
left: auto;
|
||||
}
|
||||
.col-sm-offset-12 {
|
||||
margin-left: 100%;
|
||||
}
|
||||
.col-sm-offset-11 {
|
||||
margin-left: 91.66666667%;
|
||||
}
|
||||
.col-sm-offset-10 {
|
||||
margin-left: 83.33333333%;
|
||||
}
|
||||
.col-sm-offset-9 {
|
||||
margin-left: 75%;
|
||||
}
|
||||
.col-sm-offset-8 {
|
||||
margin-left: 66.66666667%;
|
||||
}
|
||||
.col-sm-offset-7 {
|
||||
margin-left: 58.33333333%;
|
||||
}
|
||||
.col-sm-offset-6 {
|
||||
margin-left: 50%;
|
||||
}
|
||||
.col-sm-offset-5 {
|
||||
margin-left: 41.66666667%;
|
||||
}
|
||||
.col-sm-offset-4 {
|
||||
margin-left: 33.33333333%;
|
||||
}
|
||||
.col-sm-offset-3 {
|
||||
margin-left: 25%;
|
||||
}
|
||||
.col-sm-offset-2 {
|
||||
margin-left: 16.66666667%;
|
||||
}
|
||||
.col-sm-offset-1 {
|
||||
margin-left: 8.33333333%;
|
||||
}
|
||||
.col-sm-offset-0 {
|
||||
margin-left: 0%;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
|
||||
float: left;
|
||||
}
|
||||
.col-md-12 {
|
||||
width: 100%;
|
||||
}
|
||||
.col-md-11 {
|
||||
width: 91.66666667%;
|
||||
}
|
||||
.col-md-10 {
|
||||
width: 83.33333333%;
|
||||
}
|
||||
.col-md-9 {
|
||||
width: 75%;
|
||||
}
|
||||
.col-md-8 {
|
||||
width: 66.66666667%;
|
||||
}
|
||||
.col-md-7 {
|
||||
width: 58.33333333%;
|
||||
}
|
||||
.col-md-6 {
|
||||
width: 50%;
|
||||
}
|
||||
.col-md-5 {
|
||||
width: 41.66666667%;
|
||||
}
|
||||
.col-md-4 {
|
||||
width: 33.33333333%;
|
||||
}
|
||||
.col-md-3 {
|
||||
width: 25%;
|
||||
}
|
||||
.col-md-2 {
|
||||
width: 16.66666667%;
|
||||
}
|
||||
.col-md-1 {
|
||||
width: 8.33333333%;
|
||||
}
|
||||
.col-md-pull-12 {
|
||||
right: 100%;
|
||||
}
|
||||
.col-md-pull-11 {
|
||||
right: 91.66666667%;
|
||||
}
|
||||
.col-md-pull-10 {
|
||||
right: 83.33333333%;
|
||||
}
|
||||
.col-md-pull-9 {
|
||||
right: 75%;
|
||||
}
|
||||
.col-md-pull-8 {
|
||||
right: 66.66666667%;
|
||||
}
|
||||
.col-md-pull-7 {
|
||||
right: 58.33333333%;
|
||||
}
|
||||
.col-md-pull-6 {
|
||||
right: 50%;
|
||||
}
|
||||
.col-md-pull-5 {
|
||||
right: 41.66666667%;
|
||||
}
|
||||
.col-md-pull-4 {
|
||||
right: 33.33333333%;
|
||||
}
|
||||
.col-md-pull-3 {
|
||||
right: 25%;
|
||||
}
|
||||
.col-md-pull-2 {
|
||||
right: 16.66666667%;
|
||||
}
|
||||
.col-md-pull-1 {
|
||||
right: 8.33333333%;
|
||||
}
|
||||
.col-md-pull-0 {
|
||||
right: auto;
|
||||
}
|
||||
.col-md-push-12 {
|
||||
left: 100%;
|
||||
}
|
||||
.col-md-push-11 {
|
||||
left: 91.66666667%;
|
||||
}
|
||||
.col-md-push-10 {
|
||||
left: 83.33333333%;
|
||||
}
|
||||
.col-md-push-9 {
|
||||
left: 75%;
|
||||
}
|
||||
.col-md-push-8 {
|
||||
left: 66.66666667%;
|
||||
}
|
||||
.col-md-push-7 {
|
||||
left: 58.33333333%;
|
||||
}
|
||||
.col-md-push-6 {
|
||||
left: 50%;
|
||||
}
|
||||
.col-md-push-5 {
|
||||
left: 41.66666667%;
|
||||
}
|
||||
.col-md-push-4 {
|
||||
left: 33.33333333%;
|
||||
}
|
||||
.col-md-push-3 {
|
||||
left: 25%;
|
||||
}
|
||||
.col-md-push-2 {
|
||||
left: 16.66666667%;
|
||||
}
|
||||
.col-md-push-1 {
|
||||
left: 8.33333333%;
|
||||
}
|
||||
.col-md-push-0 {
|
||||
left: auto;
|
||||
}
|
||||
.col-md-offset-12 {
|
||||
margin-left: 100%;
|
||||
}
|
||||
.col-md-offset-11 {
|
||||
margin-left: 91.66666667%;
|
||||
}
|
||||
.col-md-offset-10 {
|
||||
margin-left: 83.33333333%;
|
||||
}
|
||||
.col-md-offset-9 {
|
||||
margin-left: 75%;
|
||||
}
|
||||
.col-md-offset-8 {
|
||||
margin-left: 66.66666667%;
|
||||
}
|
||||
.col-md-offset-7 {
|
||||
margin-left: 58.33333333%;
|
||||
}
|
||||
.col-md-offset-6 {
|
||||
margin-left: 50%;
|
||||
}
|
||||
.col-md-offset-5 {
|
||||
margin-left: 41.66666667%;
|
||||
}
|
||||
.col-md-offset-4 {
|
||||
margin-left: 33.33333333%;
|
||||
}
|
||||
.col-md-offset-3 {
|
||||
margin-left: 25%;
|
||||
}
|
||||
.col-md-offset-2 {
|
||||
margin-left: 16.66666667%;
|
||||
}
|
||||
.col-md-offset-1 {
|
||||
margin-left: 8.33333333%;
|
||||
}
|
||||
.col-md-offset-0 {
|
||||
margin-left: 0%;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
|
||||
float: left;
|
||||
}
|
||||
.col-lg-12 {
|
||||
width: 100%;
|
||||
}
|
||||
.col-lg-11 {
|
||||
width: 91.66666667%;
|
||||
}
|
||||
.col-lg-10 {
|
||||
width: 83.33333333%;
|
||||
}
|
||||
.col-lg-9 {
|
||||
width: 75%;
|
||||
}
|
||||
.col-lg-8 {
|
||||
width: 66.66666667%;
|
||||
}
|
||||
.col-lg-7 {
|
||||
width: 58.33333333%;
|
||||
}
|
||||
.col-lg-6 {
|
||||
width: 50%;
|
||||
}
|
||||
.col-lg-5 {
|
||||
width: 41.66666667%;
|
||||
}
|
||||
.col-lg-4 {
|
||||
width: 33.33333333%;
|
||||
}
|
||||
.col-lg-3 {
|
||||
width: 25%;
|
||||
}
|
||||
.col-lg-2 {
|
||||
width: 16.66666667%;
|
||||
}
|
||||
.col-lg-1 {
|
||||
width: 8.33333333%;
|
||||
}
|
||||
.col-lg-pull-12 {
|
||||
right: 100%;
|
||||
}
|
||||
.col-lg-pull-11 {
|
||||
right: 91.66666667%;
|
||||
}
|
||||
.col-lg-pull-10 {
|
||||
right: 83.33333333%;
|
||||
}
|
||||
.col-lg-pull-9 {
|
||||
right: 75%;
|
||||
}
|
||||
.col-lg-pull-8 {
|
||||
right: 66.66666667%;
|
||||
}
|
||||
.col-lg-pull-7 {
|
||||
right: 58.33333333%;
|
||||
}
|
||||
.col-lg-pull-6 {
|
||||
right: 50%;
|
||||
}
|
||||
.col-lg-pull-5 {
|
||||
right: 41.66666667%;
|
||||
}
|
||||
.col-lg-pull-4 {
|
||||
right: 33.33333333%;
|
||||
}
|
||||
.col-lg-pull-3 {
|
||||
right: 25%;
|
||||
}
|
||||
.col-lg-pull-2 {
|
||||
right: 16.66666667%;
|
||||
}
|
||||
.col-lg-pull-1 {
|
||||
right: 8.33333333%;
|
||||
}
|
||||
.col-lg-pull-0 {
|
||||
right: auto;
|
||||
}
|
||||
.col-lg-push-12 {
|
||||
left: 100%;
|
||||
}
|
||||
.col-lg-push-11 {
|
||||
left: 91.66666667%;
|
||||
}
|
||||
.col-lg-push-10 {
|
||||
left: 83.33333333%;
|
||||
}
|
||||
.col-lg-push-9 {
|
||||
left: 75%;
|
||||
}
|
||||
.col-lg-push-8 {
|
||||
left: 66.66666667%;
|
||||
}
|
||||
.col-lg-push-7 {
|
||||
left: 58.33333333%;
|
||||
}
|
||||
.col-lg-push-6 {
|
||||
left: 50%;
|
||||
}
|
||||
.col-lg-push-5 {
|
||||
left: 41.66666667%;
|
||||
}
|
||||
.col-lg-push-4 {
|
||||
left: 33.33333333%;
|
||||
}
|
||||
.col-lg-push-3 {
|
||||
left: 25%;
|
||||
}
|
||||
.col-lg-push-2 {
|
||||
left: 16.66666667%;
|
||||
}
|
||||
.col-lg-push-1 {
|
||||
left: 8.33333333%;
|
||||
}
|
||||
.col-lg-push-0 {
|
||||
left: auto;
|
||||
}
|
||||
.col-lg-offset-12 {
|
||||
margin-left: 100%;
|
||||
}
|
||||
.col-lg-offset-11 {
|
||||
margin-left: 91.66666667%;
|
||||
}
|
||||
.col-lg-offset-10 {
|
||||
margin-left: 83.33333333%;
|
||||
}
|
||||
.col-lg-offset-9 {
|
||||
margin-left: 75%;
|
||||
}
|
||||
.col-lg-offset-8 {
|
||||
margin-left: 66.66666667%;
|
||||
}
|
||||
.col-lg-offset-7 {
|
||||
margin-left: 58.33333333%;
|
||||
}
|
||||
.col-lg-offset-6 {
|
||||
margin-left: 50%;
|
||||
}
|
||||
.col-lg-offset-5 {
|
||||
margin-left: 41.66666667%;
|
||||
}
|
||||
.col-lg-offset-4 {
|
||||
margin-left: 33.33333333%;
|
||||
}
|
||||
.col-lg-offset-3 {
|
||||
margin-left: 25%;
|
||||
}
|
||||
.col-lg-offset-2 {
|
||||
margin-left: 16.66666667%;
|
||||
}
|
||||
.col-lg-offset-1 {
|
||||
margin-left: 8.33333333%;
|
||||
}
|
||||
.col-lg-offset-0 {
|
||||
margin-left: 0%;
|
||||
}
|
||||
}
|
||||
.clearfix:before,
|
||||
.clearfix:after,
|
||||
.container:before,
|
||||
.container:after,
|
||||
.container-fluid:before,
|
||||
.container-fluid:after,
|
||||
.row:before,
|
||||
.row:after {
|
||||
content: " ";
|
||||
display: table;
|
||||
}
|
||||
.clearfix:after,
|
||||
.container:after,
|
||||
.container-fluid:after,
|
||||
.row:after {
|
||||
clear: both;
|
||||
}
|
||||
.center-block {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.pull-right {
|
||||
float: right !important;
|
||||
}
|
||||
.pull-left {
|
||||
float: left !important;
|
||||
}
|
||||
.hide {
|
||||
display: none !important;
|
||||
}
|
||||
.show {
|
||||
display: block !important;
|
||||
}
|
||||
.invisible {
|
||||
visibility: hidden;
|
||||
}
|
||||
.text-hide {
|
||||
font: 0/0 a;
|
||||
color: transparent;
|
||||
text-shadow: none;
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
}
|
||||
.hidden {
|
||||
display: none !important;
|
||||
}
|
||||
.affix {
|
||||
position: fixed;
|
||||
}
|
||||
2020
_sass/font/font-awesome.css
vendored
Executable file
2020
_sass/font/font-awesome.css
vendored
Executable file
File diff suppressed because it is too large
Load Diff
7
_sass/font/font-awesome.css.map
Executable file
7
_sass/font/font-awesome.css.map
Executable file
File diff suppressed because one or more lines are too long
2026
_sass/font/font-awesome.scss
vendored
Executable file
2026
_sass/font/font-awesome.scss
vendored
Executable file
File diff suppressed because it is too large
Load Diff
44
_sass/layout/_footer.scss
Executable file
44
_sass/layout/_footer.scss
Executable file
@@ -0,0 +1,44 @@
|
||||
/**
|
||||
* ----------------------------------------------------------------------------------------
|
||||
* Footer style
|
||||
* ----------------------------------------------------------------------------------------
|
||||
*/
|
||||
#l-footer {
|
||||
background-color: rgb(28, 51, 64);
|
||||
color: white;
|
||||
margin-top: 7rem;
|
||||
padding: 1.5rem;
|
||||
|
||||
h3 {
|
||||
text-align: center;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
address {
|
||||
text-align: right;
|
||||
padding-right: 2rem;
|
||||
}
|
||||
|
||||
#rss {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.rss {
|
||||
font-size: 6rem;
|
||||
}
|
||||
|
||||
#legal {
|
||||
text-align: center;
|
||||
color: rgb(141, 141, 141);
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
#l-footer {
|
||||
address {
|
||||
text-align: left;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
195
_sass/layout/_header.scss
Executable file
195
_sass/layout/_header.scss
Executable file
@@ -0,0 +1,195 @@
|
||||
/**
|
||||
* ----------------------------------------------------------------------------------------
|
||||
* Header style
|
||||
* ----------------------------------------------------------------------------------------
|
||||
*/
|
||||
#l-header {
|
||||
background-color: rgb(28, 51, 64);
|
||||
color: white;
|
||||
|
||||
h1 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 35px;
|
||||
font: normal small-caps bold 4rem/9.5rem "verdana",helvetica, sans-serif;
|
||||
letter-spacing: -1rem;
|
||||
margin-left: -2rem;
|
||||
}
|
||||
|
||||
p {
|
||||
font: normal bold 3rem/1.5rem "verdana",sans-serif;
|
||||
margin-top: 3.5rem;
|
||||
text-align: right;
|
||||
color: rgb(214, 214, 214);
|
||||
}
|
||||
|
||||
li > a {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
background-color: white;
|
||||
|
||||
i {
|
||||
position: absolute;
|
||||
top: 1.9rem;
|
||||
right: 2.5rem;
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
|
||||
.navicon {
|
||||
display: none;
|
||||
}
|
||||
|
||||
nav > ul > li {
|
||||
width: 25%;
|
||||
// height: 5rem;
|
||||
float: left;
|
||||
text-align: center;
|
||||
font-size: 2rem;
|
||||
line-height: 5rem;
|
||||
border-right: 1px solid #e0e0e0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
nav > ul > li:hover {
|
||||
background: #ccc;
|
||||
}
|
||||
|
||||
.subnav {
|
||||
max-height: 5rem;
|
||||
}
|
||||
|
||||
.subnav li {
|
||||
display: none;
|
||||
position: relative;
|
||||
z-index: 100;
|
||||
border-top: 1px solid white;
|
||||
background-color: rgb(238, 238, 238);
|
||||
}
|
||||
|
||||
.subnav li:hover {
|
||||
background-color: #ccc;
|
||||
}
|
||||
|
||||
.subnav:hover li {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#search {
|
||||
height: 3rem;
|
||||
margin-top: 1rem;
|
||||
width: 100%;
|
||||
border: 0;
|
||||
@include border-radius(45px);
|
||||
padding-left: 2rem;
|
||||
color: black;
|
||||
border: 1px solid #e0e0e0;
|
||||
}
|
||||
|
||||
#search:focus {
|
||||
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:1200px) {
|
||||
#l-header {
|
||||
p {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:992px) {
|
||||
#l-header {
|
||||
margin-bottom: 6rem;
|
||||
|
||||
.logo {
|
||||
margin-bottom: -7rem;
|
||||
}
|
||||
|
||||
p {
|
||||
display: none;
|
||||
}
|
||||
|
||||
nav > ul > li {
|
||||
border-bottom: 1px solid #e0e0e0;
|
||||
}
|
||||
|
||||
div.search {
|
||||
margin-bottom: 1.5rem;
|
||||
border-top: 1px solid white;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
position: relative;
|
||||
top: 5.6rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
#l-header {
|
||||
margin-bottom: 0;
|
||||
height: 8rem;
|
||||
|
||||
h1 {
|
||||
font-size: 9rem;
|
||||
line-height: 4.5rem;
|
||||
letter-spacing: -0.7rem;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
display: none;
|
||||
height: 6rem;
|
||||
position: absolute;
|
||||
top: 3.9rem;
|
||||
width: 100%;
|
||||
z-index: 200;
|
||||
}
|
||||
|
||||
.subnav {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.subnav li {
|
||||
background: rgba(18, 27, 32, 1);
|
||||
}
|
||||
|
||||
.subnav li:hover {
|
||||
background: darken(rgba(18, 27, 32, 1), 5);
|
||||
}
|
||||
|
||||
.navicon {
|
||||
display: block;
|
||||
font-size: 3rem;
|
||||
height: 4rem;
|
||||
padding-top: 2.4rem;
|
||||
text-align: right;
|
||||
padding-right: 2rem;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
padding-top: 0;
|
||||
background-color: rgba(44, 63, 74, 0.6);
|
||||
}
|
||||
|
||||
nav > ul > li {
|
||||
text-align: center;
|
||||
background-color: rgba(37, 57, 69, 1);
|
||||
width: 100%;
|
||||
margin-right: 2rem;
|
||||
border-bottom: 1px solid #e0e0e0;
|
||||
}
|
||||
|
||||
nav > ul > li:hover {
|
||||
background: darken(rgba(37, 57, 69, 1), 5);
|
||||
}
|
||||
|
||||
.search {
|
||||
background-color: rgba(37, 57, 69, 1);
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
299
_sass/layout/_main.scss
Executable file
299
_sass/layout/_main.scss
Executable file
@@ -0,0 +1,299 @@
|
||||
#l-main {
|
||||
article {
|
||||
background: white;
|
||||
padding-right: 3rem;
|
||||
margin-top: 5rem;
|
||||
box-shadow: 0 0 10px #999;
|
||||
border-radius: 5px;
|
||||
|
||||
.date {
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.day {
|
||||
background-color: black;
|
||||
color: white;
|
||||
width: 5rem;
|
||||
height: 5rem;
|
||||
margin: 2rem auto 0.5rem auto;
|
||||
font: normal normal bold 2.4rem/4.9rem "Verdana",sans-serif;
|
||||
@include border-radius(50%);
|
||||
}
|
||||
|
||||
.category {
|
||||
font-style: italic;
|
||||
font-family: comic sans ms, cursive;
|
||||
}
|
||||
|
||||
.title {
|
||||
font: normal bold 4rem Georgia, serif;
|
||||
font-family: 微软雅黑, Helvetica;
|
||||
margin-bottom: 0.4rem;
|
||||
/*text-shadow: 2px 3px 0px #C1C1C1;*/
|
||||
|
||||
a {
|
||||
color: #333;
|
||||
}
|
||||
}
|
||||
|
||||
hr {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.excerpt {
|
||||
font-size: 2rem;
|
||||
font-family: 微软雅黑, Helvetica;
|
||||
letter-spacing: 0.2px;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
.continue {
|
||||
margin: 0 2rem 2rem;
|
||||
float: right;
|
||||
border-radius: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
#about {
|
||||
background-color: white;
|
||||
margin-bottom: 2.5rem;
|
||||
|
||||
header, section {
|
||||
padding-left: 7.5rem;
|
||||
padding-right: 7.5rem;
|
||||
}
|
||||
|
||||
section {
|
||||
margin-bottom: 6rem;
|
||||
}
|
||||
|
||||
header {
|
||||
background-color: #1C3340;
|
||||
color: white;
|
||||
max-height: 18rem;
|
||||
|
||||
img {
|
||||
max-width: 17rem;
|
||||
position: relative;
|
||||
top: 9rem;
|
||||
border-radius: 50%;
|
||||
border: 4px solid white;
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin-left: 21.5rem;
|
||||
padding-bottom: 1rem;
|
||||
position: relative;
|
||||
top: -5rem;
|
||||
}
|
||||
}
|
||||
|
||||
section h2 {
|
||||
font-size: 4rem;
|
||||
color: #1c3340;
|
||||
margin: 0;
|
||||
margin-bottom: 1rem;
|
||||
border-bottom: 3px solid #1C3340;
|
||||
}
|
||||
|
||||
section#intro {
|
||||
h2 {
|
||||
font-size: 7rem;
|
||||
margin-left: 21.2rem;
|
||||
margin-top: -2rem;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
section#skillsets {
|
||||
i {
|
||||
font-weight: bold;
|
||||
font-size: 3rem;
|
||||
}
|
||||
|
||||
ul {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
ul li {
|
||||
font-size: 2rem;
|
||||
display: inline;
|
||||
background-color: #000000;
|
||||
color: white;
|
||||
border: 1px solid #1C3340;
|
||||
padding: 3px;
|
||||
border-radius: 4px;
|
||||
margin-left: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
section#findme li {
|
||||
display: inline;
|
||||
font-size: 6rem;
|
||||
margin-right: 3rem;
|
||||
}
|
||||
|
||||
section#action {
|
||||
font-size: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
div#whoops {
|
||||
text-align: center;
|
||||
height: 300px;
|
||||
|
||||
h1 {
|
||||
font-size: 6rem;
|
||||
}
|
||||
}
|
||||
|
||||
div#building {
|
||||
text-align: center;
|
||||
padding-top: 10rem;
|
||||
|
||||
i {
|
||||
font-size: 15rem;
|
||||
color: #1C3340;
|
||||
}
|
||||
}
|
||||
|
||||
div#paginator {
|
||||
margin: 0 auto;
|
||||
max-width: auto;
|
||||
margin-top: 3rem;
|
||||
|
||||
a, span {
|
||||
min-width: 2rem;
|
||||
font-size: 2rem;
|
||||
border-radius: 2px;
|
||||
border: 1px solid #337AB7;
|
||||
display: inline-block;
|
||||
padding: 2px 11px;
|
||||
box-shadow: 0 0 2px #337AB7;
|
||||
}
|
||||
|
||||
ul li {
|
||||
float: left;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
|
||||
ul li.active {
|
||||
background: #8BB3C1;;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ul.tags {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.tags li {
|
||||
float: left;
|
||||
margin-left: 1rem;
|
||||
padding: 0rem 1rem;
|
||||
background-color: #8BB3C1;
|
||||
color: white;
|
||||
@include border-radius(15px);
|
||||
}
|
||||
|
||||
.tags li:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
#postTitle {
|
||||
font-size: 4rem;
|
||||
font-weight: bold;
|
||||
margin-bottom: 0rem !important;
|
||||
}
|
||||
|
||||
#postMeta {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
#filterList {
|
||||
background-color: #F6F6F6;
|
||||
margin-top: 5rem;
|
||||
padding: 0;
|
||||
font-size: 2rem;
|
||||
box-shadow: 0 0 10px #999;
|
||||
|
||||
li {
|
||||
height: 5rem;
|
||||
line-height: 5rem;
|
||||
border-bottom: 2px solid #DDDDDD;
|
||||
padding-left: 2rem;
|
||||
|
||||
&.current {
|
||||
background-color: #1C3340;
|
||||
}
|
||||
|
||||
&:hover:not(.current) {
|
||||
background-color: white;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
a, a:visited, a:hover {
|
||||
text-decoration: none;
|
||||
color: #337ab7;
|
||||
}
|
||||
}
|
||||
|
||||
.tagCnt, .cateCnt {
|
||||
float: right;
|
||||
font-size: 1.5rem;
|
||||
margin-right: 1rem;
|
||||
background-color: #F6F6F6;
|
||||
height: 50%;
|
||||
height: 2rem;
|
||||
width: 2rem;
|
||||
margin-top: 1.5rem;
|
||||
text-align: center;
|
||||
line-height: 2rem;
|
||||
box-shadow: 0 0 3px #1C3340;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
#l-main {
|
||||
article .title {
|
||||
font-size: 3rem;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
#about {
|
||||
header {
|
||||
img {
|
||||
max-width: 10rem;
|
||||
position: static;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
position: static;
|
||||
}
|
||||
}
|
||||
|
||||
section#intro h2 {
|
||||
font-size: 4rem;
|
||||
margin: 0;
|
||||
border-bottom: 3px solid #1C3340;
|
||||
}
|
||||
|
||||
section#skillsets ul li {
|
||||
display: block;
|
||||
margin: 1rem;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
15
_sass/theme/_theme.scss
Executable file
15
_sass/theme/_theme.scss
Executable file
@@ -0,0 +1,15 @@
|
||||
/**
|
||||
* ----------------------------------------------------------------------------------------
|
||||
* Theme style
|
||||
* ----------------------------------------------------------------------------------------
|
||||
*/
|
||||
|
||||
/* Layout related */
|
||||
.t-margin {
|
||||
margin-bottom: $general-margin;
|
||||
}
|
||||
|
||||
.t-beveled {
|
||||
border-bottom: 4px solid #F4F4F4;
|
||||
@include box-shadow(0 2px 5px rgba(0, 0, 0, .4));
|
||||
}
|
||||
115
_sass/theme/post.html
Executable file
115
_sass/theme/post.html
Executable file
@@ -0,0 +1,115 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="description" content="@dummy">
|
||||
|
||||
<title>@dummy</title>
|
||||
|
||||
<!-- favicon -->
|
||||
<link rel="shortcut icon" href="favicon.ico" type="image/icon">
|
||||
<link rel="icon" href="favicon.ico" type="image/icon">
|
||||
<link rel="stylesheet" type="text/css" href="stylesheets/index.css">
|
||||
|
||||
<script type="text/javascript" src="javascripts/jquery.js"></script>
|
||||
<script type="text/javascript" src="javascripts/index.js"></script>
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="javascripts/html5shiv.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
|
||||
<!-- 百度统计 -->
|
||||
<!-- <script type="text/javascript" src="javascripts/baidu_statistics.js"></script> -->
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header id="l-header">
|
||||
<div class="container">
|
||||
<div class="row logo">
|
||||
<div class="col-lg-7">
|
||||
<h1>UniFreak</h1>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-lg-5">
|
||||
<p>On the way to death</p>
|
||||
<p>On the way of learning</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row navicon">
|
||||
<a href=""><i class="fa fa-navicon"></i></a>
|
||||
</div>
|
||||
|
||||
<div class="row navbar">
|
||||
<nav class="col-lg-8 col-md-8 col-xs-12">
|
||||
<ul class="row">
|
||||
<li class="col-lg-3"><a href="index.html">HOME</a></li>
|
||||
<li class="col-lg-3">
|
||||
<ul class="subnav">
|
||||
<a href="javascript:void(0)">POST</a>
|
||||
<li><a href="category.html">CATEGORY</a></li>
|
||||
<li><a href="tag.html">TAG</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="col-lg-3"><a href="about.html">ABOUT</a></li>
|
||||
<li class="col-lg-3"><a href="demo.html">DEMO</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="search col-lg-4 col-md-4 col-xs-12">
|
||||
<label for="search"></label>
|
||||
<input id="search" name="serach" type="text" placeholder="Search Me">
|
||||
<i class="fa fa-search"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section id="l-main">
|
||||
<div class="container">
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer id="l-footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div id="contact" class="col-lg-6 col-lg-offset-1 col-md-6 col-md-offset-1 col-sm-9">
|
||||
<h3>CONTACT</h3>
|
||||
<div class="row">
|
||||
<address id="address" class="col-lg-6 col-md-6 col-sm-6">
|
||||
湖北 武汉市 洪山区<br>
|
||||
珞瑜东路佳园路<br>
|
||||
学府家园<br>
|
||||
430063<br>
|
||||
</address>
|
||||
|
||||
<ul class="col-lg-6 col-md-6 col-sm-6">
|
||||
<li class="qq"><i class="fa fa-qq"></i> 744910240</li>
|
||||
<li class="email"><i class="fa fa-envelope"></i> <a href="mailto:fanghao90s@gmail.com"> fanghao90s@gmail.com</a></li>
|
||||
<li class="tel"><i class="fa fa-mobile"></i> <a href="tel:15671542698"> 15671542698</a></li>
|
||||
<li class="github"><i class="fa fa-github"></i> <a href="https://github.com/UniFreak"> https://github.com/UniFreak</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="rss" class="col-lg-2 col-md-2 col-sm-2">
|
||||
<h3>SUBSCRIBE<br>
|
||||
via</h3>
|
||||
<a href="feed.xml">
|
||||
<i class="rss fa fa-rss-square"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p id="legal">
|
||||
Copyright (c) 2015 UniFreak | Powered by <a href="http://jekyllrb.com">Jekyll</a> & <a href="http://github.com">GitHub</a> | Design & build by UniFreak
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
21
_sass/utility/_setting.scss
Executable file
21
_sass/utility/_setting.scss
Executable file
@@ -0,0 +1,21 @@
|
||||
/**
|
||||
* ----------------------------------------------------------------------------------------
|
||||
* Site settings
|
||||
* ----------------------------------------------------------------------------------------
|
||||
*/
|
||||
|
||||
/* Typography */
|
||||
$font-size: 16px;
|
||||
$font: 'Open Sans', Helvetica, Arial, sans-serif;
|
||||
$baseline: $base-font-size * 1.5;
|
||||
|
||||
/* Color */
|
||||
$navbg: #eee;
|
||||
$articlebg: $navbg + 8;
|
||||
$headerbg: #1C3340;
|
||||
$searchbd: rgb(51, 122, 183);
|
||||
|
||||
/* Positioning */
|
||||
$margin-multiplier: 2;
|
||||
|
||||
$general-margin: $margin-multiplier * $baseline;
|
||||
33
_sass/utility/_utility.scss
Executable file
33
_sass/utility/_utility.scss
Executable file
@@ -0,0 +1,33 @@
|
||||
/**
|
||||
* ----------------------------------------------------------------------------------------
|
||||
* Utility
|
||||
* ----------------------------------------------------------------------------------------
|
||||
*/
|
||||
.text-left {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.text-right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.text-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.align-left {
|
||||
@include float-left;
|
||||
}
|
||||
|
||||
.align-right {
|
||||
@include float-right;
|
||||
}
|
||||
|
||||
.clearfix {
|
||||
@include clearfix;
|
||||
}
|
||||
|
||||
.col-equal {
|
||||
margin-bottom: -99999px;
|
||||
padding-bottom: 99999px;
|
||||
}
|
||||
Reference in New Issue
Block a user