9 | 1 |
deleted file mode 100644 |
... | ... |
@@ -1,9 +0,0 @@ |
1 |
-@import "parts/header"; |
|
2 |
-@import "parts/index"; |
|
3 |
-@import "parts/article"; |
|
4 |
-@import "parts/post"; |
|
5 |
-@import "parts/archive"; |
|
6 |
-@import "parts/comment"; |
|
7 |
-@import "parts/footer"; |
|
8 |
-@import "parts/syntax"; |
|
9 |
-@import "parts/twitter"; |
|
10 | 1 |
\ No newline at end of file |
3 | 2 |
deleted file mode 100644 |
... | ... |
@@ -1,7 +0,0 @@ |
1 |
-$color-background: #eee !default; |
|
2 |
-$color-main: #258fb8 !default; |
|
3 |
-$color-gray01: #666 !default; |
|
4 |
-$color-gray02: #999 !default; |
|
5 |
-$color-gray03: #ccc !default; |
|
6 |
-$color-gray04: #ddd !default; |
|
7 |
-$color-gray05: #fff !default; |
|
8 | 1 |
\ No newline at end of file |
9 | 2 |
deleted file mode 100644 |
... | ... |
@@ -1,17 +0,0 @@ |
1 |
-$font-default: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; |
|
2 |
-$font-mono: Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace; |
|
3 |
- |
|
4 |
-$font-icon: FontAwesome; |
|
5 |
-$font-icon-path: "/font/fontawesome-webfont"; |
|
6 |
- |
|
7 |
-@font-face { |
|
8 |
- font-family: 'FontAwesome'; |
|
9 |
- src: url('#{$font-icon-path}.eot'); |
|
10 |
- src: url('#{$font-icon-path}.eot?#iefix') format('embedded-opentype'), |
|
11 |
- url('#{$font-icon-path}.woff') format('woff'), |
|
12 |
- url('#{$font-icon-path}.ttf') format('truetype'), |
|
13 |
- url('#{$font-icon-path}.svgz#FontAwesomeRegular') format('svg'), |
|
14 |
- url('#{$font-icon-path}.svg#FontAwesomeRegular') format('svg'); |
|
15 |
- font-weight: normal; |
|
16 |
- font-style: normal; |
|
17 |
-} |
|
18 | 1 |
\ No newline at end of file |
19 | 2 |
deleted file mode 100644 |
... | ... |
@@ -1,192 +0,0 @@ |
1 |
-$max-width: 1200px !default; |
|
2 |
- |
|
3 |
-// Padding used for layout margins |
|
4 |
-$pad-min: 18px !default; |
|
5 |
-$pad-narrow: 25px !default; |
|
6 |
-$pad-medium: 35px !default; |
|
7 |
-$pad-wide: 55px !default; |
|
8 |
- |
|
9 |
-// Sidebar widths used in media queries |
|
10 |
-$sidebar-width-medium: 240px !default; |
|
11 |
-$sidebar-pad-medium: 15px !default; |
|
12 |
-$sidebar-pad-wide: 20px !default; |
|
13 |
-$sidebar-width-wide: 300px !default; |
|
14 |
- |
|
15 |
-$indented-lists: false !default; |
|
16 |
- |
|
17 |
-$header-font-size: 1em !default; |
|
18 |
-$header-padding-top: 1.5em !default; |
|
19 |
-$header-padding-bottom: 1.5em !default; |
|
20 |
- |
|
21 |
-.group { @include pie-clearfix; } |
|
22 |
- |
|
23 |
-@mixin collapse-sidebar { |
|
24 |
- float: none; |
|
25 |
- width: auto; |
|
26 |
- clear: left; |
|
27 |
- margin: 0; |
|
28 |
- padding: 0 $pad-medium 1px; |
|
29 |
- background-color: lighten($sidebar-bg, 2); |
|
30 |
- border-top: 1px solid lighten($sidebar-border, 4); |
|
31 |
- section { |
|
32 |
- &.odd, &.even { float: left; width: 48%; } |
|
33 |
- &.odd { margin-left: 0; } |
|
34 |
- &.even { margin-left: 4%; } |
|
35 |
- } |
|
36 |
- &.thirds section { |
|
37 |
- width: 30%; |
|
38 |
- margin-left: 5%; |
|
39 |
- &.first { |
|
40 |
- margin-left: 0; |
|
41 |
- clear: both; |
|
42 |
- } |
|
43 |
- } |
|
44 |
-} |
|
45 |
- |
|
46 |
-body { |
|
47 |
- -webkit-text-size-adjust: none; |
|
48 |
- max-width: $max-width; |
|
49 |
- position: relative; |
|
50 |
- margin: 0 auto; |
|
51 |
- > header, > nav, > footer, #content > article, #content > div > article, #content > div > section { |
|
52 |
- @extend .group; |
|
53 |
- padding-left: $pad-min; |
|
54 |
- padding-right: $pad-min; |
|
55 |
- @media only screen and (min-width: 480px) { |
|
56 |
- padding-left: $pad-narrow; |
|
57 |
- padding-right: $pad-narrow; |
|
58 |
- } |
|
59 |
- @media only screen and (min-width: 768px) { |
|
60 |
- padding-left: $pad-medium; |
|
61 |
- padding-right: $pad-medium; |
|
62 |
- } |
|
63 |
- @media only screen and (min-width: 992px) { |
|
64 |
- padding-left: $pad-wide; |
|
65 |
- padding-right: $pad-wide; |
|
66 |
- } |
|
67 |
- } |
|
68 |
- div.pagination { |
|
69 |
- @extend .group; |
|
70 |
- margin-left: $pad-min; |
|
71 |
- margin-right: $pad-min; |
|
72 |
- @media only screen and (min-width: 480px) { |
|
73 |
- margin-left: $pad-narrow; |
|
74 |
- margin-right: $pad-narrow; |
|
75 |
- } |
|
76 |
- @media only screen and (min-width: 768px) { |
|
77 |
- margin-left: $pad-medium; |
|
78 |
- margin-right: $pad-medium; |
|
79 |
- } |
|
80 |
- @media only screen and (min-width: 992px) { |
|
81 |
- margin-left: $pad-wide; |
|
82 |
- margin-right: $pad-wide; |
|
83 |
- } |
|
84 |
- } |
|
85 |
- > header { |
|
86 |
- font-size: $header-font-size; |
|
87 |
- padding-top: $header-padding-top; |
|
88 |
- padding-bottom: $header-padding-bottom; |
|
89 |
- } |
|
90 |
-} |
|
91 |
- |
|
92 |
-#content { |
|
93 |
- overflow: hidden; |
|
94 |
- > div, > article { width: 100%; } |
|
95 |
-} |
|
96 |
- |
|
97 |
-aside.sidebar { |
|
98 |
- float: none; |
|
99 |
- padding: 0 $pad-min 1px; |
|
100 |
- background-color: lighten($sidebar-bg, 2); |
|
101 |
- border-top: 1px solid $sidebar-border; |
|
102 |
- @extend .group; |
|
103 |
-} |
|
104 |
- |
|
105 |
-.flex-content { max-width: 100%; height: auto; } |
|
106 |
- |
|
107 |
-.basic-alignment { |
|
108 |
- &.left { float: left; margin-right: 1.5em; } |
|
109 |
- &.right { float: right; margin-left: 1.5em; } |
|
110 |
- &.center { display:block; margin: 0 auto 1.5em; } |
|
111 |
- &.left, &.right { margin-bottom: .8em; } |
|
112 |
-} |
|
113 |
- |
|
114 |
-.toggle-sidebar { &, .no-sidebar & { display: none; }} |
|
115 |
- |
|
116 |
-body.sidebar-footer { |
|
117 |
- @media only screen and (min-width: 750px) { |
|
118 |
- aside.sidebar{ @include collapse-sidebar; } |
|
119 |
- } |
|
120 |
- #content { margin-right: 0px; } |
|
121 |
- .toggle-sidebar { display: none; } |
|
122 |
-} |
|
123 |
- |
|
124 |
-@media only screen and (min-width: 550px) { |
|
125 |
- body > header { font-size: $header-font-size; } |
|
126 |
-} |
|
127 |
-@media only screen and (min-width: 750px) { |
|
128 |
- aside.sidebar { @include collapse-sidebar; } |
|
129 |
-} |
|
130 |
-#main, #content, .sidebar { |
|
131 |
- @extend .group; |
|
132 |
-} |
|
133 |
-@media only screen and (min-width: 768px) { |
|
134 |
- body { -webkit-text-size-adjust: auto; } |
|
135 |
- body > header { font-size: $header-font-size * 1.2; } |
|
136 |
- #main { |
|
137 |
- padding: 0; |
|
138 |
- margin: 0 auto; |
|
139 |
- } |
|
140 |
- #content { |
|
141 |
- overflow: visible; |
|
142 |
- margin-right: $sidebar-width-medium; |
|
143 |
- position: relative; |
|
144 |
- .no-sidebar & { margin-right: 0; border-right: 0; } |
|
145 |
- .collapse-sidebar & { margin-right: 20px; } |
|
146 |
- > div, > article { |
|
147 |
- padding-top: $pad-medium/2; |
|
148 |
- padding-bottom: $pad-medium/2; |
|
149 |
- float: left; |
|
150 |
- } |
|
151 |
- } |
|
152 |
- aside.sidebar { |
|
153 |
- width: $sidebar-width-medium - $sidebar-pad-medium*2; |
|
154 |
- padding: 0 $sidebar-pad-medium $sidebar-pad-medium; |
|
155 |
- background: none; |
|
156 |
- clear: none; |
|
157 |
- float: left; |
|
158 |
- margin: 0 -100% 0 0; |
|
159 |
- section { |
|
160 |
- width: auto; margin-left: 0; |
|
161 |
- &.odd, &.even { float: none; width: auto; margin-left: 0; } |
|
162 |
- } |
|
163 |
- .collapse-sidebar & { |
|
164 |
- @include collapse-sidebar; |
|
165 |
- } |
|
166 |
- } |
|
167 |
-} |
|
168 |
- |
|
169 |
-@media only screen and (min-width: 992px) { |
|
170 |
- body > header { font-size: $header-font-size * 1.3; } |
|
171 |
- #content { margin-right: $sidebar-width-wide; } |
|
172 |
- #content { |
|
173 |
- > div, > article { |
|
174 |
- padding-top: $pad-wide/2; |
|
175 |
- padding-bottom: $pad-wide/2; |
|
176 |
- } |
|
177 |
- } |
|
178 |
- aside.sidebar { |
|
179 |
- width: $sidebar-width-wide - $sidebar-pad-wide*2; |
|
180 |
- padding: 1.2em $sidebar-pad-wide $sidebar-pad-wide; |
|
181 |
- .collapse-sidebar & { |
|
182 |
- padding: { left: $pad-wide; right: $pad-wide; } |
|
183 |
- } |
|
184 |
- } |
|
185 |
-} |
|
186 |
- |
|
187 |
-@if $indented-lists == false { |
|
188 |
- @media only screen and (min-width: 768px) { |
|
189 |
- ul, ol { margin-left: 0; } |
|
190 |
- } |
|
191 |
-} |
|
192 |
- |
193 | 1 |
deleted file mode 100644 |
... | ... |
@@ -1,46 +0,0 @@ |
1 |
-$base03: #002b36 !default; //darkest blue |
|
2 |
-$base02: #073642 !default; //dark blue |
|
3 |
-$base01: #586e75 !default; //darkest gray |
|
4 |
-$base00: #657b83 !default; //dark gray |
|
5 |
-$base0: #839496 !default; //medium gray |
|
6 |
-$base1: #93a1a1 !default; //medium light gray |
|
7 |
-$base2: #eee8d5 !default; //cream |
|
8 |
-$base3: #fdf6e3 !default; //white |
|
9 |
-$solar-yellow: #b58900 !default; |
|
10 |
-$solar-orange: #cb4b16 !default; |
|
11 |
-$solar-red: #dc322f !default; |
|
12 |
-$solar-magenta: #d33682 !default; |
|
13 |
-$solar-violet: #6c71c4 !default; |
|
14 |
-$solar-blue: #268bd2 !default; |
|
15 |
-$solar-cyan: #2aa198 !default; |
|
16 |
-$solar-green: #859900 !default; |
|
17 |
- |
|
18 |
-$solarized: dark !default; |
|
19 |
- |
|
20 |
-@if $solarized == light { |
|
21 |
- |
|
22 |
- $_base03: $base03; |
|
23 |
- $_base02: $base02; |
|
24 |
- $_base01: $base01; |
|
25 |
- $_base00: $base00; |
|
26 |
- $_base0: $base0; |
|
27 |
- $_base1: $base1; |
|
28 |
- $_base2: $base2; |
|
29 |
- $_base3: $base3; |
|
30 |
- |
|
31 |
- $base03: $_base3; |
|
32 |
- $base02: $_base2; |
|
33 |
- $base01: $_base1; |
|
34 |
- $base00: $_base0; |
|
35 |
- $base0: $_base00; |
|
36 |
- $base1: $_base01; |
|
37 |
- $base2: $_base02; |
|
38 |
- $base3: $_base03; |
|
39 |
-} |
|
40 |
- |
|
41 |
-/* non highlighted code colors */ |
|
42 |
-$pre-bg: $base03 !default; |
|
43 |
-$pre-border: darken($base02, 5) !default; |
|
44 |
-$pre-color: $base1 !default; |
|
45 |
- |
|
46 |
- |
47 | 1 |
deleted file mode 100644 |
... | ... |
@@ -1,86 +0,0 @@ |
1 |
-$noise-bg: image-url('noise.png') top left !default; |
|
2 |
-$img-border: inline-image('dotted-border.png'); |
|
3 |
- |
|
4 |
-// Main Link Colors |
|
5 |
-$link-color: lighten(#165b94, 3) !default; |
|
6 |
-$link-color-hover: adjust-color($link-color, $lightness: 10, $saturation: 25) !default; |
|
7 |
-$link-color-visited: adjust-color($link-color, $hue: 80, $lightness: -4) !default; |
|
8 |
-$link-color-active: adjust-color($link-color-hover, $lightness: -15) !default; |
|
9 |
- |
|
10 |
-// Main Section Colors |
|
11 |
-$main-bg: #f8f8f8 !default; |
|
12 |
-$page-bg: #252525 !default; |
|
13 |
-$article-border: #eeeeee !default; |
|
14 |
- |
|
15 |
-$header-bg: #333 !default; |
|
16 |
-$header-border: lighten($header-bg, 15) !default; |
|
17 |
-$title-color: #f2f2f2 !default; |
|
18 |
-$subtitle-color: #aaa !default; |
|
19 |
- |
|
20 |
-$text-color: #222 !default; |
|
21 |
-$text-color-light: #aaa !default; |
|
22 |
-$type-border: #ddd !default; |
|
23 |
- |
|
24 |
-/* Navigation */ |
|
25 |
-$nav-bg: #ccc !default; |
|
26 |
-$nav-bg-front: image-url('noise.png') !default; |
|
27 |
-$nav-bg-back: linear-gradient(lighten($nav-bg, 8), $nav-bg, darken($nav-bg, 11)) !default; |
|
28 |
-$nav-color: darken($nav-bg, 38) !default; |
|
29 |
-$nav-color-hover: darken($nav-color, 25) !default; |
|
30 |
-$nav-placeholder: desaturate(darken($nav-bg, 10), 15) !default; |
|
31 |
-$nav-border: darken($nav-bg, 10) !default; |
|
32 |
-$nav-border-top: lighten($nav-bg, 15) !default; |
|
33 |
-$nav-border-bottom: darken($nav-bg, 25) !default; |
|
34 |
-$nav-border-left: darken($nav-bg, 11) !default; |
|
35 |
-$nav-border-right: lighten($nav-bg, 7) !default; |
|
36 |
- |
|
37 |
-/* Sidebar colors */ |
|
38 |
-$sidebar-bg: #f2f2f2 !default; |
|
39 |
-$sidebar-link-color: $link-color !default; |
|
40 |
-$sidebar-link-color-hover: $link-color-hover !default; |
|
41 |
-$sidebar-link-color-active: $link-color-active !default; |
|
42 |
-$sidebar-color: change-color(mix($text-color, $sidebar-bg, 80), $hue: hue($sidebar-bg), $saturation: saturation($sidebar-bg)/2) !default; |
|
43 |
-$sidebar-border: desaturate(darken($sidebar-bg, 7), 10) !default; |
|
44 |
-$sidebar-border-hover: darken($sidebar-bg, 7) !default; |
|
45 |
-$sidebar-link-color-subdued: lighten($sidebar-color, 20) !default; |
|
46 |
-$sidebar-link-color-subdued-hover: $sidebar-link-color-hover !default; |
|
47 |
-$twitter-status-link: lighten($sidebar-link-color-subdued, 15) !default; |
|
48 |
- |
|
49 |
-$footer-color: #888 !default; |
|
50 |
-$footer-bg: #ccc !default; |
|
51 |
-$footer-bg-front: image-url('noise.png') !default; |
|
52 |
-$footer-bg-back: linear-gradient(lighten($footer-bg, 8), $footer-bg, darken($footer-bg, 11)) !default; |
|
53 |
-$footer-color: darken($footer-bg, 38) !default; |
|
54 |
-$footer-color-hover: darken($footer-color, 10) !default; |
|
55 |
-$footer-border-top: lighten($footer-bg, 15) !default; |
|
56 |
-$footer-border-bottom: darken($footer-bg, 15) !default; |
|
57 |
-$footer-link-color: darken($footer-bg, 38) !default; |
|
58 |
-$footer-link-color-hover: darken($footer-color, 25) !default; |
|
59 |
-$page-border-bottom: darken($footer-bg, 5) !default; |
|
60 |
- |
|
61 |
- |
|
62 |
-/* Core theme application */ |
|
63 |
- |
|
64 |
-a { |
|
65 |
- @include link-colors($link-color, $hover: $link-color-hover, $focus: $link-color-hover, $visited: $link-color-visited, $active: $link-color-active); |
|
66 |
-} |
|
67 |
-aside.sidebar a { |
|
68 |
- @include link-colors($sidebar-link-color, $hover: $sidebar-link-color-hover, $focus: $sidebar-link-color-hover, $active: $sidebar-link-color-active); |
|
69 |
-} |
|
70 |
-a { |
|
71 |
- @include transition(color .3s); |
|
72 |
-} |
|
73 |
- |
|
74 |
-html { |
|
75 |
- background: $page-bg image-url('line-tile.png') top left; |
|
76 |
-} |
|
77 |
-body { |
|
78 |
- > div { |
|
79 |
- background: $sidebar-bg $noise-bg; |
|
80 |
- border-bottom: 1px solid $page-border-bottom; |
|
81 |
- > div { |
|
82 |
- background: $main-bg $noise-bg; |
|
83 |
- border-right: 1px solid $sidebar-border; |
|
84 |
- } |
|
85 |
- } |
|
86 |
-} |
87 | 1 |
deleted file mode 100644 |
... | ... |
@@ -1,167 +0,0 @@ |
1 |
-$blockquote: $type-border !default; |
|
2 |
-$sans: "Droid Sans", "Helvetica Neue", Arial, sans-serif !default; |
|
3 |
-$serif: "Droid Serif", Georgia, Times, "Times New Roman", serif !default; |
|
4 |
-$mono: 'Droid Sans Mono', Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace !default; |
|
5 |
-$heading-font-family: "Droid Serif", "Georgia", "Helvetica Neue", Arial, sans-serif !default; |
|
6 |
-$header-title-font-family: $heading-font-family !default; |
|
7 |
-$header-subtitle-font-family: $heading-font-family !default; |
|
8 |
- |
|
9 |
-// Fonts |
|
10 |
-.heading { |
|
11 |
- font-family: $heading-font-family; |
|
12 |
-} |
|
13 |
-.sans { font-family: $sans; } |
|
14 |
-.serif { font-family: $serif; } |
|
15 |
-.mono { font-family: $mono; } |
|
16 |
- |
|
17 |
-body > header h1 { |
|
18 |
- font-size: 2.2em; |
|
19 |
- @extend .heading; |
|
20 |
- font-family: $header-title-font-family; |
|
21 |
- font-weight: normal; |
|
22 |
- line-height: 1.2em; |
|
23 |
- margin-bottom: 0.6667em; |
|
24 |
-} |
|
25 |
-body > header h2 { |
|
26 |
- font-family: $header-subtitle-font-family; |
|
27 |
-} |
|
28 |
- |
|
29 |
-body { |
|
30 |
- line-height: 1.5em; |
|
31 |
- color: $text-color; |
|
32 |
- @extend .serif; |
|
33 |
-} |
|
34 |
-h1 { |
|
35 |
- font-size: 2.2em; |
|
36 |
- line-height: 1.2em; |
|
37 |
-} |
|
38 |
- |
|
39 |
-@media only screen and (min-width: 992px) { |
|
40 |
- body { font-size: 1.15em; } |
|
41 |
- h1 { font-size: 2.6em; line-height: 1.2em; } |
|
42 |
-} |
|
43 |
- |
|
44 |
-#{headings()}{ |
|
45 |
- @extend .heading; |
|
46 |
- text-rendering: optimizelegibility; |
|
47 |
- margin-bottom: 1em; |
|
48 |
- font-weight: bold; |
|
49 |
-} |
|
50 |
- |
|
51 |
-.entry-content h1 { |
|
52 |
- font-size: 1.9em; |
|
53 |
- margin-bottom: 0.7em; |
|
54 |
-} |
|
55 |
- |
|
56 |
-h2, section h1 { |
|
57 |
- font-size: 1.5em; |
|
58 |
-} |
|
59 |
-h3, section h2, section section h1 { |
|
60 |
- font-size: 1.3em; |
|
61 |
-} |
|
62 |
-h4, section h3, section section h2, section section section h1 { |
|
63 |
- font-size: 1em; |
|
64 |
-} |
|
65 |
-h5, section h4, section section h3 { |
|
66 |
- font-size: .9em; |
|
67 |
-} |
|
68 |
-h6, section h5, section section h4, section section section h3 { |
|
69 |
- font-size: .8em; |
|
70 |
-} |
|
71 |
-p, blockquote, ul, ol { margin-bottom: 1.5em; } |
|
72 |
- |
|
73 |
-ul { list-style-type: disc; |
|
74 |
- ul { list-style-type: circle; margin-bottom: 0px; |
|
75 |
- ul { list-style-type: square; margin-bottom: 0px; }}} |
|
76 |
- |
|
77 |
-ol { list-style-type: decimal; |
|
78 |
- ol { list-style-type: lower-alpha; margin-bottom: 0px; |
|
79 |
- ol { list-style-type: lower-roman; margin-bottom: 0px; }}} |
|
80 |
- |
|
81 |
-ul, ol { &, ul, ol { margin-left: 1.3em; list-style-position: inside }} |
|
82 |
- |
|
83 |
-strong { font-weight: bold; } |
|
84 |
- |
|
85 |
-em { font-style: italic; } |
|
86 |
- |
|
87 |
-sup, sub { font-size: 0.8em; position: relative; display: inline-block; } |
|
88 |
-sup { top: -.5em; } |
|
89 |
-sub { bottom: -.5em; } |
|
90 |
- |
|
91 |
-q { font-style: italic; |
|
92 |
- &:before { content: "\201C"; } |
|
93 |
- &:after { content: "\201D"; } |
|
94 |
-} |
|
95 |
- |
|
96 |
-em, dfn { font-style: italic; } |
|
97 |
- |
|
98 |
-strong, dfn { font-weight: bold; } |
|
99 |
- |
|
100 |
-del, s { text-decoration: line-through; } |
|
101 |
- |
|
102 |
-abbr, acronym { border-bottom: 1px dotted; cursor: help; } |
|
103 |
- |
|
104 |
-pre, code, tt { @extend .mono; } |
|
105 |
- |
|
106 |
-sub, sup { line-height: 0; } |
|
107 |
- |
|
108 |
-hr { margin-bottom: 0.2em; } |
|
109 |
- |
|
110 |
-small { font-size: .8em; } |
|
111 |
- |
|
112 |
-big { font-size: 1.2em; } |
|
113 |
- |
|
114 |
-blockquote { |
|
115 |
- $bq-margin: 1.2em; |
|
116 |
- font-style: italic; |
|
117 |
- position: relative; |
|
118 |
- font-size: 1.2em; |
|
119 |
- line-height: 1.5em; |
|
120 |
- padding-left: 1em; |
|
121 |
- border-left: 4px solid rgba($text-color-light, .5); |
|
122 |
- cite { |
|
123 |
- font-style: italic; |
|
124 |
- a { color: $text-color-light !important; word-wrap: break-word; } |
|
125 |
- &:before { content: '\2014'; padding:{right: .3em; left: .3em;} color: $text-color-light; } |
|
126 |
- } |
|
127 |
- @media only screen and (min-width: 992px) { |
|
128 |
- padding-left: 1.5em; |
|
129 |
- border-left-width: 4px; |
|
130 |
- } |
|
131 |
-} |
|
132 |
- |
|
133 |
-.pullquote-right:before, |
|
134 |
-.pullquote-left:before { |
|
135 |
- /* Reset metrics. */ |
|
136 |
- padding: 0; |
|
137 |
- border: none; |
|
138 |
- |
|
139 |
- /* Content */ |
|
140 |
- content: attr(data-pullquote); |
|
141 |
- |
|
142 |
- /* Pull out to the right, modular scale based margins. */ |
|
143 |
- float: right; |
|
144 |
- width: 45%; |
|
145 |
- margin: .5em 0 1em 1.5em; |
|
146 |
- |
|
147 |
- /* Baseline correction */ |
|
148 |
- position: relative; |
|
149 |
- top: 7px; |
|
150 |
- font-size: 1.4em; |
|
151 |
- line-height: 1.45em; |
|
152 |
-} |
|
153 |
- |
|
154 |
-.pullquote-left:before { |
|
155 |
- /* Make left pullquotes align properly. */ |
|
156 |
- float: left; |
|
157 |
- margin: .5em 1.5em 1em 0; |
|
158 |
-} |
|
159 |
- |
|
160 |
-/* @extend this to force long lines of continuous text to wrap */ |
|
161 |
-.force-wrap { |
|
162 |
- white-space: -moz-pre-wrap; |
|
163 |
- white-space: -pre-wrap; |
|
164 |
- white-space: -o-pre-wrap; |
|
165 |
- white-space: pre-wrap; |
|
166 |
- word-wrap: break-word; |
|
167 |
-} |
168 | 1 |
deleted file mode 100644 |
... | ... |
@@ -1,28 +0,0 @@ |
1 |
-@mixin mask-image($img, $repeat: no-repeat){ |
|
2 |
- @include experimental(mask-image, image-url($img), -webkit, -moz, -o, -ms); |
|
3 |
- @include experimental(mask-repeat, $repeat, -webkit, -moz, -o, -ms); |
|
4 |
- width: image-width($img); |
|
5 |
- height: image-height($img); |
|
6 |
-} |
|
7 |
- |
|
8 |
-@mixin shadow-box($border: #fff .5em solid, $shadow: rgba(#000, .15) 0 1px 4px, $border-radius: .3em) { |
|
9 |
- @include border-radius($border-radius); |
|
10 |
- @include box-shadow($shadow); |
|
11 |
- @include box-sizing(border-box); |
|
12 |
- border: $border; |
|
13 |
-} |
|
14 |
- |
|
15 |
-@mixin selection($bg, $color: inherit, $text-shadow: none){ |
|
16 |
- * { |
|
17 |
- &::-moz-selection { background: $bg; color: $color; text-shadow: $text-shadow; } |
|
18 |
- &::-webkit-selection { background: $bg; color: $color; text-shadow: $text-shadow; } |
|
19 |
- &::selection { background: $bg; color: $color; text-shadow: $text-shadow; } |
|
20 |
- } |
|
21 |
-} |
|
22 |
- |
|
23 |
-@function text-color($color, $dark: dark, $light: light){ |
|
24 |
- $text-color: ( (red($color)*299) + (green($color)*587) + (blue($color)*114) ) / 1000; |
|
25 |
- $text-color: if($text-color >= 150, $dark, $light); |
|
26 |
- @return $text-color; |
|
27 |
-} |
|
28 |
- |
9 | 2 |
deleted file mode 100644 |
... | ... |
@@ -1,43 +0,0 @@ |
1 |
-// Here you can easily change your sites's color scheme. |
|
2 |
-// To give it a try, uncomment some of the lines below rebuild your blog, and see how it works. |
|
3 |
-// If you need a handy color picker try http://hslpicker.com |
|
4 |
- |
|
5 |
-//$header-bg: #263347; |
|
6 |
-//$subtitle-color: lighten($header-bg, 58); |
|
7 |
-//$nav-bg: desaturate(lighten(#8fc17a, 18), 5); |
|
8 |
-//$nav-bg-front: image-url('noise.png'); |
|
9 |
-//$nav-bg-back: linear-gradient(lighten($nav-bg, 8), $nav-bg, darken($nav-bg, 11)); |
|
10 |
-//$sidebar-bg: desaturate(#eceff5, 8); |
|
11 |
-//$sidebar-link-color: saturate(#526f9a, 10); |
|
12 |
-//$sidebar-link-color-hover: darken(#7ab662, 9); |
|
13 |
-//$footer-bg: #ccc !default; |
|
14 |
-//$footer-bg-front: image-url('noise.png'); |
|
15 |
-//$footer-bg-back: linear-gradient(lighten($footer-bg, 8), $footer-bg, darken($footer-bg, 11)); |
|
16 |
- |
|
17 |
- |
|
18 |
-/* To use the light Solarized highlighting theme uncomment the following line */ |
|
19 |
-//$solarized: light; |
|
20 |
- |
|
21 |
-/* If you want to tweak the Solarized colors you can do that here */ |
|
22 |
-//$base03: #002b36; //darkest blue |
|
23 |
-//$base02: #073642; //dark blue |
|
24 |
-//$base01: #586e75; //darkest gray |
|
25 |
-//$base00: #657b83; //dark gray |
|
26 |
-//$base0: #839496; //medium gray |
|
27 |
-//$base1: #93a1a1; //medium light gray |
|
28 |
-//$base2: #eee8d5; //cream |
|
29 |
-//$base3: #fdf6e3; //white |
|
30 |
-//$solar-yellow: #b58900; |
|
31 |
-//$solar-orange: #cb4b16; |
|
32 |
-//$solar-red: #dc322f; |
|
33 |
-//$solar-magenta: #d33682; |
|
34 |
-//$solar-violet: #6c71c4; |
|
35 |
-//$solar-blue: #268bd2; |
|
36 |
-//$solar-cyan: #2aa198; |
|
37 |
-//$solar-green: #859900; |
|
38 |
- |
|
39 |
- |
|
40 |
-/* Non highlighted code colors */ |
|
41 |
-//$pre-bg: $base03; |
|
42 |
-//$pre-border: darken($base02, 5); |
|
43 |
-//$pre-color: $base1; |
44 | 1 |
deleted file mode 100644 |
... | ... |
@@ -1,10 +0,0 @@ |
1 |
-// Here you can easily change font faces which are used in your site. |
|
2 |
-// To give it a try, uncomment some of the lines below rebuild your blog, and see how it works. your sites's. |
|
3 |
-// If you love to use Web Fonts, you also need to add some lines to source/_includes/custom/head.html |
|
4 |
- |
|
5 |
-//$sans: "Optima", sans-serif; |
|
6 |
-//$serif: "Baskerville", serif; |
|
7 |
-//$mono: "Courier", monospace; |
|
8 |
-//$heading-font-family: "Verdana", sans-serif; |
|
9 |
-//$header-title-font-family: "Futura", sans-serif; |
|
10 |
-//$header-subtitle-font-family: "Futura", sans-serif; |
11 | 1 |
deleted file mode 100644 |
... | ... |
@@ -1,21 +0,0 @@ |
1 |
-// Here you can easily change your sites's layout. |
|
2 |
-// To give it a try, uncomment some of the lines below, make changes, rebuild your blog, and see how it works. |
|
3 |
- |
|
4 |
-//$header-font-size: 1em; |
|
5 |
-//$header-padding-top: 1.5em; |
|
6 |
-//$header-padding-bottom: 1.5em; |
|
7 |
- |
|
8 |
-//$max-width: 1350px; |
|
9 |
-//$indented-lists: true; |
|
10 |
- |
|
11 |
-// Padding used for layout margins |
|
12 |
-//$pad-min: 18px; |
|
13 |
-//$pad-narrow: 25px; |
|
14 |
-//$pad-medium: 35px; |
|
15 |
-//$pad-wide: 55px; |
|
16 |
- |
|
17 |
-// Sidebar widths used in media queries |
|
18 |
-//$sidebar-width-medium: 240px; |
|
19 |
-//$sidebar-pad-medium: 15px; |
|
20 |
-//$sidebar-pad-wide: 20px; |
|
21 |
-//$sidebar-width-wide: 300px; |
3 | 1 |
deleted file mode 100644 |
... | ... |
@@ -1,72 +0,0 @@ |
1 |
-#archive { |
|
2 |
- #content > div { &, > article { padding-top: 0; } } |
|
3 |
-} |
|
4 |
-#blog-archives { |
|
5 |
- article { |
|
6 |
- padding: 1em 0 1em; |
|
7 |
- position: relative; |
|
8 |
- background: $img-border bottom left repeat-x; |
|
9 |
- &:last-child { |
|
10 |
- background: none; |
|
11 |
- } |
|
12 |
- footer { padding: 0; margin: 0;} |
|
13 |
- } |
|
14 |
- h1 { color: $text-color; margin-bottom: .3em; } |
|
15 |
- h2 { display: none; } |
|
16 |
- h1 { |
|
17 |
- font-size: 1.5em; |
|
18 |
- a { |
|
19 |
- @include hover-link; |
|
20 |
- color: inherit; |
|
21 |
- &:hover { color: $link-color-hover; } |
|
22 |
- font-weight: normal; |
|
23 |
- display: inline-block; |
|
24 |
- } |
|
25 |
- } |
|
26 |
- a.category, time { |
|
27 |
- @extend .sans; |
|
28 |
- color: $text-color-light; |
|
29 |
- } |
|
30 |
- color: $text-color-light; |
|
31 |
- .entry-content { display: none; } |
|
32 |
- time { |
|
33 |
- font-size: .9em; |
|
34 |
- line-height: 1.2em; |
|
35 |
- .month, .day { display: inline-block; } |
|
36 |
- .month { text-transform: uppercase; } |
|
37 |
- } |
|
38 |
- p { margin-bottom: 1em; } |
|
39 |
- &, .entry-content { a { @include link-colors(inherit, $link-color-hover); }} |
|
40 |
- a:hover { color: $link-color-hover; } |
|
41 |
- @media only screen and (min-width: 550px) { |
|
42 |
- article { margin-left: 5em; } |
|
43 |
- h2 { |
|
44 |
- margin-bottom: .3em; |
|
45 |
- font-weight: normal; |
|
46 |
- display: inline-block; |
|
47 |
- position: relative; top: -1px; |
|
48 |
- float: left; |
|
49 |
- &:first-child { padding-top: .75em; } |
|
50 |
- } |
|
51 |
- time { |
|
52 |
- position: absolute; |
|
53 |
- text-align: right; |
|
54 |
- left: 0em; |
|
55 |
- top: 1.8em; |
|
56 |
- } |
|
57 |
- .year { display: none; } |
|
58 |
- article { |
|
59 |
- padding:{left: 4.5em; bottom: .7em;} |
|
60 |
- } |
|
61 |
- a.category { |
|
62 |
- line-height: 1.1em; |
|
63 |
- } |
|
64 |
- } |
|
65 |
-} |
|
66 |
-#content > .category { |
|
67 |
- article { |
|
68 |
- margin-left: 0; |
|
69 |
- padding-left: 6.8em; |
|
70 |
- } |
|
71 |
- .year { display: inline; } |
|
72 |
-} |
73 | 1 |
deleted file mode 100644 |
... | ... |
@@ -1,141 +0,0 @@ |
1 |
-article { |
|
2 |
- padding-top: 1em; |
|
3 |
- a { @extend .force-wrap; } |
|
4 |
- header { |
|
5 |
- position: relative; |
|
6 |
- padding-top: 2em; |
|
7 |
- padding-bottom: 1em; |
|
8 |
- margin-bottom: 1em; |
|
9 |
- background: $img-border bottom left repeat-x; |
|
10 |
- h1 { |
|
11 |
- margin: 0; |
|
12 |
- a { text-decoration: none; |
|
13 |
- &:hover { text-decoration: underline; } } |
|
14 |
- } |
|
15 |
- p { |
|
16 |
- font-size: .9em; |
|
17 |
- color: $text-color-light; |
|
18 |
- margin: 0; |
|
19 |
- &.meta { |
|
20 |
- @extend .sans; |
|
21 |
- text-transform: uppercase; |
|
22 |
- position: absolute; top: 0; |
|
23 |
- } |
|
24 |
- } |
|
25 |
- @media only screen and (min-width: 768px) { |
|
26 |
- margin-bottom: 1.5em; |
|
27 |
- padding-bottom: 1em; |
|
28 |
- background: $img-border bottom left repeat-x; |
|
29 |
- } |
|
30 |
- } |
|
31 |
- h2 { |
|
32 |
- padding-top: 0.8em; |
|
33 |
- background: $img-border top left repeat-x; |
|
34 |
- } |
|
35 |
- .entry-content & h2:first-child, header + h2 { padding-top: 0; } |
|
36 |
- h2:first-child, header + h2 { background: none; } |
|
37 |
- .feature { |
|
38 |
- padding-top: .5em; |
|
39 |
- margin-bottom: 1em; |
|
40 |
- padding-bottom: 1em; |
|
41 |
- background: $img-border bottom left repeat-x; |
|
42 |
- font-size: 2.0em; font-style: italic; |
|
43 |
- line-height: 1.3em; |
|
44 |
- } |
|
45 |
- img, video, .flash-video { |
|
46 |
- @extend .flex-content; |
|
47 |
- @extend .basic-alignment; |
|
48 |
- @include shadow-box; |
|
49 |
- } |
|
50 |
- video, .flash-video { margin: 0 auto 1.5em; } |
|
51 |
- video { display: block; width: 100%; } |
|
52 |
- .flash-video { |
|
53 |
- > div { |
|
54 |
- position: relative; |
|
55 |
- display: block; |
|
56 |
- padding-bottom: 56.25%; |
|
57 |
- padding-top: 1px; |
|
58 |
- height: 0; |
|
59 |
- overflow: hidden; |
|
60 |
- iframe, object, embed { |
|
61 |
- position: absolute; |
|
62 |
- top: 0; |
|
63 |
- left: 0; |
|
64 |
- width: 100%; |
|
65 |
- height: 100%; |
|
66 |
- } |
|
67 |
- } |
|
68 |
- } |
|
69 |
- > footer { |
|
70 |
- padding-bottom: 2.5em; |
|
71 |
- margin-top: 2em; |
|
72 |
- @extend .sans; |
|
73 |
- p.meta { |
|
74 |
- margin-bottom: .8em; |
|
75 |
- font-size: .85em; |
|
76 |
- clear: both; |
|
77 |
- overflow: hidden; |
|
78 |
- } |
|
79 |
- .byline + time:before, time +time:before, .comments:before, .byline ~ .categories:before { |
|
80 |
- @extend .separator; |
|
81 |
- } |
|
82 |
- } |
|
83 |
- |
|
84 |
-} |
|
85 |
-article + article { |
|
86 |
- .blog-index & { |
|
87 |
- background: $img-border top left repeat-x; |
|
88 |
- } |
|
89 |
-} |
|
90 |
-#content .blog-index { |
|
91 |
- padding: { top: 0; bottom: 0; } |
|
92 |
- article { padding-top: 2em; } |
|
93 |
- article header { background: none; padding-bottom: 0; } |
|
94 |
- article h1 { |
|
95 |
- font-size: 2.2em; |
|
96 |
- a { color: inherit; &:hover { color: $link-color-hover; } } |
|
97 |
- } |
|
98 |
- a[rel=full-article] { |
|
99 |
- background: darken($main-bg, 5); |
|
100 |
- display: inline-block; |
|
101 |
- padding: .4em .8em; |
|
102 |
- margin-right: .5em; |
|
103 |
- text-decoration: none; |
|
104 |
- color: mix($text-color, $text-color-light); |
|
105 |
- @extend .serif; |
|
106 |
- @include transition(background-color .5s); |
|
107 |
- &:hover { |
|
108 |
- background: $link-color-hover; |
|
109 |
- text-shadow: none; |
|
110 |
- color: $main-bg; |
|
111 |
- } |
|
112 |
- } |
|
113 |
- footer { |
|
114 |
- @extend .sans; |
|
115 |
- margin-top: 1em; |
|
116 |
- } |
|
117 |
-} |
|
118 |
- |
|
119 |
-.separator { |
|
120 |
- content: "\2022 "; |
|
121 |
- padding: 0 .4em 0 .2em; |
|
122 |
- display: inline-block; |
|
123 |
-} |
|
124 |
- |
|
125 |
-#content div.pagination { |
|
126 |
- text-align: center; |
|
127 |
- font-size: .95em; |
|
128 |
- position: relative; |
|
129 |
- background: $img-border top left repeat-x; |
|
130 |
- padding: {top: 1.5em; bottom: 1.5em;} |
|
131 |
- a { |
|
132 |
- text-decoration: none; |
|
133 |
- color: $text-color-light; |
|
134 |
- &.prev { position: absolute; left: 0; } |
|
135 |
- &.next { position: absolute; right: 0; } |
|
136 |
- &:hover { color: $link-color-hover; } |
|
137 |
- &[href*=archive] { |
|
138 |
- &:before, &:after { content: '\2014'; padding: 0 .3em; } |
|
139 |
- } |
|
140 |
- } |
|
141 |
-} |
142 | 1 |
deleted file mode 100644 |
... | ... |
@@ -1,19 +0,0 @@ |
1 |
-body > footer { |
|
2 |
- @extend .sans; |
|
3 |
- font-size: .8em; |
|
4 |
- color: $footer-color; |
|
5 |
- text-shadow: lighten($footer-bg, 5) 0 1px; |
|
6 |
- background-color: $footer-bg; |
|
7 |
- @include background($footer-bg-front, $footer-bg-back); |
|
8 |
- border-top: 1px solid $footer-border-top; |
|
9 |
- position: relative; |
|
10 |
- padding-top: 1em; |
|
11 |
- padding-bottom: 1em; |
|
12 |
- margin-bottom: 3em; |
|
13 |
- @include border-bottom-radius(.4em); |
|
14 |
- z-index: 1; |
|
15 |
- a { |
|
16 |
- @include link-colors($footer-link-color, $footer-link-color-hover, $visited: $footer-link-color); |
|
17 |
- } |
|
18 |
- p:last-child { margin-bottom: 0; } |
|
19 |
-} |
20 | 1 |
deleted file mode 100644 |
... | ... |
@@ -1,18 +0,0 @@ |
1 |
-body > header { |
|
2 |
- background: $header-bg; |
|
3 |
- h1 { |
|
4 |
- display: inline-block; |
|
5 |
- margin: 0; |
|
6 |
- a, a:visited, a:hover { |
|
7 |
- color: $title_color; |
|
8 |
- text-decoration: none; |
|
9 |
- } |
|
10 |
- } |
|
11 |
- h2 { |
|
12 |
- margin: .2em 0 0; |
|
13 |
- @extend .sans; |
|
14 |
- font-size: 1em; |
|
15 |
- color: $subtitle-color; |
|
16 |
- font-weight: normal; |
|
17 |
- } |
|
18 |
-} |
19 | 1 |
deleted file mode 100644 |
... | ... |
@@ -1,137 +0,0 @@ |
1 |
-body > nav { |
|
2 |
- position: relative; |
|
3 |
- background-color: $nav-bg; |
|
4 |
- @include background($nav-bg-front, $nav-bg-back); |
|
5 |
- border: { |
|
6 |
- top: 1px solid $nav-border-top; |
|
7 |
- bottom: 1px solid $nav-border-bottom; } |
|
8 |
- padding-top: .35em; |
|
9 |
- padding-bottom: .35em; |
|
10 |
- form { |
|
11 |
- @include background-clip(padding-box); |
|
12 |
- margin: 0; padding: 0; |
|
13 |
- .search { |
|
14 |
- padding: .3em .5em 4px; |
|
15 |
- font-size: .85em; |
|
16 |
- font-family: $sans; |
|
17 |
- line-height: 1.1em; |
|
18 |
- width: 95%; |
|
19 |
- @include border-radius(.5em); |
|
20 |
- @include background-clip(padding-box); |
|
21 |
- @include box-shadow(lighten($nav-bg, 2) 0 1px); |
|
22 |
- background-color: lighten($nav-bg, 15); |
|
23 |
- border: 1px solid $nav-border; |
|
24 |
- color: #888; |
|
25 |
- &:focus { |
|
26 |
- color: #444; |
|
27 |
- border-color: #80b1df; |
|
28 |
- @include box-shadow(#80b1df 0 0 4px, #80b1df 0 0 3px inset); |
|
29 |
- background-color: #fff; |
|
30 |
- outline: none; |
|
31 |
- } |
|
32 |
- } |
|
33 |
- } |
|
34 |
- fieldset[role=search]{ float: right; width: 48%; } |
|
35 |
- fieldset.mobile-nav{ float: left; width: 48%; |
|
36 |
- select{ width: 100%; font-size: .8em; border: 1px solid #888;} |
|
37 |
- } |
|
38 |
- ul { display: none; } |
|
39 |
- @media only screen and (min-width: 550px) { |
|
40 |
- font-size: .9em; |
|
41 |
- ul { |
|
42 |
- @include horizontal-list(0); |
|
43 |
- float: left; |
|
44 |
- display: block; |
|
45 |
- padding-top: .15em; |
|
46 |
- } |
|
47 |
- ul.subscription { |
|
48 |
- margin-left: .8em; |
|
49 |
- float: right; |
|
50 |
- li:last-child a { padding-right: 0; } |
|
51 |
- } |
|
52 |
- ul li { |
|
53 |
- margin: 0; |
|
54 |
- } |
|
55 |
- a { |
|
56 |
- @include link-colors($nav-color, $nav-color-hover, $visited: $nav-color); |
|
57 |
- font-family: $sans; |
|
58 |
- text-shadow: lighten($nav-bg, 12) 0 1px; |
|
59 |
- float: left; |
|
60 |
- text-decoration: none; |
|
61 |
- font-size: 1.1em; |
|
62 |
- padding: .1em 0; |
|
63 |
- line-height: 1.5em; |
|
64 |
- } |
|
65 |
- li + li { |
|
66 |
- border-left: 1px solid $nav-border-left; |
|
67 |
- margin-left: .8em; |
|
68 |
- a { |
|
69 |
- padding-left: .8em; |
|
70 |
- border-left: 1px solid $nav-border-right; |
|
71 |
- } |
|
72 |
- } |
|
73 |
- form { |
|
74 |
- float: right; |
|
75 |
- text-align: left; |
|
76 |
- padding-left: .8em; |
|
77 |
- width: $sidebar-width-medium - $pad-medium*2 - $sidebar-pad-medium + 20px; |
|
78 |
- .search { |
|
79 |
- width: 93%; |
|
80 |
- font-size: .95em; |
|
81 |
- line-height: 1.2em; |
|
82 |
- } |
|
83 |
- } |
|
84 |
- ul[data-subscription$=email] + form { |
|
85 |
- width: $sidebar-width-medium - $pad-medium*2 - $sidebar-pad-medium - 58px; |
|
86 |
- .search { width: 91%; } |
|
87 |
- } |
|
88 |
- fieldset.mobile-nav { display: none; } |
|
89 |
- fieldset[role=search]{ width: 99%; } |
|
90 |
- } |
|
91 |
- @media only screen and (min-width: 992px) { |
|
92 |
- form { |
|
93 |
- width: $sidebar-width-wide - $pad-wide - $sidebar-pad-wide*2 + 10px; |
|
94 |
- } |
|
95 |
- ul[data-subscription$=email] + form { |
|
96 |
- width: $sidebar-width-wide - $pad-wide - $sidebar-pad-wide*2 - 58px; |
|
97 |
- } |
|
98 |
- } |
|
99 |
-} |
|
100 |
-.no-placeholder { |
|
101 |
- body > nav .search { |
|
102 |
- background: lighten($nav-bg, 15) image-url('search.png') .3em .25em no-repeat; |
|
103 |
- text-indent: 1.3em; |
|
104 |
- } |
|
105 |
-} |
|
106 |
-@mixin mask-subscription-nav($feed: 'rss.png'){ |
|
107 |
- position: relative; top: 0px; |
|
108 |
- text-indent: -999999em; |
|
109 |
- background-color: $nav-border-right; |
|
110 |
- border: 0; |
|
111 |
- padding: 0; |
|
112 |
- &,&:after { @include mask-image($feed); } |
|
113 |
- &:after { |
|
114 |
- content: ""; |
|
115 |
- position: absolute; top: -1px; left: 0; |
|
116 |
- background-color: lighten($nav-color, 25); |
|
117 |
- } |
|
118 |
- &:hover:after { background-color: lighten($nav-color, 20); } |
|
119 |
-} |
|
120 |
-.maskImage { |
|
121 |
- body > nav { |
|
122 |
- @media only screen and (min-width: 550px) { |
|
123 |
- ul[data-subscription$=email] + form { |
|
124 |
- width: $sidebar-width-medium - $pad-medium*2 - $sidebar-pad-medium - 32px; |
|
125 |
- } |
|
126 |
- } |
|
127 |
- @media only screen and (min-width: 992px) { |
|
128 |
- ul[data-subscription$=email] + form { |
|
129 |
- width: $sidebar-width-wide - $pad-wide - $sidebar-pad-wide*2 - 32px; |
|
130 |
- } |
|
131 |
- } |
|
132 |
- } |
|
133 |
- ul.subscription { position: relative; top: .2em; li, a { border: 0; padding: 0; }} |
|
134 |
- a[rel=subscribe-rss]{ @include mask-subscription-nav('rss.png'); } |
|
135 |
- a[rel=subscribe-email]{ @include mask-subscription-nav('email.png'); } |
|
136 |
-} |
|
137 |
- |
6 | 1 |
deleted file mode 100644 |
... | ... |
@@ -1,261 +0,0 @@ |
1 |
-.highlight, html .gist .gist-file .gist-syntax .gist-highlight { |
|
2 |
- table td.code { width: 100%; } |
|
3 |
- border: 1px solid $pre-border !important; |
|
4 |
-} |
|
5 |
-.highlight .line-numbers, html .gist .gist-file .gist-syntax .highlight .line_numbers { |
|
6 |
- text-align: right; |
|
7 |
- font-size: 13px; |
|
8 |
- line-height: 1.45em; |
|
9 |
- @if $solarized == light { |
|
10 |
- background: lighten($base03, 1) $noise-bg !important; |
|
11 |
- border-right: 1px solid darken($base02, 2) !important; |
|
12 |
- @include box-shadow(lighten($base03, 2) -1px 0 inset); |
|
13 |
- text-shadow: lighten($base02, 2) 0 -1px; |
|
14 |
- } @else { |
|
15 |
- background: $base02 $noise-bg !important; |
|
16 |
- border-right: 1px solid darken($base03, 2) !important; |
|
17 |
- @include box-shadow(lighten($base02, 2) -1px 0 inset); |
|
18 |
- text-shadow: darken($base02, 10) 0 -1px; |
|
19 |
- } |
|
20 |
- span { color: $base01 !important; } |
|
21 |
- padding: .8em !important; |
|
22 |
- @include border-radius(0); |
|
23 |
-} |
|
24 |
- |
|
25 |
-figure.code, .gist-file, pre { |
|
26 |
- @include box-shadow(rgba(#000, .06) 0 0 10px); |
|
27 |
- .highlight pre { @include box-shadow(none); } |
|
28 |
-} |
|
29 |
- |
|
30 |
-.gist .highlight, figure.code .highlight { |
|
31 |
- @include selection(adjust-color($base03, $lightness: 23%, $saturation: -65%), $text-shadow: $base03 0 1px); |
|
32 |
-} |
|
33 |
-html .gist .gist-file { |
|
34 |
- margin-bottom: 1.8em; |
|
35 |
- position: relative; |
|
36 |
- border: none; |
|
37 |
- padding-top: image-height("code_bg.png") !important; |
|
38 |
- .highlight { |
|
39 |
- margin-bottom: 0; |
|
40 |
- } |
|
41 |
- .gist-syntax { |
|
42 |
- border-bottom: 0 !important; |
|
43 |
- background: none !important; |
|
44 |
- .gist-highlight { |
|
45 |
- background: $base03 !important; |
|
46 |
- } |
|
47 |
- .highlight pre { |
|
48 |
- @extend .pre-code; |
|
49 |
- padding: 0; |
|
50 |
- } |
|
51 |
- } |
|
52 |
- .gist-meta { |
|
53 |
- padding: .6em 0.8em; |
|
54 |
- border: 1px solid lighten($base02, 2) !important; |
|
55 |
- color: $base01; |
|
56 |
- font-size: .7em !important; |
|
57 |
- @if $solarized == light { |
|
58 |
- background: lighten($base03, 2) $noise-bg; |
|
59 |
- border: 1px solid $pre-border !important; |
|
60 |
- border-top: 1px solid lighten($base03, 2) !important; |
|
61 |
- } @else { |
|
62 |
- background: $base02 $noise-bg; |
|
63 |
- } |
|
64 |
- @extend .sans; |
|
65 |
- line-height: 1.5em; |
|
66 |
- a { |
|
67 |
- color: mix($base1, $base01) !important; |
|
68 |
- @include hover-link; |
|
69 |
- &:hover { color: $base1 !important; } |
|
70 |
- } |
|
71 |
- a[href*='#file'] { |
|
72 |
- position: absolute; top: 0; left:0; right:-10px; |
|
73 |
- color: #474747 !important; |
|
74 |
- @extend .code-title; |
|
75 |
- &:hover { color: $link-color !important; } |
|
76 |
- } |
|
77 |
- a[href*=raw]{ |
|
78 |
- @extend .download-source; |
|
79 |
- top: .4em; |
|
80 |
- } |
|
81 |
- } |
|
82 |
-} |
|
83 |
-pre { |
|
84 |
- background: $pre-bg $noise-bg; |
|
85 |
- @include border-radius(.4em); |
|
86 |
- @extend .mono; |
|
87 |
- border: 1px solid $pre-border; |
|
88 |
- line-height: 1.45em; |
|
89 |
- font-size: 13px; |
|
90 |
- margin-bottom: 2.1em; |
|
91 |
- padding: .8em 1em; |
|
92 |
- color: $pre-color; |
|
93 |
- overflow: auto; |
|
94 |
-} |
|
95 |
-h3.filename { |
|
96 |
- @extend .code-title; |
|
97 |
- + pre { @include border-top-radius(0px); } |
|
98 |
-} |
|
99 |
- |
|
100 |
-p, li { |
|
101 |
- code { |
|
102 |
- @extend .mono; |
|
103 |
- display: inline-block; |
|
104 |
- white-space: no-wrap; |
|
105 |
- background: #fff; |
|
106 |
- font-size: .8em; |
|
107 |
- line-height: 1.5em; |
|
108 |
- color: #555; |
|
109 |
- border: 1px solid #ddd; |
|
110 |
- @include border-radius(.4em); |
|
111 |
- padding: 0 .3em; |
|
112 |
- margin: -1px 0; |
|
113 |
- } |
|
114 |
- pre code { font-size: 1em !important; background: none; border: none; } |
|
115 |
-} |
|
116 |
- |
|
117 |
-.pre-code { |
|
118 |
- font-family: $mono !important; |
|
119 |
- overflow: scroll; |
|
120 |
- overflow-y: hidden; |
|
121 |
- display: block; |
|
122 |
- padding: .8em; |
|
123 |
- overflow-x: auto; |
|
124 |
- line-height: 1.45em; |
|
125 |
- background: $base03 $noise-bg !important; |
|
126 |
- color: $base1 !important; |
|
127 |
- span { color: $base1 !important; } |
|
128 |
- span { font-style: normal !important; font-weight: normal !important; } |
|
129 |
- |
|
130 |
- .c { color: $base01 !important; font-style: italic !important; } /* Comment */ |
|
131 |
- .cm { color: $base01 !important; font-style: italic !important; } /* Comment.Multiline */ |
|
132 |
- .cp { color: $base01 !important; font-style: italic !important; } /* Comment.Preproc */ |
|
133 |
- .c1 { color: $base01 !important; font-style: italic !important; } /* Comment.Single */ |
|
134 |
- .cs { color: $base01 !important; font-weight: bold !important; font-style: italic !important; } /* Comment.Special */ |
|
135 |
- .err { color: $solar-red !important; background: none !important; } /* Error */ |
|
136 |
- .k { color: $solar-orange !important; } /* Keyword */ |
|
137 |
- .o { color: $base1 !important; font-weight: bold !important; } /* Operator */ |
|
138 |
- .p { color: $base1 !important; } /* Operator */ |
|
139 |
- .ow { color: $solar-cyan !important; font-weight: bold !important; } /* Operator.Word */ |
|
140 |
- .gd { color: $base1 !important; background-color: mix($solar-red, $base03, 25%) !important; display: inline-block; } /* Generic.Deleted */ |
|
141 |
- .gd .x { color: $base1 !important; background-color: mix($solar-red, $base03, 35%) !important; display: inline-block; } /* Generic.Deleted.Specific */ |
|
142 |
- .ge { color: $base1 !important; font-style: italic !important; } /* Generic.Emph */ |
|
143 |
- //.gr { color: #aa0000 } /* Generic.Error */ |
|
144 |
- .gh { color: $base01 !important; } /* Generic.Heading */ |
|
145 |
- .gi { color: $base1 !important; background-color: mix($solar-green, $base03, 20%) !important; display: inline-block; } /* Generic.Inserted */ |
|
146 |
- .gi .x { color: $base1 !important; background-color: mix($solar-green, $base03, 40%) !important; display: inline-block; } /* Generic.Inserted.Specific */ |
|
147 |
- //.go { color: #888888 } /* Generic.Output */ |
|
148 |
- //.gp { color: #555555 } /* Generic.Prompt */ |
|
149 |
- .gs { color: $base1 !important; font-weight: bold !important; } /* Generic.Strong */ |
|
150 |
- .gu { color: $solar-violet !important; } /* Generic.Subheading */ |
|
151 |
- //.gt { color: #aa0000 } /* Generic.Traceback */ |
|
152 |
- .kc { color: $solar-green !important; font-weight: bold !important; } /* Keyword.Constant */ |
|
153 |
- .kd { color: $solar-blue !important; } /* Keyword.Declaration */ |
|
154 |
- .kp { color: $solar-orange !important; font-weight: bold !important; } /* Keyword.Pseudo */ |
|
155 |
- .kr { color: $solar-magenta !important; font-weight: bold !important; } /* Keyword.Reserved */ |
|
156 |
- .kt { color: $solar-cyan !important; } /* Keyword.Type */ |
|
157 |
- .n { color: $solar-blue !important; } |
|
158 |
- .na { color: $solar-blue !important; } /* Name.Attribute */ |
|
159 |
- .nb { color: $solar-green !important; } /* Name.Builtin */ |
|
160 |
- .nc { color: $solar-magenta !important;} /* Name.Class */ |
|
161 |
- .no { color: $solar-yellow !important; } /* Name.Constant */ |
|
162 |
- //.ni { color: #800080 } /* Name.Entity */ |
|
163 |
- .nl { color: $solar-green !important; } |
|
164 |
- .ne { color: $solar-blue !important; font-weight: bold !important; } /* Name.Exception */ |
|
165 |
- .nf { color: $solar-blue !important; font-weight: bold !important; } /* Name.Function */ |
|
166 |
- .nn { color: $solar-yellow !important; } /* Name.Namespace */ |
|
167 |
- .nt { color: $solar-blue !important; font-weight: bold !important; } /* Name.Tag */ |
|
168 |
- .nx { color: $solar-yellow !Important; } |
|
169 |
- //.bp { color: #999999 } /* Name.Builtin.Pseudo */ |
|
170 |
- //.vc { color: #008080 } /* Name.Variable.Class */ |
|
171 |
- .vg { color: $solar-blue !important; } /* Name.Variable.Global */ |
|
172 |
- .vi { color: $solar-blue !important; } /* Name.Variable.Instance */ |
|
173 |
- .nv { color: $solar-blue !important; } /* Name.Variable */ |
|
174 |
- //.w { color: #bbbbbb } /* Text.Whitespace */ |
|
175 |
- .mf { color: $solar-cyan !important; } /* Literal.Number.Float */ |
|
176 |
- .m { color: $solar-cyan !important; } /* Literal.Number */ |
|
177 |
- .mh { color: $solar-cyan !important; } /* Literal.Number.Hex */ |
|
178 |
- .mi { color: $solar-cyan !important; } /* Literal.Number.Integer */ |
|
179 |
- //.mo { color: #009999 } /* Literal.Number.Oct */ |
|
180 |
- .s { color: $solar-cyan !important; } /* Literal.String */ |
|
181 |
- //.sb { color: #d14 } /* Literal.String.Backtick */ |
|
182 |
- //.sc { color: #d14 } /* Literal.String.Char */ |
|
183 |
- .sd { color: $solar-cyan !important; } /* Literal.String.Doc */ |
|
184 |
- .s2 { color: $solar-cyan !important; } /* Literal.String.Double */ |
|
185 |
- .se { color: $solar-red !important; } /* Literal.String.Escape */ |
|
186 |
- //.sh { color: #d14 } /* Literal.String.Heredoc */ |
|
187 |
- .si { color: $solar-blue !important; } /* Literal.String.Interpol */ |
|
188 |
- //.sx { color: #d14 } /* Literal.String.Other */ |
|
189 |
- .sr { color: $solar-cyan !important; } /* Literal.String.Regex */ |
|
190 |
- .s1 { color: $solar-cyan !important; } /* Literal.String.Single */ |
|
191 |
- //.ss { color: #990073 } /* Literal.String.Symbol */ |
|
192 |
- //.il { color: #009999 } /* Literal.Number.Integer.Long */ |
|
193 |
- div { .gd, .gd .x, .gi, .gi .x { display: inline-block; width: 100%; }} |
|
194 |
-} |
|
195 |
- |
|
196 |
-.highlight, .gist-highlight { |
|
197 |
- pre { background: none; @include border-radius(0px); border: none; padding: 0; margin-bottom: 0; } |
|
198 |
- margin-bottom: 1.8em; |
|
199 |
- background: $base03; |
|
200 |
- overflow-y: hidden; |
|
201 |
- overflow-x: auto; |
|
202 |
-} |
|
203 |
- |
|
204 |
-$solar-scroll-bg: rgba(#fff, .15); |
|
205 |
-$solar-scroll-thumb: rgba(#fff, .2); |
|
206 |
-@if $solarized == light { |
|
207 |
- $solar-scroll-bg: rgba(#000, .15); |
|
208 |
- $solar-scroll-thumb: rgba(#000, .15); |
|
209 |
-} |
|
210 |
- |
|
211 |
-pre, .highlight, .gist-highlight { |
|
212 |
- &::-webkit-scrollbar { height: .5em; background: $solar-scroll-bg; } |
|
213 |
- &::-webkit-scrollbar-thumb:horizontal { background: $solar-scroll-thumb; -webkit-border-radius: 4px; border-radius: 4px } |
|
214 |
-} |
|
215 |
- |
|
216 |
-.highlight code { |
|
217 |
- @extend .pre-code; background: #000; |
|
218 |
-} |
|
219 |
-figure.code { |
|
220 |
- background: none; |
|
221 |
- padding: 0; |
|
222 |
- border: 0; |
|
223 |
- margin-bottom: 1.5em; |
|
224 |
- pre { margin-bottom: 0; } |
|
225 |
- figcaption { |
|
226 |
- position: relative; |
|
227 |
- @extend .code-title; |
|
228 |
- a { @extend .download-source; } |
|
229 |
- } |
|
230 |
- .highlight { |
|
231 |
- margin-bottom: 0; |
|
232 |
- } |
|
233 |
-} |
|
234 |
- |
|
235 |
-.code-title { |
|
236 |
- text-align: center; |
|
237 |
- font-size: 13px; |
|
238 |
- line-height: 2em; |
|
239 |
- text-shadow: #cbcccc 0 1px 0; |
|
240 |
- color: #474747; |
|
241 |
- font-weight: normal; |
|
242 |
- margin-bottom: 0; |
|
243 |
- @include border-top-radius(5px); |
|
244 |
- font-family: "Helvetica Neue", Arial, "Lucida Grande", "Lucida Sans Unicode", Lucida, sans-serif; |
|
245 |
- background: #aaaaaa image-url("code_bg.png") top repeat-x; |
|
246 |
- border: 1px solid #565656; |
|
247 |
- border-top-color: #cbcbcb; |
|
248 |
- border-left-color: #a5a5a5; |
|
249 |
- border-right-color: #a5a5a5; |
|
250 |
- border-bottom: 0; |
|
251 |
-} |
|
252 |
- |
|
253 |
-.download-source { |
|
254 |
- position: absolute; right: .8em; |
|
255 |
- @include hover-link; |
|
256 |
- color: #666 !important; |
|
257 |
- z-index: 1; |
|
258 |
- font-size: 13px; |
|
259 |
- text-shadow: #cbcccc 0 1px 0; |
|
260 |
- padding-left: 3em; |
|
261 |
-} |
262 | 1 |
deleted file mode 100644 |
... | ... |
@@ -1,102 +0,0 @@ |
1 |
-.side-shadow-border { |
|
2 |
- @include box-shadow(lighten($sidebar-bg, 5) 0 1px); |
|
3 |
-} |
|
4 |
-aside.sidebar { |
|
5 |
- overflow: hidden; |
|
6 |
- color: $sidebar-color; |
|
7 |
- text-shadow: lighten($sidebar-bg, 8) 0 1px; |
|
8 |
- a { @extend .force-wrap; } |
|
9 |
- section { |
|
10 |
- @extend .sans; |
|
11 |
- font-size: .8em; |
|
12 |
- line-height: 1.4em; |
|
13 |
- margin-bottom: 1.5em; |
|
14 |
- h1 { |
|
15 |
- margin: 1.5em 0 0; |
|
16 |
- padding-bottom: .2em; |
|
17 |
- border-bottom: 1px solid $sidebar-border; |
|
18 |
- @extend .side-shadow-border; |
|
19 |
- + p { |
|
20 |
- padding-top: .4em; |
|
21 |
- } |
|
22 |
- } |
|
23 |
- } |
|
24 |
- img { |
|
25 |
- @extend .flex-content; |
|
26 |
- @extend .basic-alignment; |
|
27 |
- @include shadow-box($border: #fff .3em solid); |
|
28 |
- } |
|
29 |
- ul { |
|
30 |
- margin-bottom: 0.5em; |
|
31 |
- margin-left: 0; |
|
32 |
- } |
|
33 |
- li { |
|
34 |
- list-style: none; |
|
35 |
- padding: .5em 0; |
|
36 |
- margin: 0; |
|
37 |
- border-bottom: 1px solid $sidebar-border; |
|
38 |
- @extend .side-shadow-border; |
|
39 |
- p:last-child { |
|
40 |
- margin-bottom: 0; |
|
41 |
- } |
|
42 |
- } |
|
43 |
- a { |
|
44 |
- color: inherit; |
|
45 |
- @include transition(color .5s); |
|
46 |
- } |
|
47 |
-} |
|
48 |
-.aside-alt-link { |
|
49 |
- color: $sidebar-link-color-subdued; |
|
50 |
- &:hover { |
|
51 |
- color: $sidebar-link-color-subdued-hover; |
|
52 |
- } |
|
53 |
-} |
|
54 |
- |
|
55 |
-@media only screen and (min-width: 768px) { |
|
56 |
- .toggle-sidebar { |
|
57 |
- outline: none; |
|
58 |
- position: absolute; right: -10px; top: 0; bottom: 0; |
|
59 |
- display: inline-block; |
|
60 |
- text-decoration: none; |
|
61 |
- color: mix($text-color-light, $sidebar-bg); |
|
62 |
- width: 9px; |
|
63 |
- cursor: pointer; |
|
64 |
- &:hover { |
|
65 |
- background: mix($sidebar-border, $sidebar-bg); |
|
66 |
- @include background(linear-gradient(left, rgba($sidebar-border, .5), rgba($sidebar-border, 0))); |
|
67 |
- } |
|
68 |
- &:after { |
|
69 |
- position: absolute; right: -11px; top: 0; |
|
70 |
- width: 20px; |
|
71 |
- font-size: 1.2em; |
|
72 |
- line-height: 1.1em; |
|
73 |
- padding-bottom: .15em; |
|
74 |
- @include border-bottom-right-radius(.3em); |
|
75 |
- text-align: center; |
|
76 |
- background: $main-bg $noise-bg; |
|
77 |
- border-bottom: 1px solid $sidebar-border; |
|
78 |
- border-right: 1px solid $sidebar-border; |
|
79 |
- content: "\00BB"; |
|
80 |
- text-indent: -1px; |
|
81 |
- } |
|
82 |
- .collapse-sidebar & { |
|
83 |
- text-indent: 0px; |
|
84 |
- right: -20px; |
|
85 |
- width: 19px; |
|
86 |
- &:hover { |
|
87 |
- background: mix($sidebar-border, $sidebar-bg); |
|
88 |
- } |
|
89 |
- &:after { |
|
90 |
- border-left: 1px solid $sidebar-border; |
|
91 |
- text-shadow: #fff 0 1px; |
|
92 |
- content: "\00AB"; |
|
93 |
- left: 0px; right: 0; |
|
94 |
- text-align: center; |
|
95 |
- text-indent: 0; |
|
96 |
- border: 0; |
|
97 |
- border-right-width: 0; |
|
98 |
- background: none; |
|
99 |
- } |
|
100 |
- } |
|
101 |
- } |
|
102 |
-} |
5 | 1 |
deleted file mode 100644 |
... | ... |
@@ -1,26 +0,0 @@ |
1 |
-.googleplus { |
|
2 |
- h1 { |
|
3 |
- -moz-box-shadow: none !important; |
|
4 |
- -webkit-box-shadow: none !important; |
|
5 |
- -o-box-shadow: none !important; |
|
6 |
- box-shadow: none !important; |
|
7 |
- border-bottom: 0px none !important; |
|
8 |
- } |
|
9 |
- a { |
|
10 |
- text-decoration: none; |
|
11 |
- white-space: normal !important; |
|
12 |
- line-height: 32px; |
|
13 |
- |
|
14 |
- img { |
|
15 |
- float: left; |
|
16 |
- margin-right: 0.5em; |
|
17 |
- border: 0 none; |
|
18 |
- } |
|
19 |
- } |
|
20 |
-} |
|
21 |
- |
|
22 |
-.googleplus-hidden { |
|
23 |
- position: absolute; |
|
24 |
- top: -1000em; |
|
25 |
- left: -1000em; |
|
26 |
-} |
27 | 1 |
deleted file mode 100644 |
... | ... |
@@ -1,12 +0,0 @@ |
1 |
-#pinboard_linkroll { |
|
2 |
- .pin-title, .pin-description { |
|
3 |
- display: block; |
|
4 |
- margin-bottom: .5em; |
|
5 |
- } |
|
6 |
- .pin-tag { |
|
7 |
- @include hover-link; |
|
8 |
- @extend .aside-alt-link; |
|
9 |
- &:after { content: ','; } |
|
10 |
- &:last-child:after { content: ''; } |
|
11 |
- } |
|
12 |
-} |
13 | 1 |
deleted file mode 100644 |
... | ... |
@@ -1,34 +0,0 @@ |
1 |
-#tweets { |
|
2 |
- .loading { |
|
3 |
- background: inline-image('bird_32_gray.png') no-repeat center .5em; |
|
4 |
- color: darken($sidebar-bg, 18); |
|
5 |
- text-shadow: $main-bg 0 1px; |
|
6 |
- text-align: center; |
|
7 |
- padding: 2.5em 0 .5em; |
|
8 |
- &.error { |
|
9 |
- background: inline-image('bird_32_gray_fail.png') no-repeat center .5em; |
|
10 |
- } |
|
11 |
- } |
|
12 |
- p { |
|
13 |
- position: relative; |
|
14 |
- padding-right: 1em; |
|
15 |
- } |
|
16 |
- a[href*=status]:first-child { |
|
17 |
- color: $twitter-status-link; |
|
18 |
- float: right; |
|
19 |
- padding: 0 0 .1em 1em; |
|
20 |
- position: relative; right: -1.3em; |
|
21 |
- text-shadow: #fff 0 1px; |
|
22 |
- font-size: .7em; |
|
23 |
- span { font-size: 1.5em; } |
|
24 |
- text-decoration: none; |
|
25 |
- &:hover { |
|
26 |
- color: $sidebar-link-color-subdued-hover; |
|
27 |
- text-decoration: none; |
|
28 |
- } |
|
29 |
- } |
|
30 |
- a[href*='twitter.com/search']{ |
|
31 |
- @extend .aside-alt-link; |
|
32 |
- @include hover-link; |
|
33 |
- } |
|
34 |
-} |
35 | 1 |
deleted file mode 100644 |
... | ... |
@@ -1,73 +0,0 @@ |
1 |
-.archives{ |
|
2 |
- position: relative; |
|
3 |
- &:last-of-type{ |
|
4 |
- &:before{ |
|
5 |
- content: ""; |
|
6 |
- position: absolute; |
|
7 |
- bottom: 0; |
|
8 |
- width: 200px; |
|
9 |
- border-top: 1px solid $color-gray04; |
|
10 |
- } |
|
11 |
- } |
|
12 |
- .year{ |
|
13 |
- line-height: 35px; |
|
14 |
- width: 200px; |
|
15 |
- position: absolute; |
|
16 |
- top: 0; |
|
17 |
- padding-top: 15px; |
|
18 |
- border-top: 1px solid #fff; |
|
19 |
- &:before{ |
|
20 |
- content: ""; |
|
21 |
- position: absolute; |
|
22 |
- top: -2px; |
|
23 |
- width: 100%; |
|
24 |
- border-top: 1px solid $color-gray04; |
|
25 |
- } |
|
26 |
- @media screen and (max-width: 600px){ |
|
27 |
- position: relative; |
|
28 |
- width: 100%; |
|
29 |
- } |
|
30 |
- } |
|
31 |
- article{ |
|
32 |
- margin-left: 200px; |
|
33 |
- padding: 15px 0; |
|
34 |
- @media screen and (max-width: 600px){ |
|
35 |
- margin-left: 0; |
|
36 |
- &:first-of-type{ |
|
37 |
- border-top: none; |
|
38 |
- padding-top: 30px; |
|
39 |
- } |
|
40 |
- } |
|
41 |
- .title{ |
|
42 |
- margin-bottom: 0; |
|
43 |
- } |
|
44 |
- .meta{ |
|
45 |
- color: $color-gray02; |
|
46 |
- font-size: 0.9em; |
|
47 |
- line-height: 2; |
|
48 |
- margin-top: 15px; |
|
49 |
- @media screen and (max-width: 600px){ |
|
50 |
- display: none; |
|
51 |
- } |
|
52 |
- span{ |
|
53 |
- margin-right: 30px; |
|
54 |
- @include inline-block; |
|
55 |
- &:before{ |
|
56 |
- color: $color-gray03; |
|
57 |
- font: 1.3em $font-icon; |
|
58 |
- padding-right: 10px; |
|
59 |
- } |
|
60 |
- } |
|
61 |
- a{ |
|
62 |
- color: $color-gray02; |
|
63 |
- @include transition(0.3s); |
|
64 |
- &:hover{ |
|
65 |
- color: $color-gray01; |
|
66 |
- } |
|
67 |
- } |
|
68 |
- .date:before{content: "\f073";} |
|
69 |
- .tags:before{content: "\f02c";} |
|
70 |
- .comments:before{content: "\f075";} |
|
71 |
- } |
|
72 |
- } |
|
73 |
-} |
|
74 | 1 |
\ No newline at end of file |
75 | 2 |
deleted file mode 100644 |
... | ... |
@@ -1,141 +0,0 @@ |
1 |
-article{ |
|
2 |
- border-bottom: 1px solid $color-gray04; |
|
3 |
- border-top: 1px solid $color-gray05; |
|
4 |
- padding: 30px 0; |
|
5 |
- position: relative; |
|
6 |
- @media screen and (max-width: 800px){ |
|
7 |
- padding-bottom: 15px; |
|
8 |
- } |
|
9 |
- @media screen and (max-width: 600px){ |
|
10 |
- padding: 15px 0; |
|
11 |
- } |
|
12 |
- h2.title{ |
|
13 |
- font-size: 1.8em; |
|
14 |
- font-weight: 300; |
|
15 |
- line-height: 35px; |
|
16 |
- margin-bottom: 20px; |
|
17 |
- a{ |
|
18 |
- color: $color-gray01; |
|
19 |
- } |
|
20 |
- } |
|
21 |
- .entry-content{ |
|
22 |
- line-height: 2; |
|
23 |
- text-align: justify; |
|
24 |
- a{ |
|
25 |
- &:hover{ |
|
26 |
- text-decoration: underline; |
|
27 |
- } |
|
28 |
- } |
|
29 |
- .more-link{ |
|
30 |
- display: block; |
|
31 |
- margin-top: 16px; |
|
32 |
- padding-left: 30px; |
|
33 |
- position: relative; |
|
34 |
- &:before{ |
|
35 |
- content: "\f061"; |
|
36 |
- font: 1.3em $font-icon; |
|
37 |
- line-height: 1.6em; |
|
38 |
- position: absolute; |
|
39 |
- left: 0; |
|
40 |
- } |
|
41 |
- } |
|
42 |
- p, blockquote, ul, ol, dl, table, iframe, h1, h2, h3, h4, h5, h6, .video-container{ |
|
43 |
- margin-top: 10px; |
|
44 |
- } |
|
45 |
- ul, ol, dl{ |
|
46 |
- margin-left: 20px; |
|
47 |
- ul, ol, dl{ |
|
48 |
- margin-top: 0; |
|
49 |
- } |
|
50 |
- } |
|
51 |
- strong{ |
|
52 |
- font-weight: bold; |
|
53 |
- } |
|
54 |
- em{ |
|
55 |
- font-style: italic; |
|
56 |
- } |
|
57 |
- p{ |
|
58 |
- margin-top: 10px; |
|
59 |
- } |
|
60 |
- h2{ |
|
61 |
- font-weight: 300; |
|
62 |
- border-bottom: 1px solid $color-gray04; |
|
63 |
- position: relative; |
|
64 |
- &:before{ |
|
65 |
- content: ""; |
|
66 |
- position: absolute; |
|
67 |
- bottom: -2px; |
|
68 |
- border-bottom: 1px solid $color-gray05; |
|
69 |
- width: 100%; |
|
70 |
- } |
|
71 |
- } |
|
72 |
- img, video{ |
|
73 |
- max-width: 100%; |
|
74 |
- height: auto; |
|
75 |
- } |
|
76 |
- blockquote{ |
|
77 |
- background: $color-gray04; |
|
78 |
- border-left: 5px solid $color-gray03; |
|
79 |
- padding: 15px 20px; |
|
80 |
- margin-top: 10px; |
|
81 |
- & > p:first-of-type{ |
|
82 |
- margin-top: 0; |
|
83 |
- } |
|
84 |
- } |
|
85 |
- iframe{ |
|
86 |
- border: none; |
|
87 |
- } |
|
88 |
- table{ |
|
89 |
- background: $color-gray04; |
|
90 |
- border: 1px solid $color-gray03; |
|
91 |
- border-spacing: 0; |
|
92 |
- margin-top: 10px; |
|
93 |
- th{ |
|
94 |
- background: $color-gray03; |
|
95 |
- padding: 0 15px; |
|
96 |
- } |
|
97 |
- td{ |
|
98 |
- text-align: center; |
|
99 |
- } |
|
100 |
- tr{ |
|
101 |
- &:nth-of-type(2n){ |
|
102 |
- background: #d5d5d5; |
|
103 |
- } |
|
104 |
- } |
|
105 |
- } |
|
106 |
- .caption{ |
|
107 |
- display: block; |
|
108 |
- font-size: 0.9em; |
|
109 |
- color: $color-gray02; |
|
110 |
- padding-left: 25px; |
|
111 |
- position: relative; |
|
112 |
- &:before{ |
|
113 |
- content: "\f040"; |
|
114 |
- color: $color-gray03; |
|
115 |
- font: 1.3em $font-icon; |
|
116 |
- line-height: 1.6em; |
|
117 |
- position: absolute; |
|
118 |
- left: 0; |
|
119 |
- } |
|
120 |
- } |
|
121 |
- .video-container{ |
|
122 |
- position: relative; |
|
123 |
- padding-bottom: 56.25%; |
|
124 |
- padding-top: 30px; |
|
125 |
- height: 0; |
|
126 |
- overflow: hidden; |
|
127 |
- iframe, object, embed{ |
|
128 |
- position: absolute; |
|
129 |
- top: 0; |
|
130 |
- left: 0; |
|
131 |
- width: 100%; |
|
132 |
- height: 100%; |
|
133 |
- margin-top: 0; |
|
134 |
- } |
|
135 |
- } |
|
136 |
- } |
|
137 |
-} |
|
138 |
-.share{ |
|
139 |
- padding: 15px 0; |
|
140 |
- @include border-shadow(); |
|
141 |
-} |
|
142 | 1 |
\ No newline at end of file |
8 | 2 |
deleted file mode 100644 |
... | ... |
@@ -1,395 +0,0 @@ |
1 |
-$header-height: 30px; |
|
2 |
- |
|
3 |
-#header{ |
|
4 |
- height: $header-height; |
|
5 |
- padding: 30px 0; |
|
6 |
- border-bottom: 1px solid $color-gray04; |
|
7 |
- line-height: $header-height; |
|
8 |
- @media screen and (max-width: 1040px){ |
|
9 |
- height: auto; |
|
10 |
- position: relative; |
|
11 |
- padding-bottom: 10px; |
|
12 |
- } |
|
13 |
- a{ |
|
14 |
- color: $color-gray01; |
|
15 |
- @include transition(color 0.3s); |
|
16 |
- &:hover{ |
|
17 |
- color: $color-main; |
|
18 |
- } |
|
19 |
- } |
|
20 |
- h1{ |
|
21 |
- float: left; |
|
22 |
- font-weight: 300; |
|
23 |
- font-size: 30px; |
|
24 |
- @media screen and (max-width: 1040px){ |
|
25 |
- float: none; |
|
26 |
- } |
|
27 |
- } |
|
28 |
-} |
|
29 |
-#main-nav{ |
|
30 |
- float: left; |
|
31 |
- margin-left: 30px; |
|
32 |
- @media screen and (max-width: 1040px){ |
|
33 |
- float: none; |
|
34 |
- margin-left: 0; |
|
35 |
- margin-top: 15px; |
|
36 |
- } |
|
37 |
- >ul{ |
|
38 |
- @media screen and (max-width: 600px){ |
|
39 |
- display: none; |
|
40 |
- } |
|
41 |
- >li{ |
|
42 |
- margin-left: 50px; |
|
43 |
- @include inline-block; |
|
44 |
- @media screen and (max-width: 1040px){ |
|
45 |
- margin-left: 0; |
|
46 |
- margin-right: 50px; |
|
47 |
- &:last-of-type{ |
|
48 |
- margin-right: 0; |
|
49 |
- } |
|
50 |
- } |
|
51 |
- &:hover{ |
|
52 |
- >a{ |
|
53 |
- color: $color-main; |
|
54 |
- } |
|
55 |
- } |
|
56 |
- >a{ |
|
57 |
- padding: 38px 0; |
|
58 |
- margin-top: -38px; |
|
59 |
- &:after{ |
|
60 |
- content: "\f078"; |
|
61 |
- color: $color-gray03; |
|
62 |
- font: 12px $font-icon; |
|
63 |
- padding-left: 10px; |
|
64 |
- } |
|
65 |
- &:only-child{ |
|
66 |
- &:after{ |
|
67 |
- content: ""; |
|
68 |
- } |
|
69 |
- } |
|
70 |
- @media screen and (max-width: 1040px){ |
|
71 |
- padding: 18px 0; |
|
72 |
- } |
|
73 |
- } |
|
74 |
- } |
|
75 |
- ul{ |
|
76 |
- position: absolute; |
|
77 |
- top: 60px; |
|
78 |
- left: -15px; |
|
79 |
- z-index: 10; |
|
80 |
- white-space: nowrap; |
|
81 |
- background: $color-gray04; |
|
82 |
- border: 1px solid $color-gray03; |
|
83 |
- list-style: none; |
|
84 |
- display: none; |
|
85 |
- @media screen and (max-width: 1040px){ |
|
86 |
- top: 40px; |
|
87 |
- } |
|
88 |
- @include box-shadow(0 4px 8px rgba(0,0,0,0.1)); |
|
89 |
- @include border-radius(0 0 5px 5px); |
|
90 |
- ul{ |
|
91 |
- @include border-radius(0 5px 5px 5px); |
|
92 |
- } |
|
93 |
- li{ |
|
94 |
- @include border-shadow($color-background, $color-gray03); |
|
95 |
- &:hover{ |
|
96 |
- background: #d5d5d5; |
|
97 |
- } |
|
98 |
- &:first-of-type{ |
|
99 |
- border-top: none; |
|
100 |
- ul{ |
|
101 |
- @include border-radius(0 0 5px 5px); |
|
102 |
- } |
|
103 |
- } |
|
104 |
- &:last-of-type{ |
|
105 |
- border-bottom: none; |
|
106 |
- } |
|
107 |
- >a{ |
|
108 |
- display: block; |
|
109 |
- padding: 5px 15px; |
|
110 |
- &:after{ |
|
111 |
- content: "\f054"; |
|
112 |
- color: $color-gray02; |
|
113 |
- font: 12px $font-icon; |
|
114 |
- padding-left: 10px; |
|
115 |
- } |
|
116 |
- &:hover{ |
|
117 |
- color: $color-gray01; |
|
118 |
- } |
|
119 |
- &:only-child{ |
|
120 |
- &:after{ |
|
121 |
- content: ""; |
|
122 |
- } |
|
123 |
- } |
|
124 |
- } |
|
125 |
- } |
|
126 |
- ul{ |
|
127 |
- top: 0; |
|
128 |
- left: 100%; |
|
129 |
- } |
|
130 |
- } |
|
131 |
- li{ |
|
132 |
- position: relative; |
|
133 |
- &:hover{ |
|
134 |
- >ul{ |
|
135 |
- display: block; |
|
136 |
- } |
|
137 |
- } |
|
138 |
- } |
|
139 |
- } |
|
140 |
- select{ |
|
141 |
- display: none; |
|
142 |
- margin-bottom: 10px; |
|
143 |
- @media screen and (max-width: 600px){ |
|
144 |
- display: block; |
|
145 |
- } |
|
146 |
- } |
|
147 |
-} |
|
148 |
-#mobile-nav{ |
|
149 |
- display: none; |
|
150 |
- height: 37px; |
|
151 |
- position: relative; |
|
152 |
- @media screen and (max-width: 600px){ |
|
153 |
- display: block; |
|
154 |
- } |
|
155 |
- a{ |
|
156 |
- display: block; |
|
157 |
- } |
|
158 |
- .button{ |
|
159 |
- cursor: pointer; |
|
160 |
- } |
|
161 |
- .container{ |
|
162 |
- display: none; |
|
163 |
- } |
|
164 |
- .menu{ |
|
165 |
- position: relative; |
|
166 |
- width: 100%; |
|
167 |
- .button{ |
|
168 |
- background: #f2f2f2; |
|
169 |
- border: 1px solid $color-gray04; |
|
170 |
- color: #999; |
|
171 |
- padding: 0 60px 0 10px; |
|
172 |
- position: relative; |
|
173 |
- @include border-radius(5px); |
|
174 |
- &:hover{ |
|
175 |
- color: #999; |
|
176 |
- } |
|
177 |
- &.on{ |
|
178 |
- color: #666; |
|
179 |
- @include border-radius(5px 5px 5px 0); |
|
180 |
- &:before{ |
|
181 |
- content: "\f077"; |
|
182 |
- } |
|
183 |
- } |
|
184 |
- &:before{ |
|
185 |
- content: "\f078"; |
|
186 |
- color: $color-gray04; |
|
187 |
- font: 16px $font-icon; |
|
188 |
- line-height: 30px; |
|
189 |
- position: absolute; |
|
190 |
- top: 0; |
|
191 |
- right: 40px; |
|
192 |
- } |
|
193 |
- } |
|
194 |
- .container{ |
|
195 |
- background: #f2f2f2; |
|
196 |
- border: 1px solid #ddd; |
|
197 |
- border-top: none; |
|
198 |
- position: absolute; |
|
199 |
- top: 31px; |
|
200 |
- z-index: 1; |
|
201 |
- @include border-radius(0 0 5px 5px); |
|
202 |
- ul{ |
|
203 |
- list-style: none; |
|
204 |
- ul{ |
|
205 |
- margin-left: 20px; |
|
206 |
- } |
|
207 |
- } |
|
208 |
- a{ |
|
209 |
- padding: 0 10px; |
|
210 |
- } |
|
211 |
- } |
|
212 |
- } |
|
213 |
- .search{ |
|
214 |
- position: absolute; |
|
215 |
- top: 0; |
|
216 |
- right: 0; |
|
217 |
- .button{ |
|
218 |
- background: $color-gray04; |
|
219 |
- width: 30px; |
|
220 |
- height: 30px; |
|
221 |
- position: absolute; |
|
222 |
- top: 1px; |
|
223 |
- right: -1px; |
|
224 |
- @include border-radius(0 5px 5px 0); |
|
225 |
- &:before{ |
|
226 |
- content: "\f002"; |
|
227 |
- color: #f2f2f2; |
|
228 |
- font: 20px $font-icon; |
|
229 |
- line-height: 30px; |
|
230 |
- position: absolute; |
|
231 |
- top: 0; |
|
232 |
- left: 7px; |
|
233 |
- } |
|
234 |
- &.on{ |
|
235 |
- background: $color-gray03; |
|
236 |
- &:before{ |
|
237 |
- content: "\f00d"; |
|
238 |
- } |
|
239 |
- } |
|
240 |
- } |
|
241 |
- .container{ |
|
242 |
- position: absolute; |
|
243 |
- right: 51px; |
|
244 |
- z-index: 1; |
|
245 |
- } |
|
246 |
- input[type="text"]{ |
|
247 |
- background: #fff; |
|
248 |
- border: 1px solid $color-gray04; |
|
249 |
- border-right: none; |
|
250 |
- color: $color-gray02; |
|
251 |
- font: 13px $font-default; |
|
252 |
- height: 30px; |
|
253 |
- width: 100%; |
|
254 |
- padding: 0 10px; |
|
255 |
- @include border-radius(5px 0 0 5px); |
|
256 |
- } |
|
257 |
- } |
|
258 |
-} |
|
259 |
-#sub-nav{ |
|
260 |
- @media screen and (max-width: 1040px){ |
|
261 |
- position: absolute; |
|
262 |
- top: 30px; |
|
263 |
- right: 0; |
|
264 |
- } |
|
265 |
- @media screen and (max-width: 600px){ |
|
266 |
- display: none; |
|
267 |
- } |
|
268 |
- .search{ |
|
269 |
- float: left; |
|
270 |
- margin-top: 1px; |
|
271 |
- position: relative; |
|
272 |
- @media screen and (max-width: 1040px){ |
|
273 |
- float: none; |
|
274 |
- margin-top: 15px; |
|
275 |
- } |
|
276 |
- &:before{ |
|
277 |
- content: "\f002"; |
|
278 |
- color: $color-gray03; |
|
279 |
- font: 18px $font-icon; |
|
280 |
- line-height: 30px; |
|
281 |
- position: absolute; |
|
282 |
- top: 0; |
|
283 |
- right: 125px; |
|
284 |
- } |
|
285 |
- input[type="text"]{ |
|
286 |
- background: #f2f2f2; |
|
287 |
- color: $color-gray02; |
|
288 |
- border: 1px solid $color-gray04; |
|
289 |
- font: 13px $font-default; |
|
290 |
- padding: 6px 15px 6px 35px; |
|
291 |
- width: 100px; |
|
292 |
- @include transition(0.3s); |
|
293 |
- @include border-radius(15px); |
|
294 |
- &:focus, &:active{ |
|
295 |
- background: #fff; |
|
296 |
- border-top: 1px solid $color-gray03; |
|
297 |
- color: $color-gray01; |
|
298 |
- outline: none; |
|
299 |
- } |
|
300 |
- } |
|
301 |
- } |
|
302 |
- .social{ |
|
303 |
- float: left; |
|
304 |
- margin-right: 15px; |
|
305 |
- @media screen and (max-width: 1040px){ |
|
306 |
- float: none; |
|
307 |
- margin-right: 0; |
|
308 |
- a:last-of-type{ |
|
309 |
- margin-right: 0; |
|
310 |
- } |
|
311 |
- } |
|
312 |
- a{ |
|
313 |
- @include border-radius(50%); |
|
314 |
- @include inline-block; |
|
315 |
- text-indent: -9999px; |
|
316 |
- margin-right: 15px; |
|
317 |
- opacity: 0.5; |
|
318 |
- @include square(28px); |
|
319 |
- @include transition(0.3s); |
|
320 |
- &:hover{ |
|
321 |
- opacity: 1; |
|
322 |
- } |
|
323 |
- &.facebook{ |
|
324 |
- background: image-url('social/facebook.png') center no-repeat #3B5998; |
|
325 |
- border: 1px solid #3B5998; |
|
326 |
- &:hover{ |
|
327 |
- border: 1px solid darken(#3B5998, 10%); |
|
328 |
- } |
|
329 |
- } |
|
330 |
- &.google{ |
|
331 |
- background: image-url('social/google.png') center no-repeat #C83D20; |
|
332 |
- border: 1px solid #C83D20; |
|
333 |
- &:hover{ |
|
334 |
- border: 1px solid darken(#C83D20, 10%); |
|
335 |
- } |
|
336 |
- } |
|
337 |
- &.twitter{ |
|
338 |
- background: image-url('social/twitter.png') center no-repeat #55CFF8; |
|
339 |
- border: 1px solid #55CFF8; |
|
340 |
- &:hover{ |
|
341 |
- border: 1px solid darken(#55CFF8, 10%); |
|
342 |
- } |
|
343 |
- } |
|
344 |
- &.github{ |
|
345 |
- background: image-url('social/github.png') center no-repeat rgb(175,182,202); |
|
346 |
- border: 1px solid rgb(175,182,202); |
|
347 |
- &:hover{ |
|
348 |
- border: 1px solid darken(rgb(175,182,202), 10%); |
|
349 |
- } |
|
350 |
- } |
|
351 |
- &.coderwall{ |
|
352 |
- background: image-url('social/coderwall.png') center no-repeat rgb(58,114,159); |
|
353 |
- border: 1px solid rgb(58,114,159); |
|
354 |
- &:hover{ |
|
355 |
- border: 1px solid darken(rgb(58,114,159), 10%); |
|
356 |
- } |
|
357 |
- } |
|
358 |
- &.pinboard{ |
|
359 |
- background: image-url('social/pinboard.png') center no-repeat rgb(0,102,200); |
|
360 |
- border: 1px solid rgb(58,114,159); |
|
361 |
- &:hover{ |
|
362 |
- border: 1px solid darken(rgb(0,102,255), 10%); |
|
363 |
- } |
|
364 |
- } |
|
365 |
- &.linkedin{ |
|
366 |
- background: image-url('social/linkedin.png') center no-repeat #005A87; |
|
367 |
- border: 1px solid #005A87; |
|
368 |
- &:hover{ |
|
369 |
- border: 1px solid darken(#005A87, 10%); |
|
370 |
- } |
|
371 |
- } |
|
372 |
- &.pinterest{ |
|
373 |
- background: image-url('social/pinterest.png') center no-repeat rgb(190,64,55); |
|
374 |
- border: 1px solid rgb(190,64,55); |
|
375 |
- &:hover{ |
|
376 |
- border: 1px solid darken(rgb(190,64,55), 10%); |
|
377 |
- } |
|
378 |
- } |
|
379 |
- &.delicious{ |
|
380 |
- background: image-url('social/delicious.png') center no-repeat rgb(50,113,203); |
|
381 |
- border: 1px solid rgb(50,113,203); |
|
382 |
- &:hover{ |
|
383 |
- border: 1px solid darken(rgb(50,113,203), 10%); |
|
384 |
- } |
|
385 |
- } |
|
386 |
- &.rss{ |
|
387 |
- background: image-url('social/rss.png') center no-repeat #EF7522; |
|
388 |
- border: 1px solid #EF7522; |
|
389 |
- &:hover{ |
|
390 |
- border: 1px solid darken(#EF7522, 10%); |
|
391 |
- } |
|
392 |
- } |
|
393 |
- } |
|
394 |
- } |
|
395 |
-} |
396 | 1 |
deleted file mode 100644 |
... | ... |
@@ -1,43 +0,0 @@ |
1 |
-#pagenavi{ |
|
2 |
- padding: 20px 0; |
|
3 |
- height: 20px; |
|
4 |
- line-height: 20px; |
|
5 |
- position: relative; |
|
6 |
- @include border-shadow(); |
|
7 |
- a{ |
|
8 |
- &:hover{ |
|
9 |
- text-decoration: underline; |
|
10 |
- } |
|
11 |
- } |
|
12 |
- .prev, .next{ |
|
13 |
- position: absolute; |
|
14 |
- } |
|
15 |
- .prev{ |
|
16 |
- padding-left: 30px; |
|
17 |
- left: 0; |
|
18 |
- &:before{ |
|
19 |
- content: "\f060"; |
|
20 |
- font: 1.3em $font-icon; |
|
21 |
- position: absolute; |
|
22 |
- left: 0; |
|
23 |
- } |
|
24 |
- } |
|
25 |
- .next{ |
|
26 |
- padding-right: 30px; |
|
27 |
- right: 0; |
|
28 |
- &:before{ |
|
29 |
- content: "\f061"; |
|
30 |
- font: 1.3em $font-icon; |
|
31 |
- position: absolute; |
|
32 |
- right: 0; |
|
33 |
- } |
|
34 |
- } |
|
35 |
- .center{ |
|
36 |
- text-align: center; |
|
37 |
- width: 100%; |
|
38 |
- display: block; |
|
39 |
- @media screen and (max-width: 400px){ |
|
40 |
- display: none; |
|
41 |
- } |
|
42 |
- } |
|
43 |
-} |
|
44 | 1 |
\ No newline at end of file |
45 | 2 |
deleted file mode 100644 |
... | ... |
@@ -1,43 +0,0 @@ |
1 |
-.post{ |
|
2 |
- h2.title, .entry-content{ |
|
3 |
- margin-left: 200px; |
|
4 |
- @media screen and (max-width: 800px){ |
|
5 |
- margin-left: 0; |
|
6 |
- } |
|
7 |
- } |
|
8 |
- .meta{ |
|
9 |
- position: absolute; |
|
10 |
- top: 85px; |
|
11 |
- line-height: 2; |
|
12 |
- font-size: 0.9em; |
|
13 |
- color: $color-gray02; |
|
14 |
- width: 170px; |
|
15 |
- @media screen and (max-width: 800px){ |
|
16 |
- margin-top: 15px; |
|
17 |
- position: static; |
|
18 |
- width: auto; |
|
19 |
- } |
|
20 |
- a{ |
|
21 |
- @include link-colors($color-gray02, $color-gray01); |
|
22 |
- @include transition(0.3s); |
|
23 |
- } |
|
24 |
- .date, .tags, .comments{ |
|
25 |
- padding-left: 30px; |
|
26 |
- position: relative; |
|
27 |
- &:before{ |
|
28 |
- color: $color-gray03; |
|
29 |
- font: 1.3em $font-icon; |
|
30 |
- line-height: 1.6em; |
|
31 |
- position: absolute; |
|
32 |
- left: 0; |
|
33 |
- } |
|
34 |
- @media screen and (max-width: 800px){ |
|
35 |
- @include inline-block; |
|
36 |
- margin-right: 30px; |
|
37 |
- } |
|
38 |
- } |
|
39 |
- .date:before{content: "\f073";} |
|
40 |
- .tags:before{content: "\f02c";} |
|
41 |
- .comments:before{content: "\f075";} |
|
42 |
- } |
|
43 |
-} |
|
44 | 1 |
\ No newline at end of file |
45 | 2 |
deleted file mode 100644 |
... | ... |
@@ -1,387 +0,0 @@ |
1 |
-$base03: #002b36 !default; //darkest blue |
|
2 |
-$base02: #073642 !default; //dark blue |
|
3 |
-$base01: #586e75 !default; //darkest gray |
|
4 |
-$base00: #657b83 !default; //dark gray |
|
5 |
-$base0: #839496 !default; //medium gray |
|
6 |
-$base1: #93a1a1 !default; //medium light gray |
|
7 |
-$base2: #eee8d5 !default; //cream |
|
8 |
-$base3: #fdf6e3 !default; //white |
|
9 |
-$solar-yellow: #b58900 !default; |
|
10 |
-$solar-orange: #cb4b16 !default; |
|
11 |
-$solar-red: #dc322f !default; |
|
12 |
-$solar-magenta: #d33682 !default; |
|
13 |
-$solar-violet: #6c71c4 !default; |
|
14 |
-$solar-blue: #268bd2 !default; |
|
15 |
-$solar-cyan: #2aa198 !default; |
|
16 |
-$solar-green: #859900 !default; |
|
17 |
- |
|
18 |
-$solarized: light !default; |
|
19 |
- |
|
20 |
-@if $solarized == light { |
|
21 |
- |
|
22 |
- $_base03: $base03; |
|
23 |
- $_base02: $base02; |
|
24 |
- $_base01: $base01; |
|
25 |
- $_base00: $base00; |
|
26 |
- $_base0: $base0; |
|
27 |
- $_base1: $base1; |
|
28 |
- $_base2: $base2; |
|
29 |
- $_base3: $base3; |
|
30 |
- |
|
31 |
- $base03: $_base3; |
|
32 |
- $base02: $_base2; |
|
33 |
- $base01: $_base1; |
|
34 |
- $base00: $_base0; |
|
35 |
- $base0: $_base00; |
|
36 |
- $base1: $_base01; |
|
37 |
- $base2: $_base02; |
|
38 |
- $base3: $_base03; |
|
39 |
-} |
|
40 |
- |
|
41 |
-$pre-bg: $color-gray04; |
|
42 |
-$pre-border: $color-gray03; |
|
43 |
- |
|
44 |
-article{ |
|
45 |
- code, pre{ |
|
46 |
- background: $pre-bg; |
|
47 |
- border: 1px solid $pre-border; |
|
48 |
- font-family: $font-mono; |
|
49 |
- } |
|
50 |
- code{ |
|
51 |
- font-size: 0.9em; |
|
52 |
- padding: 1px 3px; |
|
53 |
- margin: 0 3px; |
|
54 |
- @include border-radius(5px); |
|
55 |
- } |
|
56 |
- pre{ |
|
57 |
- font-size: 1 / 0.9em; |
|
58 |
- line-height: 1.5; |
|
59 |
- margin-top: 10px; |
|
60 |
- padding: 5px 15px; |
|
61 |
- overflow-x: auto; |
|
62 |
- @include border-radius(5px); |
|
63 |
- code{ |
|
64 |
- background: none; |
|
65 |
- border: none; |
|
66 |
- padding: 0; |
|
67 |
- margin: 0; |
|
68 |
- @include border-radius(0); |
|
69 |
- } |
|
70 |
- } |
|
71 |
-} |
|
72 |
- |
|
73 |
-figure.code{ |
|
74 |
- background: $pre-bg; |
|
75 |
- border: 1px solid $pre-border; |
|
76 |
- margin-top: 10px; |
|
77 |
- padding: 5px 15px; |
|
78 |
- @include border-radius(5px); |
|
79 |
- figcaption{ |
|
80 |
- font-size: 0.9em; |
|
81 |
- position: relative; |
|
82 |
- span{ |
|
83 |
- margin: -5px -15px 0; |
|
84 |
- padding: 5px 15px; |
|
85 |
- display: block; |
|
86 |
- @include background(linear-gradient(top, $pre-border, $pre-bg)); |
|
87 |
- &:empty{ |
|
88 |
- display: none; |
|
89 |
- } |
|
90 |
- } |
|
91 |
- a{ |
|
92 |
- position: absolute; |
|
93 |
- top: 5px; |
|
94 |
- right: 0; |
|
95 |
- } |
|
96 |
- } |
|
97 |
- code, pre{ |
|
98 |
- background: none; |
|
99 |
- border: none; |
|
100 |
- padding: 0; |
|
101 |
- margin: 0; |
|
102 |
- @include border-radius(0); |
|
103 |
- } |
|
104 |
- .highlight{ |
|
105 |
- overflow-x: auto; |
|
106 |
- } |
|
107 |
- .line-numbers{ |
|
108 |
- border-right: 1px solid $pre-border; |
|
109 |
- font-family: $font-mono; |
|
110 |
- padding-right: 15px; |
|
111 |
- text-align: right; |
|
112 |
- } |
|
113 |
- table{ |
|
114 |
- border: none; |
|
115 |
- text-align: left; |
|
116 |
- margin-top: 0; |
|
117 |
- td{ |
|
118 |
- text-align: left; |
|
119 |
- } |
|
120 |
- } |
|
121 |
- td.code{ |
|
122 |
- width: 100%; |
|
123 |
- padding-left: 15px; |
|
124 |
- overflow-x: auto; |
|
125 |
- } |
|
126 |
-} |
|
127 |
-.entry-content .gist{ |
|
128 |
- background: $pre-bg; |
|
129 |
- color: $color-gray01; |
|
130 |
- padding: 30px 15px 5px; |
|
131 |
- margin-top: 10px; |
|
132 |
- border: 1px solid $pre-border; |
|
133 |
- position: relative; |
|
134 |
- overflow: hidden; |
|
135 |
- @include border-radius(5px); |
|
136 |
- .gist-file{ |
|
137 |
- margin: 0; |
|
138 |
- .gist-data{ |
|
139 |
- background: none; |
|
140 |
- border: none; |
|
141 |
- pre{ |
|
142 |
- font: 0.9em $font-mono; |
|
143 |
- line-height: 1.5; |
|
144 |
- } |
|
145 |
- } |
|
146 |
- .gist-meta{ |
|
147 |
- font: 300 0.9em $font-default; |
|
148 |
- line-height: 1.5; |
|
149 |
- margin: 0 -16px -6px; |
|
150 |
- padding: 5px 15px; |
|
151 |
- @include background(linear-gradient(top, $pre-bg, $pre-border)); |
|
152 |
- a{ |
|
153 |
- color: $color-main; |
|
154 |
- &:first-of-type{ |
|
155 |
- position: absolute; |
|
156 |
- top: 5px; |
|
157 |
- right: 15px; |
|
158 |
- z-index: 1; |
|
159 |
- } |
|
160 |
- &:nth-of-type(2){ |
|
161 |
- position: absolute; |
|
162 |
- top: 0; |
|
163 |
- left: 0; |
|
164 |
- padding: 5px 15px; |
|
165 |
- width: 100%; |
|
166 |
- @include background(linear-gradient(top, $pre-border, $pre-bg)); |
|
167 |
- } |
|
168 |
- } |
|
169 |
- } |
|
170 |
- } |
|
171 |
-} |
|
172 |
-figure.code, .gist-highlight{ |
|
173 |
- .c { |
|
174 |
- color:$base01 !important; |
|
175 |
- font-style: italic !important; |
|
176 |
- } |
|
177 |
- /* Comment */ |
|
178 |
- .cm { |
|
179 |
- color:$base01 !important; |
|
180 |
- font-style: italic !important; |
|
181 |
- } |
|
182 |
- /* Comment.Multiline */ |
|
183 |
- .cp { |
|
184 |
- color:$base01 !important; |
|
185 |
- font-style: italic !important; |
|
186 |
- } |
|
187 |
- /* Comment.Preproc */ |
|
188 |
- .c1 { |
|
189 |
- color:$base01 !important; |
|
190 |
- font-style: italic !important; |
|
191 |
- } |
|
192 |
- /* Comment.Single */ |
|
193 |
- .cs { |
|
194 |
- color:$base01 !important; |
|
195 |
- font-weight:bold !important; |
|
196 |
- font-style: italic !important; |
|
197 |
- } |
|
198 |
- /* Comment.Special */ |
|
199 |
- .err { |
|
200 |
- color:$solar-red !important; |
|
201 |
- background: none !important; |
|
202 |
- } |
|
203 |
- /* Error */ |
|
204 |
- .k { |
|
205 |
- color: $solar-orange !important; |
|
206 |
- } |
|
207 |
- /* Keyword */ |
|
208 |
- .o { |
|
209 |
- color:$base1 !important; |
|
210 |
- font-weight: bold !important; |
|
211 |
- } |
|
212 |
- /* Operator */ |
|
213 |
- .p { |
|
214 |
- color: $base1 !important; |
|
215 |
- } |
|
216 |
- /* Operator */ |
|
217 |
- .ow { |
|
218 |
- color:$solar-cyan !important; |
|
219 |
- font-weight: bold !important; |
|
220 |
- } |
|
221 |
- /* Operator.Word */ |
|
222 |
- .gd { |
|
223 |
- color:$base1 !important; |
|
224 |
- background-color:mix($solar-red,$base03,25%) !important; |
|
225 |
- display: inline-block; |
|
226 |
- } |
|
227 |
- /* Generic.Deleted */ |
|
228 |
- .gd .x { |
|
229 |
- color:$base1 !important; |
|
230 |
- background-color:mix($solar-red,$base03,35%) !important; |
|
231 |
- display: inline-block; |
|
232 |
- } |
|
233 |
- /* Generic.Deleted.Specific */ |
|
234 |
- .ge { |
|
235 |
- color:$base1 !important; |
|
236 |
- font-style: italic !important; |
|
237 |
- } |
|
238 |
- /* Generic.Emph */ |
|
239 |
- .gh { |
|
240 |
- color: $base01 !important; |
|
241 |
- } |
|
242 |
- /* Generic.Heading */ |
|
243 |
- .gi { |
|
244 |
- color:$base1 !important; |
|
245 |
- background-color:mix($solar-green,$base03,20%) !important; |
|
246 |
- display: inline-block; |
|
247 |
- } |
|
248 |
- /* Generic.Inserted */ |
|
249 |
- .gi .x { |
|
250 |
- color:$base1 !important; |
|
251 |
- background-color:mix($solar-green,$base03,40%) !important; |
|
252 |
- display: inline-block; |
|
253 |
- } |
|
254 |
- /* Generic.Inserted.Specific */ |
|
255 |
- .gs { |
|
256 |
- color:$base1 !important; |
|
257 |
- font-weight: bold !important; |
|
258 |
- } |
|
259 |
- /* Generic.Strong */ |
|
260 |
- .gu { |
|
261 |
- color: $solar-violet !important; |
|
262 |
- } |
|
263 |
- /* Generic.Subheading */ |
|
264 |
- .kc { |
|
265 |
- color:$solar-green !important; |
|
266 |
- font-weight: bold !important; |
|
267 |
- } |
|
268 |
- /* Keyword.Constant */ |
|
269 |
- .kd { |
|
270 |
- color: $solar-blue !important; |
|
271 |
- } |
|
272 |
- /* Keyword.Declaration */ |
|
273 |
- .kp { |
|
274 |
- color:$solar-orange !important; |
|
275 |
- font-weight: bold !important; |
|
276 |
- } |
|
277 |
- /* Keyword.Pseudo */ |
|
278 |
- .kr { |
|
279 |
- color:$solar-magenta !important; |
|
280 |
- font-weight: bold !important; |
|
281 |
- } |
|
282 |
- /* Keyword.Reserved */ |
|
283 |
- .kt { |
|
284 |
- color: $solar-cyan !important; |
|
285 |
- } |
|
286 |
- /* Keyword.Type */ |
|
287 |
- .n { |
|
288 |
- color:$solar-blue !important; |
|
289 |
- } |
|
290 |
- .na { |
|
291 |
- color: $solar-blue !important; |
|
292 |
- } |
|
293 |
- /* Name.Attribute */ |
|
294 |
- .nb { |
|
295 |
- color: $solar-green !important; |
|
296 |
- } |
|
297 |
- /* Name.Builtin */ |
|
298 |
- .nc { |
|
299 |
- color: $solar-magenta !important; |
|
300 |
- } |
|
301 |
- /* Name.Class */ |
|
302 |
- .no { |
|
303 |
- color: $solar-yellow !important; |
|
304 |
- } |
|
305 |
- /* Name.Constant */ |
|
306 |
- .nl { |
|
307 |
- color:$solar-green !important; |
|
308 |
- } |
|
309 |
- .ne { |
|
310 |
- color:$solar-blue !important; |
|
311 |
- font-weight: bold !important; |
|
312 |
- } |
|
313 |
- /* Name.Exception */ |
|
314 |
- .nf { |
|
315 |
- color:$solar-blue !important; |
|
316 |
- font-weight: bold !important; |
|
317 |
- } |
|
318 |
- /* Name.Function */ |
|
319 |
- .nn { |
|
320 |
- color: $solar-yellow !important; |
|
321 |
- } |
|
322 |
- /* Name.Namespace */ |
|
323 |
- .nt { |
|
324 |
- color:$solar-blue !important; |
|
325 |
- font-weight: bold !important; |
|
326 |
- } |
|
327 |
- /* Name.Tag */ |
|
328 |
- .nx { |
|
329 |
- color:$solar-yellow !Important; |
|
330 |
- } |
|
331 |
- .vg { |
|
332 |
- color: $solar-blue !important; |
|
333 |
- } |
|
334 |
- /* Name.Variable.Global */ |
|
335 |
- .vi { |
|
336 |
- color: $solar-blue !important; |
|
337 |
- } |
|
338 |
- /* Name.Variable.Instance */ |
|
339 |
- .nv { |
|
340 |
- color: $solar-blue !important; |
|
341 |
- } |
|
342 |
- /* Name.Variable */ |
|
343 |
- .mf { |
|
344 |
- color: $solar-cyan !important; |
|
345 |
- } |
|
346 |
- /* Literal.Number.Float */ |
|
347 |
- .m { |
|
348 |
- color: $solar-cyan !important; |
|
349 |
- } |
|
350 |
- /* Literal.Number */ |
|
351 |
- .mh { |
|
352 |
- color: $solar-cyan !important; |
|
353 |
- } |
|
354 |
- /* Literal.Number.Hex */ |
|
355 |
- .mi { |
|
356 |
- color: $solar-cyan !important; |
|
357 |
- } |
|
358 |
- /* Literal.Number.Integer */ |
|
359 |
- .s { |
|
360 |
- color: $solar-cyan !important; |
|
361 |
- } |
|
362 |
- /* Literal.String */ |
|
363 |
- .sd { |
|
364 |
- color: $solar-cyan !important; |
|
365 |
- } |
|
366 |
- /* Literal.String.Doc */ |
|
367 |
- .s2 { |
|
368 |
- color: $solar-cyan !important; |
|
369 |
- } |
|
370 |
- /* Literal.String.Double */ |
|
371 |
- .se { |
|
372 |
- color: $solar-red !important; |
|
373 |
- } |
|
374 |
- /* Literal.String.Escape */ |
|
375 |
- .si { |
|
376 |
- color: $solar-blue !important; |
|
377 |
- } |
|
378 |
- /* Literal.String.Interpol */ |
|
379 |
- .sr { |
|
380 |
- color: $solar-cyan !important; |
|
381 |
- } |
|
382 |
- /* Literal.String.Regex */ |
|
383 |
- .s1 { |
|
384 |
- color: $solar-cyan !important; |
|
385 |
- } |
|
386 |
- /* Literal.String.Single */ |
|
387 |
-} |
388 | 1 |
deleted file mode 100644 |
... | ... |
@@ -1,49 +0,0 @@ |
1 |
-#banner{ |
|
2 |
- color: $color-gray02; |
|
3 |
- padding: 30px 0; |
|
4 |
- line-height: 30px; |
|
5 |
- text-align: center; |
|
6 |
- position: relative; |
|
7 |
- display: none; |
|
8 |
- @include border-shadow(); |
|
9 |
- &:hover{ |
|
10 |
- a{ |
|
11 |
- color: $color-main; |
|
12 |
- } |
|
13 |
- } |
|
14 |
- a{ |
|
15 |
- color: $color-gray02; |
|
16 |
- @include transition(0.3s); |
|
17 |
- &:hover{ |
|
18 |
- text-decoration: underline; |
|
19 |
- } |
|
20 |
- } |
|
21 |
- small{ |
|
22 |
- position: absolute; |
|
23 |
- right: 0; |
|
24 |
- bottom: 0; |
|
25 |
- } |
|
26 |
- .loading{ |
|
27 |
- background: image-url('loading_pacman.gif') center no-repeat; |
|
28 |
- text-indent: -9999px; |
|
29 |
- } |
|
30 |
- .container{ |
|
31 |
- height: 30px; |
|
32 |
- overflow: hidden; |
|
33 |
- position: relative; |
|
34 |
- display: none; |
|
35 |
- .feed{ |
|
36 |
- list-style: none; |
|
37 |
- position: absolute; |
|
38 |
- top: 0; |
|
39 |
- width: 100%; |
|
40 |
- li{ |
|
41 |
- position: relative; |
|
42 |
- small{ |
|
43 |
- position: absolute; |
|
44 |
- right: 0; |
|
45 |
- } |
|
46 |
- } |
|
47 |
- } |
|
48 |
- } |
|
49 |
-} |
|
50 | 1 |
\ No newline at end of file |
51 | 2 |
deleted file mode 100644 |
... | ... |
@@ -1,228 +0,0 @@ |
1 |
-/*! fancyBox v2.0.6 fancyapps.com | fancyapps.com/fancybox/#license */ |
|
2 |
-.fancybox-tmp iframe, .fancybox-tmp object { |
|
3 |
- vertical-align: top; |
|
4 |
- padding: 0; |
|
5 |
- margin: 0; |
|
6 |
-} |
|
7 |
- |
|
8 |
-.fancybox-wrap { |
|
9 |
- position: absolute; |
|
10 |
- top: 0; |
|
11 |
- left: 0; |
|
12 |
- z-index: 8020; |
|
13 |
-} |
|
14 |
- |
|
15 |
-.fancybox-skin { |
|
16 |
- position: relative; |
|
17 |
- padding: 0; |
|
18 |
- margin: 0; |
|
19 |
- background: #f9f9f9; |
|
20 |
- color: #444; |
|
21 |
- text-shadow: none; |
|
22 |
- @include border-radius(4px); |
|
23 |
-} |
|
24 |
- |
|
25 |
-.fancybox-opened { |
|
26 |
- z-index: 8030; |
|
27 |
-} |
|
28 |
- |
|
29 |
-.fancybox-opened .fancybox-skin { |
|
30 |
- @include box-shadow(0 10px 25px rgba(0, 0, 0, 0.5)); |
|
31 |
-} |
|
32 |
- |
|
33 |
-.fancybox-outer, .fancybox-inner { |
|
34 |
- padding: 0; |
|
35 |
- margin: 0; |
|
36 |
- position: relative; |
|
37 |
- outline: none; |
|
38 |
-} |
|
39 |
- |
|
40 |
-.fancybox-inner { |
|
41 |
- overflow: hidden; |
|
42 |
-} |
|
43 |
- |
|
44 |
-.fancybox-type-iframe .fancybox-inner { |
|
45 |
- -webkit-overflow-scrolling: touch; |
|
46 |
-} |
|
47 |
- |
|
48 |
-.fancybox-error { |
|
49 |
- color: #444; |
|
50 |
- font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; |
|
51 |
- margin: 0; |
|
52 |
- padding: 10px; |
|
53 |
-} |
|
54 |
- |
|
55 |
-.fancybox-image, .fancybox-iframe { |
|
56 |
- display: block; |
|
57 |
- width: 100%; |
|
58 |
- height: 100%; |
|
59 |
- border: 0; |
|
60 |
- padding: 0; |
|
61 |
- margin: 0; |
|
62 |
- vertical-align: top; |
|
63 |
-} |
|
64 |
- |
|
65 |
-.fancybox-image { |
|
66 |
- max-width: 100%; |
|
67 |
- max-height: 100%; |
|
68 |
-} |
|
69 |
- |
|
70 |
-#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { |
|
71 |
- background-image: image-url('fancybox/fancybox_sprite.png'); |
|
72 |
-} |
|
73 |
- |
|
74 |
-#fancybox-loading { |
|
75 |
- position: fixed; |
|
76 |
- top: 50%; |
|
77 |
- left: 50%; |
|
78 |
- margin-top: -22px; |
|
79 |
- margin-left: -22px; |
|
80 |
- background-position: 0 -108px; |
|
81 |
- opacity: 0.8; |
|
82 |
- cursor: pointer; |
|
83 |
- z-index: 8020; |
|
84 |
-} |
|
85 |
- |
|
86 |
-#fancybox-loading div { |
|
87 |
- width: 44px; |
|
88 |
- height: 44px; |
|
89 |
- background: image-url('fancybox/fancybox_loading.gif') center center no-repeat; |
|
90 |
-} |
|
91 |
- |
|
92 |
-.fancybox-close { |
|
93 |
- position: absolute; |
|
94 |
- top: -18px; |
|
95 |
- right: -18px; |
|
96 |
- width: 36px; |
|
97 |
- height: 36px; |
|
98 |
- cursor: pointer; |
|
99 |
- z-index: 8040; |
|
100 |
-} |
|
101 |
- |
|
102 |
-.fancybox-nav { |
|
103 |
- position: absolute; |
|
104 |
- top: 0; |
|
105 |
- width: 40%; |
|
106 |
- height: 100%; |
|
107 |
- cursor: pointer; |
|
108 |
- background: transparent image-url('fancybox/blank.gif'); /* helps IE */ |
|
109 |
- -webkit-tap-highlight-color: rgba(0,0,0,0); |
|
110 |
- z-index: 8040; |
|
111 |
-} |
|
112 |
- |
|
113 |
-.fancybox-prev { |
|
114 |
- left: 0; |
|
115 |
-} |
|
116 |
- |
|
117 |
-.fancybox-next { |
|
118 |
- right: 0; |
|
119 |
-} |
|
120 |
- |
|
121 |
-.fancybox-nav span { |
|
122 |
- position: absolute; |
|
123 |
- top: 50%; |
|
124 |
- width: 36px; |
|
125 |
- height: 34px; |
|
126 |
- margin-top: -18px; |
|
127 |
- cursor: pointer; |
|
128 |
- z-index: 8040; |
|
129 |
- visibility: hidden; |
|
130 |
-} |
|
131 |
- |
|
132 |
-.fancybox-prev span { |
|
133 |
- left: 20px; |
|
134 |
- background-position: 0 -36px; |
|
135 |
-} |
|
136 |
- |
|
137 |
-.fancybox-next span { |
|
138 |
- right: 20px; |
|
139 |
- background-position: 0 -72px; |
|
140 |
-} |
|
141 |
- |
|
142 |
-.fancybox-nav:hover span { |
|
143 |
- visibility: visible; |
|
144 |
-} |
|
145 |
- |
|
146 |
-.fancybox-tmp { |
|
147 |
- position: absolute; |
|
148 |
- top: -9999px; |
|
149 |
- left: -9999px; |
|
150 |
- padding: 0; |
|
151 |
- overflow: visible; |
|
152 |
- visibility: hidden; |
|
153 |
-} |
|
154 |
- |
|
155 |
-/* Overlay helper */ |
|
156 |
- |
|
157 |
-#fancybox-overlay { |
|
158 |
- position: absolute; |
|
159 |
- top: 0; |
|
160 |
- left: 0; |
|
161 |
- overflow: hidden; |
|
162 |
- display: none; |
|
163 |
- z-index: 8010; |
|
164 |
- background: #000; |
|
165 |
-} |
|
166 |
- |
|
167 |
-#fancybox-overlay.overlay-fixed { |
|
168 |
- position: fixed; |
|
169 |
- bottom: 0; |
|
170 |
- right: 0; |
|
171 |
-} |
|
172 |
- |
|
173 |
-/* Title helper */ |
|
174 |
- |
|
175 |
-.fancybox-title { |
|
176 |
- visibility: hidden; |
|
177 |
- font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; |
|
178 |
- position: relative; |
|
179 |
- text-shadow: none; |
|
180 |
- z-index: 8050; |
|
181 |
-} |
|
182 |
- |
|
183 |
-.fancybox-opened .fancybox-title { |
|
184 |
- visibility: visible; |
|
185 |
-} |
|
186 |
- |
|
187 |
-.fancybox-title-float-wrap { |
|
188 |
- position: absolute; |
|
189 |
- bottom: 0; |
|
190 |
- right: 50%; |
|
191 |
- margin-bottom: -35px; |
|
192 |
- z-index: 8030; |
|
193 |
- text-align: center; |
|
194 |
-} |
|
195 |
- |
|
196 |
-.fancybox-title-float-wrap .child { |
|
197 |
- display: inline-block; |
|
198 |
- margin-right: -100%; |
|
199 |
- padding: 2px 20px; |
|
200 |
- background: transparent; /* Fallback for web browsers that doesn't support RGBa */ |
|
201 |
- background: rgba(0, 0, 0, 0.8); |
|
202 |
- text-shadow: 0 1px 2px #222; |
|
203 |
- color: #FFF; |
|
204 |
- font-weight: bold; |
|
205 |
- line-height: 24px; |
|
206 |
- white-space: nowrap; |
|
207 |
- @include border-radius(15px); |
|
208 |
-} |
|
209 |
- |
|
210 |
-.fancybox-title-outside-wrap { |
|
211 |
- position: relative; |
|
212 |
- margin-top: 10px; |
|
213 |
- color: #fff; |
|
214 |
-} |
|
215 |
- |
|
216 |
-.fancybox-title-inside-wrap { |
|
217 |
- margin-top: 10px; |
|
218 |
-} |
|
219 |
- |
|
220 |
-.fancybox-title-over-wrap { |
|
221 |
- position: absolute; |
|
222 |
- bottom: 0; |
|
223 |
- left: 0; |
|
224 |
- color: #fff; |
|
225 |
- padding: 10px; |
|
226 |
- background: #000; |
|
227 |
- background: rgba(0, 0, 0, .8); |
|
228 |
-} |
|
229 | 1 |
\ No newline at end of file |