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