mirror of https://github.com/ulaulaman/dropsea.git
prova
This commit is contained in:
parent
4d4c39f7dc
commit
69d53d9862
|
|
@ -1,34 +1,34 @@
|
||||||
blockquote {
|
blockquote {
|
||||||
padding-left: 6px;
|
padding-left: 6px;
|
||||||
border-left: 3px solid #6d90d6;
|
border-left: 3px solid #6d90d6;
|
||||||
}
|
}
|
||||||
|
|
||||||
.status-msg-wrap {visibility:hidden;display:none;}
|
.status-msg-wrap {visibility:hidden;display:none;}
|
||||||
#box {
|
#box {
|
||||||
margin: 15px; padding: 5px 5px 5px 5px; background: #fafafa; border: 1px solid #4284b0;
|
margin: 15px; padding: 5px 5px 5px 5px; background: #fafafa; border: 1px solid #4284b0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#caption {
|
#caption {
|
||||||
background: rgb(249, 249, 249);
|
background: rgb(249, 249, 249);
|
||||||
border: 1px solid rgb(204, 204, 204);
|
border: 1px solid rgb(204, 204, 204);
|
||||||
color: #262626;
|
color: #262626;
|
||||||
font-family: Arial, sans-serif;
|
font-family: Arial, sans-serif;
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
font-stretch: normal;
|
font-stretch: normal;
|
||||||
line-height: 1.4em;
|
line-height: 1.4em;
|
||||||
margin: 0.5em 0.8em 0.5em 0pt;
|
margin: 0.5em 0.8em 0.5em 0pt;
|
||||||
outline: 0px;
|
outline: 0px;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
text-align: center; vertical-align: baseline;
|
text-align: center; vertical-align: baseline;
|
||||||
}
|
}
|
||||||
|
|
||||||
#wrap {
|
#wrap {
|
||||||
width: 40em;
|
width: 40em;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
padding: 2em 5em;
|
padding: 2em 5em;
|
||||||
margin: 0 auto; }
|
margin: 0 auto; }
|
||||||
|
|
||||||
#footnotes {
|
#footnotes {
|
||||||
margin-top: 3em;
|
margin-top: 3em;
|
||||||
padding: 1em 2em;
|
padding: 1em 2em;
|
||||||
border-top: 4px solid #ccc; }
|
border-top: 4px solid #ccc; }
|
||||||
|
|
|
||||||
178
css/boxes.css
178
css/boxes.css
|
|
@ -1,90 +1,90 @@
|
||||||
/* caption */
|
/* caption */
|
||||||
|
|
||||||
#caption {
|
#caption {
|
||||||
background: #f9f9f9;
|
background: #f9f9f9;
|
||||||
border: 1px solid #cccccc;
|
border: 1px solid #cccccc;
|
||||||
color: #262626;
|
color: #262626;
|
||||||
font-family: 11px/1.4em Arial, sans-serif;
|
font-family: 11px/1.4em Arial, sans-serif;
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
font-stretch: normal;
|
font-stretch: normal;
|
||||||
line-height: 1.4em;
|
line-height: 1.4em;
|
||||||
margin: 0.5em 0.8em 0.5em 0pt;
|
margin: 0.5em 0.8em 0.5em 0pt;
|
||||||
outline: 0px;
|
outline: 0px;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
vertical-align: baseline;
|
vertical-align: baseline;
|
||||||
}
|
}
|
||||||
|
|
||||||
.caption {
|
.caption {
|
||||||
background-color: #f9f9f9;
|
background-color: #f9f9f9;
|
||||||
border: 1px solid #cccccc;
|
border: 1px solid #cccccc;
|
||||||
padding: 3px;
|
padding: 3px;
|
||||||
font: 11px/1.4em Arial, sans-serif;
|
font: 11px/1.4em Arial, sans-serif;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
vertical-align: baseline;
|
vertical-align: baseline;
|
||||||
}
|
}
|
||||||
|
|
||||||
.caption img {
|
.caption img {
|
||||||
border: 1px solid #cccccc;
|
border: 1px solid #cccccc;
|
||||||
vertical-align:middle;
|
vertical-align:middle;
|
||||||
margin-bottom: 3px;
|
margin-bottom: 3px;
|
||||||
width:92%;
|
width:92%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.right {
|
.right {
|
||||||
margin: 0.5em 0pt 0.5em 0.8em;
|
margin: 0.5em 0pt 0.5em 0.8em;
|
||||||
float:right;
|
float:right;
|
||||||
}
|
}
|
||||||
|
|
||||||
.left {
|
.left {
|
||||||
margin: 0.5em 0.8em 0.5em 0;
|
margin: 0.5em 0.8em 0.5em 0;
|
||||||
float:left;
|
float:left;
|
||||||
}
|
}
|
||||||
|
|
||||||
#box {
|
#box {
|
||||||
margin: 15px;
|
margin: 15px;
|
||||||
padding: 5px 5px 5px 5px;
|
padding: 5px 5px 5px 5px;
|
||||||
background: #fafafa;
|
background: #fafafa;
|
||||||
border: 1px solid #4284b0;
|
border: 1px solid #4284b0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* img */
|
/* img */
|
||||||
|
|
||||||
.pic {
|
.pic {
|
||||||
padding-top: 5px;
|
padding-top: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pic img {
|
.pic img {
|
||||||
width:95%;
|
width:95%;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* citazioni */
|
/* citazioni */
|
||||||
|
|
||||||
#cit::before { content: open-quote; }
|
#cit::before { content: open-quote; }
|
||||||
#cit::after { content: close-quote; }
|
#cit::after { content: close-quote; }
|
||||||
#cit {
|
#cit {
|
||||||
quotes: "«" "»" "‘" "’";
|
quotes: "«" "»" "‘" "’";
|
||||||
}
|
}
|
||||||
|
|
||||||
/* messaggi nascosti */
|
/* messaggi nascosti */
|
||||||
|
|
||||||
.extra { display: none; }
|
.extra { display: none; }
|
||||||
|
|
||||||
/* link */
|
/* link */
|
||||||
|
|
||||||
a.wiki:hover::after {
|
a.wiki:hover::after {
|
||||||
content: " 📖";
|
content: " 📖";
|
||||||
}
|
}
|
||||||
|
|
||||||
a.eduinaf:hover::after {
|
a.eduinaf:hover::after {
|
||||||
content: " 🔵";
|
content: " 🔵";
|
||||||
}
|
}
|
||||||
|
|
||||||
a.out:hover::after {
|
a.out:hover::after {
|
||||||
content: " 🔗";
|
content: " 🔗";
|
||||||
}
|
}
|
||||||
|
|
||||||
a.github:hover::after {
|
a.github:hover::after {
|
||||||
content: url('../img/icons8-github.svg');
|
content: url('../img/icons8-github.svg');
|
||||||
width: 12px;
|
width: 12px;
|
||||||
}
|
}
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
blockquote {
|
blockquote {
|
||||||
padding-left: 6px;
|
padding-left: 6px;
|
||||||
border-left: 3px solid #d7d7d7;
|
border-left: 3px solid #d7d7d7;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
20
css/drop.css
20
css/drop.css
|
|
@ -1,11 +1,11 @@
|
||||||
/* blockquote */
|
/* blockquote */
|
||||||
|
|
||||||
blockquote {
|
blockquote {
|
||||||
padding-left: 6px;
|
padding-left: 6px;
|
||||||
border-left: 3px solid #6d90d6;
|
border-left: 3px solid #6d90d6;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* messaggi */
|
/* messaggi */
|
||||||
|
|
||||||
#astroverne { font-style: italic; }
|
#astroverne { font-style: italic; }
|
||||||
#astroverne::before { content: "I Viaggi straordinari sono tutti i romanzi scritti da Jules Verne, i 54 pubblicati tra il 1863 e il 1905 e gli 8 usciti postumi tra il 1905 e il 1919. E questa è la recensione di uno di essi."; }
|
#astroverne::before { content: "I Viaggi straordinari sono tutti i romanzi scritti da Jules Verne, i 54 pubblicati tra il 1863 e il 1905 e gli 8 usciti postumi tra il 1905 e il 1919. E questa è la recensione di uno di essi."; }
|
||||||
142
css/libro.css
142
css/libro.css
|
|
@ -1,72 +1,72 @@
|
||||||
scheda {
|
scheda {
|
||||||
display: block;
|
display: block;
|
||||||
margin: 15px; padding: 5px 5px 5px 5px; background: #fafafa; border: 1px solid #4284b0;
|
margin: 15px; padding: 5px 5px 5px 5px; background: #fafafa; border: 1px solid #4284b0;
|
||||||
}
|
}
|
||||||
|
|
||||||
scheda::before {
|
scheda::before {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
content: "Abbiamo parlato di:";
|
content: "Abbiamo parlato di:";
|
||||||
}
|
}
|
||||||
|
|
||||||
titolo {
|
titolo {
|
||||||
display: block;
|
display: block;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
autore {
|
autore {
|
||||||
display: block;
|
display: block;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
trad {
|
trad {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
trad::before {
|
trad::before {
|
||||||
content: "traduzione di ";
|
content: "traduzione di ";
|
||||||
}
|
}
|
||||||
|
|
||||||
ed {
|
ed {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
uscita {
|
uscita {
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
uscita::before {
|
uscita::before {
|
||||||
content: " - ";
|
content: " - ";
|
||||||
}
|
}
|
||||||
|
|
||||||
formato {
|
formato {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
pag {
|
pag {
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
pag::after {
|
pag::after {
|
||||||
content: " pagine, "
|
content: " pagine, "
|
||||||
}
|
}
|
||||||
|
|
||||||
euro, dollaro, lira {
|
euro, dollaro, lira {
|
||||||
font-weight: lighter;
|
font-weight: lighter;
|
||||||
}
|
}
|
||||||
|
|
||||||
euro::before {
|
euro::before {
|
||||||
content: " - € ";
|
content: " - € ";
|
||||||
}
|
}
|
||||||
|
|
||||||
dollaro::before {
|
dollaro::before {
|
||||||
content: " - $ ";
|
content: " - $ ";
|
||||||
}
|
}
|
||||||
|
|
||||||
lira::before {
|
lira::before {
|
||||||
content: " - £ ";
|
content: " - £ ";
|
||||||
}
|
}
|
||||||
|
|
||||||
isbn {
|
isbn {
|
||||||
display: block;
|
display: block;
|
||||||
font-weight: lighter;
|
font-weight: lighter;
|
||||||
}
|
}
|
||||||
120
css/planet.css
120
css/planet.css
|
|
@ -1,60 +1,60 @@
|
||||||
.sky {
|
.sky {
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
background: url("https://2.bp.blogspot.com/-rE0aDa5rdqY/V1qvWJ9pKQI/AAAAAAAAOes/exbx5tA-7R4CLHzEXShCeOKVFwFhW_I5QCKgB/s1600/night-sky-stars.jpg");
|
background: url("https://2.bp.blogspot.com/-rE0aDa5rdqY/V1qvWJ9pKQI/AAAAAAAAOes/exbx5tA-7R4CLHzEXShCeOKVFwFhW_I5QCKgB/s1600/night-sky-stars.jpg");
|
||||||
}
|
}
|
||||||
|
|
||||||
.wrapper {
|
.wrapper {
|
||||||
position: relative;
|
position: relative;
|
||||||
width: auto;
|
width: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.planet {
|
.planet {
|
||||||
position: relative;
|
position: relative;
|
||||||
height: 100px;
|
height: 100px;
|
||||||
width: 100px;
|
width: 100px;
|
||||||
background: #03C1EB;
|
background: #03C1EB;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
animation: rotate 8s linear infinite;
|
animation: rotate 8s linear infinite;
|
||||||
box-shadow: inset 0px 5px 20px 0px rgba(50, 50, 50, 0.96);
|
box-shadow: inset 0px 5px 20px 0px rgba(50, 50, 50, 0.96);
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes rotate {
|
@keyframes rotate {
|
||||||
to {
|
to {
|
||||||
transform: rotate(360deg);
|
transform: rotate(360deg);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.moon {
|
.moon {
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
margin: -80px;
|
margin: -80px;
|
||||||
width: 20px;
|
width: 20px;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
background: #03C1EB;
|
background: #03C1EB;
|
||||||
}
|
}
|
||||||
|
|
||||||
.moon2 {
|
.moon2 {
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
margin: 100px;
|
margin: 100px;
|
||||||
width: 10px;
|
width: 10px;
|
||||||
height: 10px;
|
height: 10px;
|
||||||
background: #03C1EB;
|
background: #03C1EB;
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes rotate2 {
|
@keyframes rotate2 {
|
||||||
to {
|
to {
|
||||||
transform: rotate(360deg);
|
transform: rotate(360deg);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.moon-spinner {
|
.moon-spinner {
|
||||||
height: 100px;
|
height: 100px;
|
||||||
width: 100px;
|
width: 100px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: -80px;
|
top: -80px;
|
||||||
left: 0%;
|
left: 0%;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
animation: rotate2 4s linear infinite;
|
animation: rotate2 4s linear infinite;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
168
css/table.css
168
css/table.css
|
|
@ -1,84 +1,84 @@
|
||||||
div.blueTable {
|
div.blueTable {
|
||||||
border: 1px solid #1C6EA4;
|
border: 1px solid #1C6EA4;
|
||||||
background-color: #EEEEEE;
|
background-color: #EEEEEE;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
}
|
}
|
||||||
|
|
||||||
.divTable.blueTable .divTableCell, .divTable.blueTable .divTableHead {
|
.divTable.blueTable .divTableCell, .divTable.blueTable .divTableHead {
|
||||||
border: 1px solid #AAAAAA;
|
border: 1px solid #AAAAAA;
|
||||||
padding: 3px 2px;
|
padding: 3px 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.divTable.blueTable .divTableBody .divTableCell {
|
.divTable.blueTable .divTableBody .divTableCell {
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.divTable.blueTable .divTableRow:nth-child(even) {
|
.divTable.blueTable .divTableRow:nth-child(even) {
|
||||||
background: #D0E4F5;
|
background: #D0E4F5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.divTable.blueTable .divTableHeading {
|
.divTable.blueTable .divTableHeading {
|
||||||
background: #1C6EA4;
|
background: #1C6EA4;
|
||||||
background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
|
background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
|
||||||
background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
|
background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
|
||||||
background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
|
background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
|
||||||
border-bottom: 2px solid #444444;
|
border-bottom: 2px solid #444444;
|
||||||
}
|
}
|
||||||
|
|
||||||
.divTable.blueTable .divTableHeading .divTableHead {
|
.divTable.blueTable .divTableHeading .divTableHead {
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
border-left: 2px solid #D0E4F5;
|
border-left: 2px solid #D0E4F5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.divTable.blueTable .divTableHeading .divTableHead:first-child {
|
.divTable.blueTable .divTableHeading .divTableHead:first-child {
|
||||||
border-left: none;
|
border-left: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.blueTable .tableFootStyle {
|
.blueTable .tableFootStyle {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
background: #D0E4F5;
|
background: #D0E4F5;
|
||||||
background: -moz-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
|
background: -moz-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
|
||||||
background: -webkit-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
|
background: -webkit-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
|
||||||
background: linear-gradient(to bottom, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
|
background: linear-gradient(to bottom, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
|
||||||
border-top: 2px solid #444444;
|
border-top: 2px solid #444444;
|
||||||
}
|
}
|
||||||
|
|
||||||
.blueTable .tableFootStyle {
|
.blueTable .tableFootStyle {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.blueTable .tableFootStyle .links {
|
.blueTable .tableFootStyle .links {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
.blueTable .tableFootStyle .links a{
|
.blueTable .tableFootStyle .links a{
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
background: #1C6EA4;
|
background: #1C6EA4;
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
padding: 2px 8px;
|
padding: 2px 8px;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.blueTable.outerTableFooter {
|
.blueTable.outerTableFooter {
|
||||||
border-top: none;
|
border-top: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.blueTable.outerTableFooter .tableFootStyle {
|
.blueTable.outerTableFooter .tableFootStyle {
|
||||||
padding: 3px 5px;
|
padding: 3px 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* DivTable.com */
|
/* DivTable.com */
|
||||||
.divTable{ display: table; }
|
.divTable{ display: table; }
|
||||||
.divTableRow { display: table-row; }
|
.divTableRow { display: table-row; }
|
||||||
.divTableHeading { display: table-header-group; }
|
.divTableHeading { display: table-header-group; }
|
||||||
.divTableCell, .divTableHead { display: table-cell; }
|
.divTableCell, .divTableHead { display: table-cell; }
|
||||||
.divTableHeading { display: table-header-group; }
|
.divTableHeading { display: table-header-group; }
|
||||||
.divTableFoot { display: table-footer-group; }
|
.divTableFoot { display: table-footer-group; }
|
||||||
.divTableBody { display: table-row-group; }
|
.divTableBody { display: table-row-group; }
|
||||||
|
|
|
||||||
|
|
@ -1,3 +1,3 @@
|
||||||
@import "css/doc.css";
|
@import "css/doc.css";
|
||||||
@import "css/boxes.css";
|
@import "css/boxes.css";
|
||||||
@import "css/table.css";
|
@import "css/table.css";
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
@import "css/boxes.css";
|
@import "css/boxes.css";
|
||||||
@import "css/libro.css";
|
@import "css/libro.css";
|
||||||
@import "css/table.css";
|
@import "css/table.css";
|
||||||
@import "css/drop.css";
|
@import "css/drop.css";
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue