123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763 |
- /*! purebeauty.css v0.0.7 | (c) C.I.R.C.E.'s & affini | https://ima.circex.org/license.md */
- /* === LICENZA = LICENSE ===
- * This file is released under license Against DRM 2.0 - We do not like DRM
- *
- * The license guarantees the rights to: reproduce, distribute, publish, perform, broadcast, modify, elaborate, transcribe, translate, lend, rent and sell the content.
- * It prohibits to use the content, when distributed togeher with Digital Rights Management mechanisms.
- * For more information on DRM see https://www.defectivebydesign.org/what_is_drm_digital_restrictions_management
- *
- * Every re-distribution, sharing, modification has to maintain the same conditions, mentioning the original authors
- * Read the full license at https://web.archive.org/web/20170327160245/http://www.freecreations.org/Against_DRM2.html
- * or in the file called LICENSE.md that comes together with this file.
- *
- * The original authors of this piece of code can be contacted, supported, etc. by email: info at circe dot org
- *
- * Please keep the following (C) notice, if you are working on this file.
- * [Original work] Copyright (C) [2019] [C.I.R.C.E.'s & affini https://circex.org]
- *
- * === "The method is content" = "Il metodo e' contenuto" ===
- */
- @font-face {
- font-family: 'Linux Libertine';
- font-style: normal;
- font-weight: normal;
- src: local('Linux Libertine O Regular'), url('fonts/LinLibertine_R.woff') format('woff');
- }
- @font-face {
- font-family: 'Linux Libertine';
- font-style: normal;
- font-weight: bold;
- src: local('Linux Libertine O Bold'), url('fonts/LinLibertine_RB.woff') format('woff');
- }
- @font-face {
- font-family: 'Linux Libertine';
- font-style: italic;
- font-weight: normal;
- src: local('Linux Libertine O Italic'), url('fonts/LinLibertine_RI.woff') format('woff');
- }
- @font-face {
- font-family: 'Linux Libertine';
- font-style: italic;
- font-weight: bold;
- src: local('Linux Libertine O Bold Italic'), url('fonts/LinLibertine_RBI.woff') format('woff');
- }
- @font-face {
- font-family: source_sans_pro;
- font-style: normal;
- font-weight: 400;
- src: url('fonts/source-sans-pro-v13-latin-regular.eot'); /* IE9 Compat Modes */
- src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
- url('fonts/source-sans-pro-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
- url('fonts/source-sans-pro-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
- url('fonts/source-sans-pro-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
- url('fonts/source-sans-pro-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
- url('fonts/source-sans-pro-v13-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
- }
- body{
- background:#fcfcfc;
- color:#232323;
- font-family:"Linux Libertine","Times New Roman",Times,serif;
- font-weight:normal;
- margin:0;
- min-height:100%;
- overflow-x:hidden;
- }
- html{
- -ms-text-size-adjust:100%;
- -webkit-text-size-adjust:100%;
- font-size:100%;
- height:100%;
- overflow-x:hidden;
- }
- #content{
- background:#fcfcfc;
- letter-spacing: -0.01em;
- min-height:66%;
- margin-left:22%;
- margin-right:16%;
- margin-top:10vh;
- margin-bottom:10%;
- padding:0 4vw;
- }
- h1,h2,h3,h4,h5{
- font-weight: normal;
- font-family:"Linux Libertine","Times New Roman",Times,serif;
- line-height: 1em;
- }
- h1{
- font-size: 80px;
- margin-top:1em;
- margin-bottom: 1em !important;
- color: #cc0000;
- letter-spacing: -0.01em;
- }
- h1.title{
- text-align:left;
- text-decoration:underline;
- }
- h2 span::after{
- content: ".";
- }
- #content h2{
- font-size:40px;
- margin-top:1.5em;
- letter-spacing: 0.05em;
- word-spacing: 0.05em;
- }
- #content h2, #content h3, #content h4{
- margin-left:30px;
- margin-top: 20px;
- padding-top: 40px;
- }
- #content h3, #content h4{
- font-size:27px;
- font-style: italic;
- }
- #content h2 span,#content h3 span,#content h4 span{
- display: none;
- }
- p, #content h3, #content h4,#content ul, #content ol,#content dl{
- font-size:27px;
- }
- p, #content ul, #content ol,#content dl{
- line-height:40px;
- }
- p{
- margin:0px 0px 24px 0px;
- }
- a{
- color:#c00;
- text-decoration:underline;
- cursor:pointer;
- text-decoration-color: #cc0000;
- }
- a:hover,a:active{
- outline:0;
- color:#cc0000;
- }
- a:hover{
- }
- b,strong{
- font-weight:bold
- }
- em,i,blockquote{
- font-style: italic;
- }
- blockquote{
- border-left:2px solid;
- margin:0px 0px 24px 0px;
- /* margin-left:24px; */
- padding: 6px 20px;
- }
- #content ul, #content ol,#content dl{
- font-size:27px;
- line-height:40px;
- list-style:none;
- margin:0px 0px 24px 0px;
- padding:0;
- }
- #content ol, #content ul{
- line-height:1.5em;
- }
- #content li{
- margin-left: 24px;
- list-style-type: none;
- position: relative; /* It is required for setting position to absolute in the next rule. */
- }
- #content li::before {
- content: '\2022'; /* Unicode for • character */
- position: absolute;
- left: -0.8em; /* Adjust this value so that it appears where you want. */
- font-size: 1.1em; /* Adjust this value so that it appears what size you want. */
- }
- #table-of-contents li::before{
- content:'';
- }
- blockquote ul {
- list-style:none;
- }
- blockquote li, blockquote p {
- margin-left:24px;
- }
- .figure{
- margin:0 !important;
- padding:0 !important;
- }
- .figure img{
- margin-left:5%;
- width:90%;
- }
- /*#content img{
- width:88vw;
- margin-left:-20vw;
- }
- */
- #toggle-sidebar,
- #table-of-contents .close-sidebar {
- display: none;
- }
- .subtitle{
- font-size:95%; /* of h1 */
- }
- dd{
- margin:0;
- }
- dl dt{
- font-weight:bold;
- }
- dl p,dl table,dl ul,dl ol{
- margin-bottom:12px !important;
- }
- dl dd{
- margin:0 0 12px 24px;
- }
- @media print{
- .codeblock,pre.src{
- white-space:pre.src-wrap}
- }
- @media print{
- html,body,section{
- background:none !important}
- *{
- box-shadow:none !important;
- text-shadow:none !important;
- filter:none !important;
- -ms-filter:none !important}
- a,a:visited{
- text-decoration:underline}
- pre.src,blockquote{
- page-break-inside:avoid}
- thead{
- display:table-header-group}
- tr,img{
- page-break-inside:avoid}
- img{
- max-width:100% !important}
- @page{
- margin:0.5cm}
- p,h2,h3{
- orphans:3;
- widows:3}
- h2,h3{
- page-break-after:avoid}
- }
- #content div.figure{
- margin-bottom:24px}
- #content div.figure.align-center{
- text-align:center}
- #content .section>img,#content .section>a>img{
- margin-bottom:24px}
- /* ~~ Navigation Bar ~~ */
- #navigation-container {
- margin: 0 auto;
- }
- .navigation-bar {
- position:fixed;
- z-index: 100;
- background-color: #cc0000;
- height: 40px;
- width: 100%;
- text-align:center;
- }
- .navigation-bar img{
- top:4px;
- right:10px;
- position:absolute;
- }
- .navigation-bar ul, .footer ul {
- padding: 0px;
- margin-top: 5px;
- margin-bottom:5px;
- text-align: center;
- display:inline-block;
- vertical-align:top;
- }
- .navigation-bar li{
- list-style-type: none;
- font-family:source_sans_pro,Arial,sans-serif;
- font-size: 16px;
- padding: 0px;
- height: 24px;
- margin-top: 4px;
- margin-bottom: 4px;
- margin-left:2px;
- margin-right:2px;
- display: inline;
- }
- .navigation-bar li:not(:last-child):not(:first-child), .footer li:not(:last-child){
- border-right:1px solid #fcfcfc;
- }
- .navigation-bar li a, .footer li a{
- color: #fefefe;
- text-decoration: none;
- line-height: 30px;
- padding: 10px 15px;
- text-transform:uppercase;
- }
- .navigation-bar li.indice{
- color: #fefefe;
- text-transform:uppercase;
- position: absolute;
- top:0px;
- left:60px;
- padding:4px 0px;
- cursor:pointer;
- }
- .navigation-bar li.indice:hover{
- text-decoration:underline;
- }
- /* ~~ Navigation Bar end ~~ */
- /* ~~ footer ~~ */
- .footer ul{
- margin-left:0px;
- margin-right: 0px;
- }
- .footer li {
- list-style-type: none;
- font-family:source_sans_pro,Arial,sans-serif;
- font-size: 16px;
- padding: 0px;
- height: 24px;
- margin-top: 4px;
- margin-bottom: 4px;
- margin-left:0px;
- margin-right:0px;
- display: inline;
- }
- .footer {
- padding-top:10px;
- padding-bottom:10px;
- margin:0;
- left: 0;
- bottom: 0;
- width: 100%;
- background-color: #cc0000;
- color: #fefefe;
- text-align: center;
- }
- .footer a {
- color: #fcfcfc;
- font-size: 16px;
- font-family:source_sans_pro,Arial,sans-serif;
- text-decoration: none;
- line-height: 40px;
- padding: 5px 15px;
- text-transform:uppercase;
- }
- /* ~~ footer ~~ */
- .navigation-bar li a:hover, .footer a:hover{
- text-decoration:underline;
- }
- /* index */
- nav.navbar:hover{
- overflow-y:auto;
- }
- nav.navbar li{
- list-style:none;
- margin-left: 0px;
- }
- nav.navbar ul{
- margin-bottom:0}
- nav.navbar li a{
- padding:10px;
- position:relative;
- border:none;
- padding-left:20px;
- font-family:"Linux Libertine","Times New Roman",Times,serif;
- font-size:20px;
- }
- nav.navbar > ul > li > a::first-letter {
- text-transform: capitalize;
- }
- nav.navbar li ul li a{
- padding:4px}
- nav.navbar li ul li ul li a{
- padding:8px}
- nav.navbar li.current ul{
- display:block}
- nav.navbar .local-toc li ul{
- display:block}
- nav.navbar li ul li a{
- margin-bottom:0;
- font-weight:normal}
- nav.navbar a{
- display:inline-block;
- font-size:20px;
- line-height:22px;
- padding:10px;
- display:block;
- position:relative;
- /* color:#fff; */
- color:#232323;
- direction: ltr;
- text-decoration:none;
- }
- nav.navbar a:hover, nav.navbar li.active a{
- cursor:pointer;
- text-decoration:underline;
- /* text-decoration-color:#fff; */
- }
- nav.navbar{
- box-sizing:content-box;
- position:fixed;
- top:40px;
- left:0;
- width:25%;
- overflow-x:hidden;
- overflow-y:hidden;
- height:100%;
- background:transparent;
- z-index:200;
- scrollbar-base-color: #1F1D1D;
- scrollbar-arrow-color: #b3b3b3;
- scrollbar-shadow-color: #1F1D1D;
- scrollbar-track-color : #343131;
- /* border-right:3px solid #00f; */
- transition: background-color 0.2s;
- }
- nav.navbar > .org-ul{
- opacity:0;
- transition: opacity 0.2s;
- }
- nav.navbar:hover > .org-ul, nav.navbar.fixed > .org-ul, nav.navbar.fixxed> .org-ul{
- opacity:1.0;
- }
- nav.navbar.fixxed> .org-ul{
- display: block;
- }
- nav.navbar li ul li{
- display:none;
- }
- nav.navbar:hover > div > div > ul > li, nav.navbar.fixed > div > div > ul > li, nav.navbar.fixxed > div > div > ul > li{
- display:block !important;
- }
- nav.navbar .titlenav{
- display: none;
- }
- .uncollapse{
- display:block !important;
- }
- .currense{
- color:#c00 !important;
- }
- #table-of-contents{
- display: none;
- position: absolute;
- right:0;
- width: 18%;
- font-weight: normal;
- margin-right: 1%;
- }
- #table-of-contents b{
- font-weight: normal;
- }
- #table-of-contents h2{
- display: none;
- }
- #table-of-contents ul{
- font-size:18px;
- }
- .prevnext{
- width: 100px;
- height: 80px;
- font-size:36px;
- text-decoration: none;
- }
- .prevnext:hover{
- text-decoration:underline;
- }
- .next.prevnext{
- float: right;
- text-align: right;
- }
- .prev.prevnext{
- float: left;
- }
- .pvhome.prevnext{
- width: 100%;
- text-align:center;
- display: block;
- }
- /* schermi piccoli */
- @media screen and (max-width: 1400px){
- p, #content h3, #content h4,#content ul, #content ol,#content dl{
- font-size:23px;
- }
- #text-table-of-contents li{
- margin-left: 6px;
- font-size: 14px;
- line-height: 16px;
- margin-bottom: 8px;
- }
- #text-table-of-contents ul{
- margin-top:6px;
- }
- p, #content ul, #content ol,#content dl{
- line-height:35px;
- }
- nav.navbar li a{
- padding:6px;
- }
- nav.navbar li ul li a{
- padding:2px}
- nav.navbar li ul li ul li a{
- padding:4px}
- #content h1{
- font-size:60px;
- }
- }
- /* mobile */
- @media screen and (max-width: 768px){
- #text-table-of-contents{
- display: none;
- }
-
- #content{
- margin-left:0;
- margin-right:0;
- margin-bottom:15%;
- padding:2vw 4vw;
- }
- #content h1{
- font-size:40px;
- /* text-shadow: 0px 0px 0 rgb(-22,-22,233),1px 1px 0 rgb(-34,-34,221),2px 2px 0 rgb(-46,-46,209), 4px 4px 3px rgba(0,0,0,0.5),0px 0px 4px rgba(0,0,0,.2); */
- }
-
- #content h1.title::before{
- font-size: 30px;
- width: 40px;
- }
- #content h2,#content h3,#content h4{
- margin-left:20px;
- }
- #content h2{
- font-size:20px;
- }
- #content h3,#content h4{
- font-size:19px;
- }
- #content p,#content ul,#content ol,#content dl{
- font-size:19px;
- line-height:29px;
- }
- ul,ol,dl,li{
- margin-left:6px;
- }
- #content #content{
- padding:1.618em}
- #content.shift{
- position:fixed;
- min-width:100%;
- left:85%;
- top:0;
- height:100%;
- overflow:hidden}
- #copyright{
- width:85%;
- display:none}
- #copyright.shift{
- display:block}
- #content p img{
- width:100vw ;
- margin-left:-4vw;
- height:auto;
- }
- .navigation-bar{
- text-align: left;
- }
- .navigation-bar li, .footer a{
- font-size:14px;
- }
- .footer a{
- padding: 5px 8px;
- }
- .navigation-bar li:not(:last-child):not(:first-child){
- padding-left:2px;
- border-left:1px solid #fcfcfc;
- }
- .navigation-bar li.indice{
- position: initial;
- left:0px;
- margin:0px;
- padding:8px;
- }
- .navigation-bar li a {
- padding:10px;
- }
- .navigation-bar ul{
- margin-left:16px;
- }
- .navigation-bar img{
- height:70%;
- top:15%;
- }
- nav.navbar{
- width: 75%;
- height: auto;
- }
- nav.navbar,nav.navbar.fixed{
- display: none;
- }
- nav.navbar.fixxed{
- display: block;
- background: #fcfcfc;
- }
- nav.navbar .titlenav{
- padding-left:20px;
- }
- nav.navbar > ul{
- padding:16px;
- margin-left:10px;
- margin-top:10px;
- border-right:1px solid #232323;
- border-bottom:1px solid #232323;
- }
- nav.navbar ul{
- background-color:#fcfcfc;
- transition:none;
- }
- nav.navbar > ul > li{
- padding:1px;
- margin-bottom:3px;
- }
- nav.navbar ul li ul{
- padding-left:20px;
- }
- nav.navbar li a {
- padding: 2px;
- }
- nav.navbar li ul li a {
- padding:2px;
- }
- nav.navbar li a, nav.navbar a{
- font-size:15px;
- line-height:17px;
- }
- nav.navbar > ul {
- display:block;
- opacity:1.0;
- }
- #toggle-sidebar {
- background-color: transparent;
- display: block;
- margin-bottom: 1.6em;
- padding: 0.6em;
- text-align: center;
- z-index: 10;
- }
- #toggle-sidebar h2 {
- background-color:#c00;
- width:100%;
- height:50px;
- left:0;
- top:0;
- color: white;
- font-size: 100%;
- line-height: 50px;
- position:fixed;
- margin: 0;
- padding: 0;
- opacity:0.6;
- z-index: 10;
- }
- }
- /* fine mobile */
|