webpage fix
- fix: use code instead of pre tags, - hard copy instead of iframe (github compat), - add A. Quemy tutorial links.
This commit is contained in:
parent
87408d1b80
commit
decda23977
2 changed files with 415 additions and 47 deletions
|
|
@ -276,23 +276,52 @@ figcaption {
|
|||
margin-left:5%;
|
||||
}
|
||||
|
||||
iframe.code {
|
||||
.code {
|
||||
width:95%;
|
||||
height:35em;
|
||||
resize:vertical;
|
||||
overflow-y:scroll;
|
||||
box-shadow: 5px 10px 18px #ddd;
|
||||
box-shadow: 5px 10px 18px #aaa;
|
||||
background-color:#2b2b2b;
|
||||
color: #d4cfc9;
|
||||
border:thin solid black;
|
||||
white-space: pre;
|
||||
}
|
||||
|
||||
iframe.table {
|
||||
.vimCodeElement { /* white-space: pre-wrap; */ font-family: monospace; color: #d4cfc9; background-color: #2b2b2b; }
|
||||
.String { color: #cc7844; background-color: #272935; padding-bottom: 1px; }
|
||||
.Character { color: #da4939; }
|
||||
.Number { color: #519f50; }
|
||||
.LineNr { color: #6b758f; background-color: #272935; padding-bottom: 1px; }
|
||||
.Statement { color: #da4939; font-weight: bold; }
|
||||
.Type { color: #6d9cbe; }
|
||||
.Repeat { color: #da4939; }
|
||||
.Include { color: #6d9cbe; }
|
||||
.Exception { color: #da4939; }
|
||||
.StorageClass { color: #ffc66d; }
|
||||
.cppOperator { color: #b6b3eb; }
|
||||
.cppSTL { color: #f4f1ed; }
|
||||
.cppBraces { color: #ffc66d; }
|
||||
.cppStatement { color: #ffc66d; }
|
||||
.cppEndline { color: #6b758f; }
|
||||
|
||||
.table {
|
||||
padding:1em;
|
||||
border:thin solid lightgray;
|
||||
box-shadow: 5px 10px 18px #ddd;
|
||||
width:60%;
|
||||
max-width: 30em;
|
||||
max-width: 40em;
|
||||
margin-left:20%
|
||||
}
|
||||
|
||||
figure.table table {
|
||||
width:100%;
|
||||
}
|
||||
|
||||
a.comment-indicator:hover + comment { background:#ffd; position:absolute; display:block; border:1px solid black; padding:0.5em; }
|
||||
a.comment-indicator { background:red; display:inline-block; border:1px solid black; width:0.5em; height:0.5em; }
|
||||
comment { display:none; }
|
||||
|
||||
@media only screen and (max-width: 800px) {
|
||||
#alt {
|
||||
clear:left;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue