ghp-layouts 0.0.4 → 0.0.5

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,146 @@
1
+ /*
2
+ * Based on: https://github.com/pie4dan/CodeRay-GitHub-Theme/blob/master/coderay.css
3
+ */
4
+ .CodeRay {
5
+ background-color: #FFF;
6
+ border: 1px solid #CCC;
7
+ line-height: 1.3em;
8
+ font-size: 12px;
9
+ font-family: Monospace;
10
+ color: #000;
11
+ padding: 1em 0px 1em 1em;
12
+ }
13
+ .CodeRay pre, .CodeRay code {
14
+ padding: 0;
15
+ margin: 0;
16
+ }
17
+
18
+ div.CodeRay {
19
+ padding: 0;
20
+ }
21
+
22
+ span.CodeRay { white-space: pre; border: 0px; padding: 2px }
23
+
24
+ table.CodeRay { border-collapse: collapse; width: 100%; padding: 2px }
25
+ table.CodeRay td {
26
+ padding: 1em 0.5em;
27
+ vertical-align: top;
28
+ }
29
+
30
+ .CodeRay .line-numbers, .CodeRay .no {
31
+ border: 1px solid #ECECEC;
32
+ margin: 0 inherit;
33
+ background-color: #ECECEC;
34
+ color: #AAA;
35
+ padding: 0px 7px;
36
+ text-align: right;
37
+ }
38
+ .CodeRay .line-numbers tt { font-weight: bold }
39
+ .CodeRay .line-numbers .highlighted { color: red }
40
+ .CodeRay .line { display: block; float: left; width: 100%; }
41
+ .CodeRay .no { padding: 0px 4px }
42
+ .CodeRay .code { width: 100% }
43
+
44
+ ol.CodeRay { font-size: 10pt }
45
+ ol.CodeRay li { white-space: pre }
46
+
47
+ .CodeRay .code pre { overflow: auto }
48
+
49
+ .CodeRay .debug { color:white ! important; background:blue ! important; }
50
+
51
+ .CodeRay .attribute-name-fat { color:#00C }
52
+ .CodeRay .attribute-name { color:#007 }
53
+ .CodeRay .annotation { color:#f08 }
54
+ .CodeRay .attribute-value { color:#700 }
55
+ .CodeRay .attribute-value-fat { color:#C00 }
56
+ .CodeRay .binary { color:#509; font-weight:bold }
57
+ .CodeRay .comment { color:#998; font-style: italic;}
58
+
59
+ .CodeRay .char { color:#04D }
60
+ .CodeRay .ch .content { color:#04D }
61
+ .CodeRay .ch .delimiter { color:#039 }
62
+
63
+ .CodeRay .class { color:#458; font-weight:bold }
64
+ .CodeRay .complex { color:#A08; font-weight:bold }
65
+ .CodeRay .constant { color:teal; }
66
+ .CodeRay .color { color:#0A0 }
67
+ .CodeRay .class-variable { color:#369 }
68
+ .CodeRay .decorator { color:#B0B; }
69
+ .CodeRay .definition { color:#099; font-weight:bold }
70
+ .CodeRay .directive { color:#088; font-weight:bold }
71
+ .CodeRay .delimiter { color:black }
72
+ .CodeRay .doc { color:#970 }
73
+ .CodeRay .doc-type { color:#34b }
74
+ .CodeRay .doc-string { color:#D42; font-weight:bold }
75
+ .CodeRay .escape { color:#666; font-weight:bold }
76
+ .CodeRay .entity { color:#800; font-weight:bold }
77
+ .CodeRay .error { color:#F00; background-color:#FAA }
78
+ .CodeRay .exception { color:#C00; font-weight:bold }
79
+ .CodeRay .float { color:#099; }
80
+ .CodeRay .function { color:#900; font-weight:bold }
81
+ .CodeRay .global-variable { color:teal; font-weight:bold }
82
+ .CodeRay .hex { color:#058; font-weight:bold }
83
+ .CodeRay .imaginary { color:#099; }
84
+ .CodeRay .include { color:#B44; font-weight:bold }
85
+
86
+ .CodeRay .inline { color: black }
87
+ .CodeRay .inline .inline { background: #ccc }
88
+ .CodeRay .inline .inline .inline { background: #bbb }
89
+ .CodeRay .inline .inline-delimiter { color: #D14; }
90
+ .CodeRay .inline-delimiter { color: #D14; }
91
+
92
+ .CodeRay .imaginary { color:#f00; }
93
+ .CodeRay .include { color:#B2B; font-weight:bold }
94
+ .CodeRay .instance-variable { color:teal }
95
+ .CodeRay .label { color:#970; font-weight:bold }
96
+ .CodeRay .local-variable { color:#963 }
97
+ .CodeRay .octal { color:#40E; font-weight:bold }
98
+ .CodeRay .operator-fat { color:#000; font-weight:bold }
99
+ .CodeRay .operator { }
100
+ .CodeRay .predefined-constant { font-weight:bold }
101
+ .CodeRay .predefined { color:#369; font-weight:bold }
102
+ .CodeRay .preprocessor { color:#579; }
103
+ .CodeRay .pseudo-class { color:#00C; font-weight:bold }
104
+ .CodeRay .predefined-type { color:#074; font-weight:bold }
105
+ .CodeRay .reserved, .keyword { color:#000; font-weight:bold }
106
+
107
+ .CodeRay .key { color: #808; }
108
+ .CodeRay .key .delimiter { color: #606; }
109
+ .CodeRay .key .char { color: #80f; }
110
+ .CodeRay .value { color: #088; }
111
+
112
+ .CodeRay .regexp { background-color:#fff0ff }
113
+ .CodeRay .regexp .content { color:#808 }
114
+ .CodeRay .regexp .delimiter { color:#404 }
115
+ .CodeRay .regexp .modifier { color:#C2C }
116
+ .CodeRay .regexp .function { color:#404; font-weight: bold }
117
+
118
+ .CodeRay .string { color: #D20; }
119
+ .CodeRay .string .content { color: #D14; }
120
+ .CodeRay .string .char { color: #D14; }
121
+ .CodeRay .string .delimiter { color: #D14; }
122
+
123
+ .CodeRay .shell { color:#D14 }
124
+ .CodeRay .shell .content { }
125
+ .CodeRay .shell .delimiter { color:#D14 }
126
+
127
+ .CodeRay .symbol { color:#990073 }
128
+ .CodeRay .symbol .content { color:#A60 }
129
+ .CodeRay .symbol .delimiter { color:#630 }
130
+
131
+ .CodeRay .tag { color:#070 }
132
+ .CodeRay .tag-fat { color:#070; font-weight:bold }
133
+ .CodeRay .tag-special { color:#D70; font-weight:bold }
134
+ .CodeRay .type { color:#339; font-weight:bold }
135
+ .CodeRay .variable { color:#036 }
136
+ .CodeRay .xml-text { color:#444 }
137
+
138
+ .CodeRay .insert { background: #afa; }
139
+ .CodeRay .delete { background: #faa; }
140
+ .CodeRay .change { color: #aaf; background: #007; }
141
+ .CodeRay .head { color: #f8f; background: #505 }
142
+
143
+ .CodeRay .insert .insert { color: #080; font-weight:bold }
144
+ .CodeRay .delete .delete { color: #800; font-weight:bold }
145
+ .CodeRay .change .change { color: #66f; }
146
+ .CodeRay .head .head { color: #f4f; }
@@ -0,0 +1,163 @@
1
+ /* Google Custom Search */
2
+
3
+
4
+ $font-family: 'Crimson Text', Palatino, Bookman, Georgia, Times;
5
+ $font-size: 17px;
6
+ $link-color: #BD3F00;
7
+ $link-hover-color: #712600;
8
+
9
+
10
+ /* Google Custom Search Engine */
11
+
12
+ .gsc-resultsHeader, .gsc-trailing-more-results,
13
+ #search_results .gsc-url-top,
14
+ .gs-watermark {
15
+ display: none;
16
+ }
17
+
18
+ div.gsc-thumbnail-inside {
19
+ padding-left: 0;
20
+ }
21
+
22
+ .gsc-control-cse, .gsc-control-cse .gsc-table-result, .gsc-branding-text {
23
+ font-family: $font-family;
24
+ font-size: $font-size;
25
+
26
+ }
27
+
28
+ .gsc-control-cse .gs-result a.gs-title,
29
+ .gsc-control-cse .gs-result a.gs-title * {
30
+ font-size: $font-size;
31
+ }
32
+
33
+ div.gsc-result-info {
34
+ font-family: $font-family;
35
+ }
36
+
37
+
38
+ #search_results {
39
+ font-family: $font-family;
40
+ clear: both;
41
+ text-align: justify;
42
+ }
43
+ .gsc-result {
44
+ padding: 0.5em 0;
45
+ * {
46
+ font-family: $font-family;
47
+ font-size: $font-size;
48
+ }
49
+ table, td, tr, th {
50
+ border: none;
51
+ padding: 0;
52
+ background: none;
53
+ }
54
+ a.gs-title {
55
+ color: $link-color;
56
+
57
+ * {
58
+ color: $link-color;
59
+ }
60
+ }
61
+ }
62
+
63
+ table.gsc-search-box {
64
+ margin: auto;
65
+ border:none;
66
+ background: none;
67
+ padding: 0;
68
+
69
+ tr, td {
70
+ border:none;
71
+ background: none;
72
+ padding: 0;
73
+ }
74
+ }
75
+
76
+ .gsc-searchbox {
77
+ border: none;
78
+ td {
79
+ border: none;
80
+ }
81
+ }
82
+
83
+ .cse div.gsc-control-cse,
84
+ div.gsc-control-cse {
85
+ padding: 0;
86
+ }
87
+
88
+ .gsc-branding {
89
+ color: black;
90
+ font-style: italic;
91
+ font-size: 70%;
92
+ border: none;
93
+ margin: auto;
94
+ padding: 0;
95
+ }
96
+
97
+ td.gsc-branding-img {
98
+ text-align: left;
99
+ }
100
+
101
+ .gsc-cursor-page {
102
+ display: inline;
103
+ padding-right: 7px;
104
+ font-family: $font-family;
105
+ &:hover {
106
+ cursor: pointer;
107
+ }
108
+ }
109
+ .gsc-cursor-current-page {
110
+ font-weight: bold;
111
+ }
112
+
113
+ td.gsc-search-button > input.gsc-search-button-v2 {
114
+ border-color: $link-color;
115
+ background-color: $link-color;
116
+ background-image: -webkit-linear-gradient(top, $link-color, darken($link-color, 10%));
117
+ background-image: -moz-linear-gradient(top, $link-color, darken($link-color, 10%));
118
+ background-image: -ms-linear-gradient(top, $link-color, darken($link-color, 10%));
119
+ background-image: -o-linear-gradient(top, $link-color, darken($link-color, 10%));
120
+ background-image: linear-gradient(top, $link-color, darken($link-color, 10%));
121
+ }
122
+
123
+ td.gsc-search-button > input.gsc-search-button-v2:hover {
124
+ border-color: $link-hover-color;
125
+ background-color: $link-hover-color;
126
+ background-image: -webkit-linear-gradient(top, $link-hover-color, darken($link-hover-color, 10%));
127
+ background-image: -moz-linear-gradient(top, $link-hover-color, darken($link-hover-color, 10%));
128
+ background-image: -ms-linear-gradient(top, $link-hover-color, darken($link-hover-color, 10%));
129
+ background-image: -o-linear-gradient(top, $link-hover-color, darken($link-hover-color, 10%));
130
+ background-image: linear-gradient(top, $link-hover-color, darken($link-hover-color, 10%));
131
+ }
132
+
133
+ td.gsib_a {
134
+ padding-bottom: 5px;
135
+ padding-top: 0;
136
+ }
137
+
138
+ div.gsc-input-box input.gsc-input, .gsc-input-box-focus, .gsc-input-box-hover {
139
+ margin-top: 0;
140
+ border: none;
141
+ -webkit-box-shadow:none ;
142
+ -moz-box-shadow: none;
143
+ box-shadow: none;
144
+ -webkit-transition: none;
145
+ -moz-transition: none;
146
+ -o-transition: none;
147
+ transition: none;
148
+ }
149
+
150
+ /* Disqus */
151
+
152
+ #disqus_thread {
153
+ margin: 0 10px;
154
+ #dsq-content {
155
+ font-size: 0.93em;
156
+ .dsq-request-user-name small, .dsq-subscribe small, .dsq-sharing-options span small {
157
+ font-size: 0.8em;
158
+ }
159
+ .dsq-comment-body {
160
+ margin: 0 10px;
161
+ }
162
+ }
163
+ }
@@ -0,0 +1,43 @@
1
+ @font-face {
2
+ font-family: 'zocial';
3
+ src: url("../fonts/zocial-eot.eot");
4
+ src: url("../fonts/zocial-eot.eot?#iefix") format('embedded-opentype'), url("../fonts/zocial-woff.woff") format('woff'), url("../fonts/zocial-ttf.ttf") format('truetype'), url("../fonts/zocial-svg.svg#zocial") format('svg');
5
+ font-weight: normal;
6
+ font-style: normal;
7
+ }
8
+ [class^="zicon-"]:before,
9
+ [class*=" zicon-"]:before {
10
+ font-family: 'zocial';
11
+ font-style: normal;
12
+ font-weight: normal;
13
+ speak: none;
14
+ display: inline-block;
15
+ text-decoration: inherit;
16
+ width: 1em;
17
+ margin-right: 0.2em;
18
+ text-align: center;
19
+ opacity: 0.9;
20
+ /* fix buttons height, for twitter bootstrap */
21
+ line-height: 1em;
22
+ /* Animation center compensation - magrins should be symmetric */
23
+ /* remove if not needed */
24
+ margin-left: 0.2em;
25
+ /* Uncomment for 3D effect */
26
+ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
27
+ }
28
+
29
+ .zicon-paypal:before { content: '\24'; } /* '$' */
30
+ .zicon-gplus:before { content: '\2b'; } /* '+' */
31
+ .zicon-foursquare:before { content: '\34'; } /* '4' */
32
+ .zicon-reddit:before { content: '\3e'; } /* '>' */
33
+ .zicon-cc:before { content: '\43'; } /* 'C' */
34
+ .zicon-linkedin:before { content: '\4c'; } /* 'L' */
35
+ .zicon-rss:before { content: '\52'; } /* 'R' */
36
+ .zicon-twitter:before { content: '\54'; } /* 'T' */
37
+ .zicon-email:before { content: '\5d'; } /* ']' */
38
+ .zicon-amazon:before { content: '\61'; } /* 'a' */
39
+ .zicon-github:before { content: '\67'; } /* 'g' */
40
+ .zicon-gmail:before { content: '\6d'; } /* 'm' */
41
+ .zicon-pinboard:before { content: '\6e'; } /* 'n' */
42
+ .zicon-instagram:before { content: '\dc'; } /* 'Ü' */
43
+ .zicon-acrobat:before { content: '\e3'; } /* 'ã' */
@@ -0,0 +1,155 @@
1
+ /* Fonts */
2
+
3
+ @import url(http://fonts.googleapis.com/css?family=Crimson+Text:400,400italic,700,700italic&subset=latin,latin-ext);
4
+ @import url(http://fonts.googleapis.com/css?family=Cardo);
5
+
6
+ @import "_bootstrap.scss";
7
+ @import "_vendor.scss";
8
+ @import "_code.scss";
9
+ @import "_zocial.scss";
10
+
11
+ /* Bootstrap Overrides */
12
+
13
+ article, #legacy-comments, #disqus_thread {
14
+ font-size: 17px;
15
+ line-height: 1.5em;
16
+ color: #000;
17
+
18
+ p {
19
+ margin: 5px 0;
20
+ }
21
+
22
+ li, dt, dd {
23
+ line-height: 1.5em
24
+ }
25
+ dt {
26
+ margin-top: 1.5em;
27
+ }
28
+ }
29
+
30
+ table {
31
+ @extend .table;
32
+ @extend .table-striped;
33
+ @extend .table-bordered;
34
+ }
35
+
36
+ /* Other Elements */
37
+
38
+ .pubdate, .read {
39
+ font-style: italic;
40
+ }
41
+
42
+ .read {
43
+ margin-bottom: 20px;
44
+ }
45
+
46
+ .featured {
47
+ font-variant: small-caps;
48
+ font-size: 130%;
49
+ }
50
+
51
+ footer {
52
+ margin: auto;
53
+ text-align: center;
54
+ }
55
+
56
+ #header-row {
57
+ margin-top: 15px;
58
+ }
59
+
60
+ .article-info {
61
+ font-style: italic;
62
+ }
63
+
64
+ .hyphenate {
65
+ text-align: justify;
66
+ }
67
+
68
+ article p[style*="right"] {
69
+ margin: 0.5em 0 0.5em 1em;
70
+ }
71
+
72
+ article p[style*="left"] {
73
+ margin: 0.5em 1em 0.5em 0;
74
+ }
75
+
76
+ #body-text .navigation {
77
+ margin: auto;
78
+ text-align: center;
79
+ }
80
+
81
+ /* Headings */
82
+
83
+ #main-content > article h1 {
84
+ line-height: 1em;
85
+ font-size: 1.6em;
86
+ }
87
+ #main-content > article h2 {
88
+ line-height: 1em;
89
+ font-size: 1.3em;
90
+ font-style: italic;
91
+ }
92
+
93
+ article.page > header h1 {
94
+ font-size: 2em;
95
+ margin-top: -10px;
96
+ margin-bottom: 0;
97
+ }
98
+
99
+ #secondary-content > article h1{
100
+ line-height: 1em;
101
+ font-size: 1.3em;
102
+ }
103
+
104
+ #secondary-content > article h2{
105
+ line-height: 1em;
106
+ font-size: 1em;
107
+ font-style: italic;
108
+ }
109
+
110
+ #body-text section header h1,
111
+ #body-text h2 {
112
+ font-size: 1.8em;
113
+ }
114
+ h1 > code {
115
+ font-size: 0.9em;
116
+ border:none;
117
+ color: #000;
118
+ background:none;
119
+ }
120
+
121
+ article.page > header h2,
122
+ #body-text section section header h1,
123
+ #body-text h3 {
124
+ margin-top: 1.2em;
125
+ font-size: 1.5em;
126
+ font-style: italic;
127
+ }
128
+
129
+ article.page > header h2 {
130
+ margin: 0 0 1em 0;
131
+ line-height: 1em;
132
+ }
133
+
134
+ #body-text section section section header h1,
135
+ #body-text h4 {
136
+ margin-top: 1.2em;
137
+ font-size: 1.3em;
138
+ }
139
+
140
+ #body-text section section section section header h1,
141
+ #body-text h5 {
142
+ margin-top: 1em;
143
+ font-size: 1em;
144
+ font-style: italic;
145
+ }
146
+
147
+ #body-text section section section section section header h1,
148
+ #body-text h6 {
149
+ margin-top: 1em;
150
+ font-size: 1em;
151
+ }
152
+
153
+ h1,h2,h3,h4,h5,h6 {
154
+ line-height: 1.2em;
155
+ }