some experiments with css, still a lot to be done. warning: responsiveness NOT TESTED at all.
This commit is contained in:
parent
422cab9609
commit
9acad95041
@ -54,6 +54,10 @@ pre {
|
||||
background-color: #EAEAEA;
|
||||
}
|
||||
|
||||
#menu a {
|
||||
padding-right:0.5%;
|
||||
}
|
||||
|
||||
.dropdown {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
@ -62,6 +66,10 @@ pre {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.arrow{
|
||||
font-size:1.1rem;
|
||||
}
|
||||
|
||||
.guides-index {
|
||||
display: none;
|
||||
position: absolute;
|
||||
@ -77,7 +85,7 @@ pre {
|
||||
.guides-index li{
|
||||
font-size:calc(5px + 0.9vw);
|
||||
font-weight:normal;
|
||||
margin-top:10%;
|
||||
/*margin-top:10%;*/
|
||||
}
|
||||
|
||||
.guides-index a:hover{
|
||||
@ -94,18 +102,24 @@ body {
|
||||
color:#0074D9;
|
||||
background-color:#f6f6f6;
|
||||
/*font-family:'OrkneyRegular';*/
|
||||
font-family:serif;
|
||||
font-family:times;
|
||||
letter-spacing: 0.05em;
|
||||
margin:0;
|
||||
/*! padding: 1em; */
|
||||
}
|
||||
|
||||
#index{
|
||||
max-width:80%;
|
||||
max-width:65%;
|
||||
margin: auto;
|
||||
color:#333;
|
||||
}
|
||||
|
||||
/*
|
||||
#content {
|
||||
max-width:75%;
|
||||
margin:auto;
|
||||
}*/
|
||||
|
||||
a {
|
||||
color:#FF4136;
|
||||
}
|
||||
@ -119,12 +133,20 @@ a {
|
||||
}
|
||||
|
||||
#post-list {
|
||||
/*display: flex;
|
||||
flex-wrap: wrap;*/
|
||||
padding-left:0;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
align-items: stretch;
|
||||
align-content: center;
|
||||
|
||||
}
|
||||
|
||||
.post-item {
|
||||
max-width: 30%;
|
||||
padding:0 2% 0 0;
|
||||
}
|
||||
|
||||
h1{
|
||||
@ -162,17 +184,19 @@ h1, h2,h3 {
|
||||
}
|
||||
|
||||
.entry-title{
|
||||
font-size:2.4rem;
|
||||
font-size:2rem;
|
||||
font-weight:bold;
|
||||
line-height: 1.2em;
|
||||
font-family:'OrkneyRegular';
|
||||
}
|
||||
|
||||
|
||||
.index-entry-title{
|
||||
font-size:1.4rem;
|
||||
font-weight:bold;
|
||||
line-height: 1.4em;
|
||||
font-family:'OrkneyRegular';
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
.entry-title span{
|
||||
@ -181,11 +205,13 @@ h1, h2,h3 {
|
||||
}
|
||||
|
||||
.toc{
|
||||
width:35%;
|
||||
font-size: 0.8em;
|
||||
padding: 3em;
|
||||
float: right;
|
||||
line-height: 1.5em;
|
||||
border: 1px solid;
|
||||
border-width: 2px 0 2px 0;
|
||||
border-style: solid;
|
||||
margin: 1em;
|
||||
}
|
||||
|
||||
@ -212,6 +238,7 @@ h1, h2,h3 {
|
||||
line-height: 1.2em;
|
||||
}
|
||||
|
||||
|
||||
.codehilite {
|
||||
max-width: 800px;
|
||||
margin:1em auto;
|
||||
@ -252,7 +279,7 @@ blockquote {
|
||||
|
||||
#content p{
|
||||
line-height:1.6;
|
||||
max-width:55ch;
|
||||
/*max-width:55ch;*/
|
||||
margin: 0 auto;
|
||||
margin-bottom:1em;
|
||||
}
|
||||
@ -335,7 +362,7 @@ table tr:nth-child(even) {
|
||||
|
||||
#page-content p{
|
||||
line-height:1.6;
|
||||
max-width:55ch;
|
||||
max-width:75ch;
|
||||
margin: 0 auto;
|
||||
margin-bottom:1em;
|
||||
}
|
||||
@ -345,6 +372,7 @@ table tr:nth-child(even) {
|
||||
background:#FF4136;
|
||||
color:#fff;
|
||||
text-decoration:none;
|
||||
font-family:'OrkneyRegular';
|
||||
/*! font-family:arial,sans-serif; */
|
||||
text-align:right;
|
||||
font-weight:bold;
|
||||
@ -370,6 +398,7 @@ table tr:nth-child(even) {
|
||||
left:0;
|
||||
height:1px;
|
||||
background:#fff;
|
||||
|
||||
}
|
||||
#forkongithub a::after{
|
||||
bottom:1px;
|
||||
|
Loading…
Reference in New Issue
Block a user