mirror of
https://github.com/Decentralized-ID/decentralized-id.github.io.git
synced 2024-12-28 08:39:38 -05:00
test
This commit is contained in:
infominer33
parent
3173d37577
commit
7e8839d2fb
329
_sass/jekyll-theme-modernist.scss
Normal file
329
_sass/jekyll-theme-modernist.scss
Normal file
@ -0,0 +1,329 @@
|
||||
@import "rouge-base16-dark";
|
||||
@import url('https://fonts.googleapis.com/css?family=Lato:300italic,700italic,300,700');
|
||||
|
||||
html {
|
||||
background:#6C7989;
|
||||
background: #6C7989 linear_gradient(#6C7989, #434B55) fixed;
|
||||
}
|
||||
|
||||
body {
|
||||
padding:50px 0;
|
||||
margin:0;
|
||||
font:14px/1.5 Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
color:#555;
|
||||
font-weight:300;
|
||||
background:inline-image('checker.png') fixed;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
width:640px;
|
||||
margin:0 auto;
|
||||
background:#DEDEDE;
|
||||
border-radius: 8px;
|
||||
box-shadow: rgba(#000, 0.2) 0 0 0 1px, rgba(#000, 0.45) 0 3px 10px;
|
||||
}
|
||||
|
||||
header, section, footer {
|
||||
display:block;
|
||||
}
|
||||
|
||||
a {
|
||||
color:#069;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
p {
|
||||
margin:0 0 20px;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
strong {
|
||||
color:#222;
|
||||
font-weight:700;
|
||||
}
|
||||
|
||||
header {
|
||||
border-radius: 8px 8px 0 0;
|
||||
background:#C6EAFA;
|
||||
background: linear_gradient(#DDFBFC, #C6EAFA);
|
||||
position:relative;
|
||||
padding:15px 20px;
|
||||
border-bottom:1px solid #B2D2E1;
|
||||
|
||||
h1 {
|
||||
margin:0;
|
||||
padding:0;
|
||||
font-size:24px;
|
||||
line-height:1.2;
|
||||
color:#069;
|
||||
text-shadow:rgba(#fff, 0.9) 0 1px 0;
|
||||
}
|
||||
|
||||
&.without-description h1 {
|
||||
margin:10px 0;
|
||||
}
|
||||
|
||||
p {
|
||||
margin:0;
|
||||
color:#61778B;
|
||||
width:300px;
|
||||
font-size:13px;
|
||||
|
||||
&.view {
|
||||
display:none;
|
||||
font-weight:700;
|
||||
text-shadow:rgba(#fff, 0.9) 0 1px 0;
|
||||
-webkit-font-smoothing:antialiased;
|
||||
|
||||
a {
|
||||
color:#06c;
|
||||
}
|
||||
|
||||
small {
|
||||
font-weight:400;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
margin:0;
|
||||
padding:0;
|
||||
list-style:none;
|
||||
position:absolute;
|
||||
z-index:1;
|
||||
right:20px;
|
||||
top:20px;
|
||||
height:38px;
|
||||
padding:1px 0;
|
||||
background:#5198DF;
|
||||
background: linear_gradient(#77B9FB, #3782CD);
|
||||
border-radius:5px;
|
||||
box-shadow: inset rgba(#fff, 0.45) 0 1px 0, inset rgba(#000, 0.2) 0 -1px 0;
|
||||
width:auto;
|
||||
|
||||
&:before {
|
||||
content:'';
|
||||
position:absolute;
|
||||
z-index:-1;
|
||||
left:-5px;
|
||||
top:-4px;
|
||||
right:-5px;
|
||||
bottom:-6px;
|
||||
background:rgba(#000, 0.1);
|
||||
border-radius: 8px;
|
||||
box-shadow: rgba(#000, 0.2) 0 -1px 0, inset rgba(#fff, 0.7) 0 -1px 0;
|
||||
}
|
||||
|
||||
li {
|
||||
width:79px;
|
||||
float:left;
|
||||
border-right:1px solid #3A7CBE;
|
||||
height:38px;
|
||||
|
||||
&.single {
|
||||
border:none;
|
||||
}
|
||||
}
|
||||
|
||||
li + li {
|
||||
width:78px;
|
||||
border-left:1px solid #8BBEF3;
|
||||
}
|
||||
|
||||
li + li + li {
|
||||
border-right:none;
|
||||
width:79px;
|
||||
}
|
||||
|
||||
a {
|
||||
line-height:1;
|
||||
font-size:11px;
|
||||
color:#fff;
|
||||
color:rgba(#fff, 0.8);
|
||||
display:block;
|
||||
text-align:center;
|
||||
font-weight:400;
|
||||
padding-top:6px;
|
||||
height:40px;
|
||||
text-shadow:rgba(#000, 0.4) 0 -1px 0;
|
||||
|
||||
strong {
|
||||
font-size:14px;
|
||||
display:block;
|
||||
color:#fff;
|
||||
-webkit-font-smoothing:antialiased;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
section {
|
||||
padding:15px 20px;
|
||||
font-size:15px;
|
||||
border-top:1px solid #fff;
|
||||
background: linear_gradient(#fafafa, #DEDEDE 700px);
|
||||
border-radius: 0 0 8px 8px;
|
||||
position:relative;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
color:#222;
|
||||
padding:0;
|
||||
margin:0 0 20px;
|
||||
line-height:1.2;
|
||||
}
|
||||
|
||||
p, ul, ol, table, pre, dl {
|
||||
margin:0 0 20px;
|
||||
}
|
||||
|
||||
h1, h2, h3 {
|
||||
line-height:1.1;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size:28px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color:#393939;
|
||||
}
|
||||
|
||||
h3, h4, h5, h6 {
|
||||
color:#494949;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
margin:0 -20px 20px;
|
||||
padding:15px 20px 1px 40px;
|
||||
font-style:italic;
|
||||
background:#ccc;
|
||||
background:rgba(#000, 0.06);
|
||||
color:#222;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width:100%;
|
||||
}
|
||||
|
||||
code, pre {
|
||||
font-family:Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal;
|
||||
color:#333;
|
||||
font-size:12px;
|
||||
overflow-x:auto;
|
||||
}
|
||||
|
||||
pre {
|
||||
padding:20px;
|
||||
background: #3A3C42;
|
||||
color:#f8f8f2;
|
||||
margin:0 -20px 20px;
|
||||
|
||||
code {
|
||||
color:#f8f8f2;
|
||||
}
|
||||
|
||||
li & {
|
||||
margin-left:-60px;
|
||||
padding-left:60px;
|
||||
}
|
||||
}
|
||||
|
||||
table {
|
||||
width:100%;
|
||||
border-collapse:collapse;
|
||||
}
|
||||
|
||||
th, td {
|
||||
text-align:left;
|
||||
padding:5px 10px;
|
||||
border-bottom:1px solid #aaa;
|
||||
}
|
||||
|
||||
dt {
|
||||
color:#222;
|
||||
font-weight:700;
|
||||
}
|
||||
|
||||
th {
|
||||
color:#222;
|
||||
}
|
||||
|
||||
small {
|
||||
font-size:11px;
|
||||
}
|
||||
|
||||
hr {
|
||||
border:0;
|
||||
background:#aaa;
|
||||
height:1px;
|
||||
margin:0 0 20px;
|
||||
}
|
||||
|
||||
footer {
|
||||
width:640px;
|
||||
margin:0 auto;
|
||||
padding:20px 0 0;
|
||||
color:#ccc;
|
||||
overflow:hidden;
|
||||
|
||||
a {
|
||||
color:#fff;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
p {
|
||||
float:left;
|
||||
}
|
||||
|
||||
p + p {
|
||||
float:right;
|
||||
}
|
||||
}
|
||||
|
||||
@media print, screen and (max-width: 740px) {
|
||||
body {
|
||||
padding:0;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
footer {
|
||||
border-radius: 0;
|
||||
padding:20px;
|
||||
width:auto;
|
||||
|
||||
p {
|
||||
float:none;
|
||||
margin:0;
|
||||
}
|
||||
|
||||
p + p {
|
||||
float:none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media print, screen and (max-width:580px) {
|
||||
header ul {
|
||||
display:none;
|
||||
}
|
||||
|
||||
header p.view {
|
||||
display:block;
|
||||
}
|
||||
|
||||
header p {
|
||||
width:100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media print {
|
||||
header p.view a small:before {
|
||||
content:'at https://github.com/';
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user