nojhan/paradiseo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

webpage style for printing

Browse source
This commit is contained in:
Johann Dreo 2020-05-10 20:03:13 +02:00
commit 6f216b07b4
2 changed files with 168 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

8
index.html
View file

@ -20,7 +20,9 @@
<body>
<div id="alt">
<img style="clear:left;"
<img
id="logo"
style="clear:left;"
src="website/paradiseo_logo_200px.png"
srcset="website/paradiseo_logo.svg"
width="100%"
@ -158,7 +160,7 @@
</div>
<!-- <iframe class="code" src="website/t-minimal-cmaes.cpp.html"></iframe> -->
<p class="code">
<p class="code" id="cmaes">
<code class='vimCodeElement'>
<span id="L1" class="LineNr"> 1 </span><span class="Include">#include </span><span class="String">&lt;eo&gt;</span>
<span id="L2" class="LineNr"> 2 </span><span class="Include">#include </span><span class="String">&lt;edo&gt;</span>
@ -284,7 +286,7 @@
<div id="Why_fullfeatured">
<h3>Full-featured</h3>
<p class="excerpt"><em class="logo">Paradis<span class="logo_eo">eo</span></em> provides the <em>largest mature codebase</em> of state-of-the-art algorithms, and is focused on (automatically) find the <em>most efficient solvers</em>.</p>
<p class="excerpt"><em class="logo">Paradis<span class="logo_eo">eo</span></em> provides the <em>largest mature codebase</em> of state-of-the-art algorithms, and focuses on (automatically) find the <em>most efficient solvers</em>.</p>
</div>
<div id="Why_fullfeatured_details">

163
website/lightblue.css
View file

@ -689,3 +689,166 @@ comment { display:none; }
}
}
@media only print {
body {
background:none;
font-size:11pt;
}
a {
color:black;
font-style:italic;
}
#main a::after{
content: " [" attr(href) "] ";
color:#888;
}
h1 a {
display:none;
}
h2 a {
display:none;
}
h2 {
border-bottom:thin solid black;
margin-top:2ch;
}
h3 {
margin:2ch 0;
}
#alt {
clear:left;
width:100%;
max-width:100%;
height:auto;
text-align:left;
position:relative;
background-color:transparent;
color:black;
}
#alt * {
color:black;
}
#alt img {
width:50%;
margin-left:25%;
background-color:#3771c8;
border:thin solid black;
padding:1em;
border-radius:40px;
}
#shortcuts {
display:none;
}
#toc_header {
display:none;
}
#main {
counter-reset: heading;
clear:left;
width:95%;
padding-left:1em;
padding-right:1em;
text-align:justify;
}
h1:before {
content: counter(heading)". ";
counter-increment: heading;
}
h1 {
counter-reset: subheading;
}
h2:before {
content: counter(heading)"." counter(subheading)". ";
counter-increment: subheading;
}
.excerpt {
box-shadow:none;
border:2pt solid #3771c8;
background-color:white;
color: #3771c8;
page-break-inside:avoid;
}
.command {
background-color:white;
color:black;
border:none;
}
.collapsible {
color:gray;
}
.details {
background-color:white;
color:gray;
font-size:0.8em;
max-height:100%;
}
figure {
max-width:90%;
margin-left:5%;
box-shadow:none;
}
.table {
padding:1em;
border:thin solid lightgray;
box-shadow: 5px 10px 18px #ddd;
width:80%;
max-width: 30em;
margin-left:5%
}
#cmaes * {
background-color:white;
}
.vimCodeElement {
background-color:white;
color:#444;
}
.code {
background-color:white;
color:black;
height:100%;
overflow-y:auto;
white-space: pre-wrap;
box-shadow:none;
}
.cppSTL {color:black;}
.cppStatement {color:#dfa64d;}
.StorageClass {color:#dfa64d;}
.table {
margin-left:20%;
box-shadow:none;
}
.comment-indicator {
display:none;
}
comment {
display:none;
}
}