html {
min-width: 650px;
}
body {
overflow-y: visible;
overflow-y: visible;
font-family: "Helvetica", sans-serif;
font-weight: normal;
overflow-x: hidden;
}
#mamot img
{
width: 17px;
display: inline;
float: right;
}
#mamot {
margin-top: 0px;
}
/* #container li.bureau
{
margin-bottom: -3px;
margin-top: 8px;
} */
#container li#mamot
{
line-height: 1.1em !important;
position: relative;
left: -1px;
top: 9px;
}
h4 {
display: inline;
font-weight: normal;
}
iframe body {
overflow: auto;
}
.ifr {
border-right: 0px solid #000 !important;
background: #000!important;
height: 100vh;
width: 99.1%;
}
#ifrm_wrap {
width: 100%;
height: 100%;
}
#wrap.load_clic,
#wrap.load_clic .ifr {
border-right-style: none!important;
}
a {
text-decoration: none;
}
#container li {
font-size: 15px;
line-height: 15px;
}
/*
a.active + div + a[data-hd]:before,
a.active + a[data-hd]:before {
content: attr(data-hd);
display: block;
position: fixed;
bottom: 0px;
right: 0px;
color: #FFF;
background: #000;
display: block;
height: auto;
z-index: 9999999999999999;
width: auto;
padding-top: 2px;
float: left;
left: auto;
font-size: 12px;
padding: 2px 14px 2px 5px !important;
}
*/
h1.title {
padding: 0px;
font-size: 15px;
margin: 0px;
color: gray;
display: block;
opacity: 1;
width: 138px;
float: right;
z-index: 10;
margin-top: 10px;
margin-right: 0px;
padding-top: 4px;
padding-left: 11px !important;
}
body:hover>* h1.title {
position: absolute;
right: -5px;
margin-right: 5px;
}
body.fullsize h1.title {
position: absolute;
right: 50px;
margin-right: 5px;
}
* {
cursor: default;
border: 0px;
}
* a {
font-weight: normal;
}
a,
a b {
cursor: pointer !important;
}
a.retine {
line-height: 30px;
margin-top: -12px;
margin-bottom: -7px;
display: block;
}
#intro {
display: none;
}
#container {
position: absolute;
right: -1px;
/*top: 10%;*/
text-align: right;
padding: 4px;
z-index: 10;
padding-top: 5px;
padding-right: 15px;
padding-left: 0px !important;
margin-bottom: -5px;
overflow: visible;
box-sizing: border-box;
/* NEW DISPO */
min-height: 617px;
width: 20vw !important;
float: right;
position: relative;
}
body:not(.safari) #container {
margin-top: 0px;
}
body.safari #container:not(:hover) {
max-width: 130px !important;
}
body.safari #container {
margin-top: 0px!important;
padding-top: 30px!important;
height: 90vh !important;
overflow: visible !important;
}
h1.title,
h1.title:hover,
h1.title:hover+#container,
#container:hover,
body:not(.fullsize) #pre-wrap:hover>#container {
z-index: 99999;
}
body.fullsize h1 {
right: 80px;
margin-top: 0px;
margin-left: -30px;
padding-right: 30px;
color: #000;
padding-left: 3px !important;
width: 53px;
}
.plexBack>a {
color: rgba(255, 255, 255, 1) !important;
}
/*body.fullsize h1::after {
content: "->";
}*/
/*#container:hover + #wrap {
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAEUlEQVQImWNgwAL+MzAwMAAABRUBALGBJS0AAAAASUVORK5CYII=) repeat;
}
*/
/*#auto_txt_table.table {
margin-top: -15px;
}*/
#moi_intro.table {
margin-bottom: 15px !important;
margin-top: 18px !important;
}
#dn.table {
margin-bottom: 10px;
}
.table li {
margin-bottom: 4px;
line-height: 11px !important;
margin-top: 10px;
margin-bottom: 0px;
}
.edit-title.preview_blank[data-hash="#Chouquettes"] {
margin-top: 15px;
}
html .table li.edit-title_li {
margin-bottom: -4px;
}
#fineart.table li:not(.asterix_fat) {
margin-bottom: 3px;
}
.table li.cutt {
margin-bottom: 1px;
margin-top: -5px;
}
#web-crea {
margin: 0px 0px 20px 0px;
}
h1.title,
#container {
/*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFElEQVQImWP4////fwYY+P///38AR8oH+QG3t1YAAAAASUVORK5CYII=) repeat; padding-left: 5px;*/
}
html body:not(.chrome):not(.safari) #container {
max-width: none;
}
/*FIXIT*/
.table ul *:hover {
/*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFElEQVQImWP4////fwYY+P///38AR8oH+QG3t1YAAAAASUVORK5CYII=) repeat; */
}
.preview {
display: none;
position: fixed;
bottom: 0px;
left: 0px;
z-index: 996;
max-height: 100%;
/*max-width: 100vw;*/
/*border-right: 0px solid #000; */
min-height: 100%;
/* NEW DISPO */
width: 100%;
background: #FFF !important;
/*background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAYAAACtBE5DAAAAEklEQVQImWNgYGD4z0AJIKwbAIHiAf9fNVp3AAAAAElFTkSuQmCC) repeat;
*/
}
.preview.gamma {
background: url('/img/Flashing.gif') repeat !important;
max-width: 70vw!important;
}
.preview.gamma1 {
background: url('/img/preview/en_pire-signal.gif') repeat !important;
}
.preview.no-bkg:before,
.preview.no-bkg {
/*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHklEQVQImWP4////fwYGBgYYzQDjECeBzMFQiSwBAOoLN8nBMyS4AAAAAElFTkSuQmCC) repeat !important; !important; border: none !important; */
/* NEW DISPO */
/*width: 99.1%;*/
}
.preview:before {
/*background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAYAAACtBE5DAAAAEklEQVQImWNgYGD4z0AJIKwbAIHiAf9fNVp3AAAAAElFTkSuQmCC) repeat;
content: ''; position: absolute; */
/* NEW DISPO */
width: 100%;
height: 100%;
display: block;
animation-name: bkg;
animation-iteration-count: infinite;
animation-duration: 100s;
}
.preview.no-bkg .preview-txt {
position: absolute;
left: 0px;
top: 0px;
max-width: none;
text-align: center;
vertical-align: middle;
line-height: 20px;
font-weight: normal;
padding: 0px;
height: 100vh !important;
width: 100%!important;
outline: none !important;
border: none !important;
/*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHklEQVQImWP4////fwYGBgYYzQDjECeBzMFQiSwBAOoLN8nBMyS4AAAAAElFTkSuQmCC) repeat !important;*/
/*animation-name: bkg;*/
padding-top: 20vh;
}
.preview.no-bkg-only {
background: transparent !important;
}
.preview.bkg {
background: #FFF !important;
}
.preview,
.preview .preview-img {
height: auto;
}
.preview {
/* NEW DISPO */
width: 99.1%;
}
.preview-img img {
/*background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFUlEQVQImWNgYGD4D8UMmxkYGP4DABx4A7EuqcYxAAAAAElFTkSuQmCC) repeat!important;
*/
min-width: 100px;
}
.preview.lrg,
.preview.lrg .preview-img {
height: auto;
width: 100%!important;
max-width: none!important;
}
.preview.lrg {
width: 100vw!important;
}
.preview.full {
/* NEW DISPO */
width: 80.9vw;
min-width: 80.9vw !important;
max-width: 80.9vw !important;
width: 99.1% !important;
height: 100%!important;
content: '';
}
div.preview.fullwidth img {
width: 100%;
}
/*@media screen and (-webkit-min-device-pixel-ratio:0) {
#wrap {
overflow: visible;
}
.preview.lrg {
width: 100%!important; height: 300px!important;
}
.preview.lrg:hover {
display: none!important;
}
}
*/
.preview.stop {
animation-name: stop;
animation-iteration-count: 1;
animation-duration: 5s;
}
.preview.full .inner-prev {
width: 84vw !important;
}
.preview.multi {
height: auto;
width: 80.9vw;
min-height: 100%!important;
}
.preview.multi .preview-img {
height: 210px;
width: auto;
min-width: auto;
}
html .preview.big .preview-img {
height: 249px !important;
width: auto !important;
max-height: none !important;
min-width: none !important;
min-height: auto !important;
}
.preview.multi.big1 .preview-img {
height: auto;
width: 360px!important;
max-height: none !important;
}
.preview.multi.news .preview-img {
height: auto !important;
width: 100% !important;
min-width: auto;
max-width: 25vw !important;
max-height: none !important;
}
.preview.multi.news .preview-img[src*=".gif"] {
height: auto !important;
width: 100% !important;
min-width: auto;
max-width: 45vw !important;
max-height: none !important;
}
.preview.multi.stalk .preview-img {
height: 50%!important;
height: 50vh!important;
width: auto;
/*min-width: 35%; max-width: 35%;*/
max-height: auto !important;
}
.preview.multi.darknet .preview-img {
height: 180px;
width: auto;
min-height: 180px;
}
.preview.top {
bottom: auto;
top: 0px;
}
.preview.lrg img.preview-img {
min-height: auto !important;
border-right: 0px !important;
position: fixed;
top: auto !important;
left: 0px;
bottom: 0px !important;
pointer-events: none !important;
}
/*TOR*/
.preview.multi .preview-img.lrg {
width: 70vw !important;
height: auto!important;
min-width: none !important;
}
.preview.gg img.preview-img {
width: 34vw !important;
min-width: 200px !important;
max-height: none !important;
height: auto !important;
float: right;
}
.preview.floatleft,
.preview.floatleft img.preview-img {
float: left;
}
.preview.fb img.preview-img {
width: 80vw;
height: 100% !important;
height: auto !important;
max-width: 700px;
}
.preview-img {
display: inline-block;
float: left;
/*border-right: 1px solid rgb(0, 0, 0);*/
clear: none;
min-width: 400px;
}
/*.preview.perso {
width: 100%!important; max-width: 100%!important;
}
div.wrap-perso {
max-width: 99.1%; overflow: hidden; width: 99.1%;
}
*/
.preview.perso img.preview-img {
width: auto!important;
min-width: auto !important;
max-width: 40vw!important;
max-height: 280px;
float: left;
text-align: left;
display: inline-block;
border: none !important;
min-width: 500px !important;
max-width: auto !important;
max-height: auto;
float: left;
text-align: left;
display: inline-block;
border: none !important;
}
.preview.large .preview-img {
display: inline-block;
float: left;
border-right: 0px solid rgb(0, 0, 0);
clear: none;
height: 20vw !important;
margin: -4px;
text-align: left;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.preview.perso img.preview-img {
min-width: 0 !important;
}
}
.preview.h-fix img.preview-img {
min-height: 220px!important;
height: 220px!important;
}
.preview.h-fix,
.preview.blk {
/* background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFUlEQVQImWNgYGD4D8UMmxkYGP4DABx4A7EuqcYxAAAAAElFTkSuQmCC) repeat!important;
*/
background: #000 !important;
}
img.icn.big,
.preview.read img.preview-img {
width: auto!important;
min-width: 180px !important;
max-width: none !important;
max-height: 180px !important;
float: left;
text-align: left;
display: inline-block;
border: none !important;
}
img.icn {
/*position: relative; top: -2px;
min-width: 16px !important; max-width: 16px !important; max-height: 16px !important;
margin-right: 4px;*/
position: absolute;
margin-top: 2px;
min-width: 16px !important;
max-width: 16px !important;
max-height: 16px !important;
margin-right: 4px;
margin-left: -24px;
z-index: 9999999999;
background: #FFF !important;
float: right!important;
}
@media screen and ( max-width: 1100px) {
html body .preview:not(.fake):not(.lrg) img.preview-img {
min-width: 60vw !important;
width: 60vw !important;
height: auto !important;
max-height: none !important;
}
img[data-good="https://vincent-bonnefille.fr/img/preview/darknet2/darknet_2.jpg"] {
display: none !important;
}
}
img.icn_fav {
width: 100px;
margin-bottom: -6px;
}
/*notYT*/
img.icn.ok_src_img {
float: right;
position: relative;
display: block;
left: -4px;
top: 0px;
margin-right: -2px;
}
/*YT*/
img.icn.ok_src_img.youtube {
float: right;
position: relative;
display: block;
left: -4px;
top: 0px;
margin-right: -2px;
}
img.icn.ok_src_img.vimeo {
margin-top: 1px;
}
img.icn.ok_src_img.vimeo {
float: right;
position: relative;
display: block;
left: -3px;
margin-right: -2px;
}
img.icn.ko {
top: auto;
position: relative;
left: auto;
margin-left: 68px;
margin-top: 1px;
}
.desc_rss.blk.fixed img.icn.ok_src_img {
display: none;
}
.desc_rss.blk {
border: 1px solid #808080;
}
.desc_rss.blk {
height: 69px;
float: left;
width: 87px;
background: #f6f6f6;
margin-right: 6px;
position: relative;
top: -4px;
border: 1px solid #ddd;
box-sizing: border-box;
}
.desc_rss.blk.fixed {
top: -2px;
}
.preview.lrg .preview-img {
border-top: 3px solid #000;
}
.preview-img.brk {
display: inline-block!important;
float: left;
}
.preview.full .preview-img {
max-height: auto !important;
width: 300px !important;
height: auto !important;
}
.preview.pylon img.preview-img {
width: auto!important;
min-width: auto!important;
}
@media screen and ( max-width: 950px) {
a.active_about+div.preview,
a:hover+a+a+div.preview,
a:hover+a+div.preview,
a:hover+div.preview {
display: block;
pointer-events: none !important;
}
}
a:not([target='_blank']):focus+div.preview {
display: none;
}
a[data-hash="#about"]:focus+div.preview {
display: none !important;
}
div.preview img:hover {
cursor: pointer;
}
div.preview img {
background: transparent!important;
}
.preview-txt {
position: absolute;
bottom: auto;
top: 15px;
right: 20px !important;
z-index: 999;
height: auto;
width: auto;
max-width: 500px;
font-size: 18px;
line-height: 25px;
font-weight: normal;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
background: #FFF;
border: 2px solid #000 !important;
/*outline: 1px solid #FFF !important;*/
padding: 12px 18px 14px 18px;
text-align: left;
float: right;
display: inline-block;
clear: both;
/*padding-left: 30px;*/
}
.extra_preview_txt_title {
margin-top: 0px !important;
margin-bottom: 2px !important;
color: #00008B!important
}
.extra_preview_txt_title.in_real_ast {
color: #00008B !important
}
a[data-hash="#deep_darknet"]+.preview>.preview-txt {
float: right !important;
left: auto !important;
right: 12px !important;
/*margin-top: -10px;*/
}
/*.preview-txt.big {
top: 20%; bottom: 20%; left: 10%; width: 60%; text-align: center; padding-top: 100px; max-height: 200px;
}*/
.preview.lrg>.preview-txt {
/*top: -10px; left: 0px; bottom: auto;*/
/*padding-top: 60px;*/
/*border-width: 0px 10px 10px 0px;*/
min-height: none;
height: auto;
/*border: 1px !important;*/
}
#wrap {
position: fixed!important;
left: 0;
margin-bottom: -35px;
z-index: 90;
width: 100vw;
height: 100%;
min-width: 535px;
min-height: 400px;
max-width: none;
max-height: 100%;
box-sizing: border-box;
top: 0px;
background: #FFF;
padding-right: 0px;
display: block;
overflow: hidden;
overflow-y: auto;
}
#wrap.ui-resizable-resizing {
z-index: 99999999;
}
.ifr.loaded,
#wrap.loaded {
background: #FFF;
overflow: visible;
width: 99.1%;
}
#wrap.fullsize {
overflow: visible;
}
/*#wrap.go {
display: block;
}*/
#container:hover+#feedit+#wrap:before {
content: '';
width: 100%;
height: 100%;
display: block;
position: absolute;
z-index: 998;
}
.ifr {
display: block;
resize: horizontal;
overflow: auto;
}
#nwgrip,
#negrip,
#swgrip,
#segrip,
#ngrip,
#egrip,
#sgrip,
#wgrip {
width: 10px;
height: 10px;
background-color: transparent;
border: 1px solid #000000;
border-width: 1px 1px 0px 0px;
z-index: 9999;
}
#egrip {
right: -15px;
left: auto;
top: 1px;
margin-left: 30px!important;
}
.ui-resizable-resizing iframe,
.hover_about_wraphref_clicking {
pointer-events: none;
}
#other {
padding-top: 0px;
width: 40px;
float: right;
left: 4px;
position: relative;
}
button {
display: block;
float: right;
margin-top: 4px;
margin-left: 3px;
text-align: center;
padding-top: 2px;
border: 1px solid rgb(201, 201, 201);
background: rgb(236, 236, 236);
font-size: 12px;
}
button:hover {
background: rgb(206, 206, 206)
}
@keyframes bkg {
from {
background-position: 0% 100%;
}
to {
background-position: 0% 0%;
}
}
@keyframes stop {
0% {
display: block;
width: 100%;
}
50% {
display: block;
width: 100%;
}
51% {
display: none;
width: 0%;
}
}
#feedit {
position: absolute;
top: -20px;
left: 0px;
z-index: 80;
display: block;
}
#feed-it,
#feed-list {
width: 100%;
max-width: 100%;
}
#feed-fb,
.fb-feed {
width: 70% !important;
display: inline;
max-width: none;
}
#feed-fb {
display: block;
margin: auto;
margin-top: 5%;
text-align: justify;
height: 580px;
overflow: hidden;
max-height: 100%;
/*height: auto; max-height: 104%; margin-top: -4%;*/
}
.fb-feed {
width: auto!important;
}
li.fb-feed {
height: 25px;
line-height: 29px;
font-size: 22px;
overflow: hidden;
letter-spacing: 1px;
vertical-align: bottom;
word-wrap: break-world;
}
li p.content small {
font-size: 10px;
margin-top: 13px !important;
position: absolute;
}
li p.content a {
height: 1.2em;
overflow: hidden;
display: block;
margin-top: 3px;
}
/*#timeit { position: fixed; display: block;
margin-left: 12%; left: 0px; top: 31.8em; margin-top: 10%; width: 70%; color: #FFF; background: #000; padding: 6px 5px; box-sizing: border-box;
position: fixed;
display: block;
vertical-align: bottom;
text-indent: 0px;
text-align: right;
width: 70%;
top: 30.8em;
margin-top: 11%;
margin-left: 15%;
left: 0px;
}
*/
#timeit {
position: relative;
width: 70% !important;
display: block;
text-align: right;
float: none;
max-width: 1000px;
margin: auto;
margin-top: 50px;
margin-bottom: 30px;
}
.iframe_result {
position: fixed;
bottom: 0px;
padding: 6px 10px 4px 10px;
border-left: 2px solid #000 !important;
border-top: 1px solid #000 !important;
}
#feed {
max-height: 100%;
max-width: 100%;
min-width: 600px;
overflow: visible;
background: #FFF;
position: absolute;
padding: 5px 20px;
box-sizing: border-box;
}
#feed li {
width: 47%;
margin-right: 3%;
height: 93px;
padding: 15px 10px 0px 10px;
border: 1px solid #e6e4e4;
margin-bottom: 14px;
box-sizing: border-box;
display: inline-block;
overflow: hidden;
}
#feed li * {
line-height: 12px !important;
}
#feed li .rss-title {
line-height: 16px !important;
}
.toplist {
float: none;
width: 100%;
padding-bottom: 10px;
}
#feed li p.title {
height: 1.1em;
overflow: hidden;
margin-top: -2px;
}
#feed li p.img_src_empty_match+p.title {
height: 2.1em;
}
/*#feed li p.title.empty {
height: 29px;
}*/
#feed li a.link_rss {
position: relative;
top: 0px;
}
#feed li .date_rss {
position: relative;
left: -1px;
font-size: 12px;
top: -4px;
display: block;
color: gray;
}
#feed li .date_rss_yt {
top: -4px;
}
/* #feed li a.rss-title {
word-wrap: break-word;
hyphens: auto;
text-align: justify;
text-align: left;
}
*/
#feed-list {
margin-top: 15px;
margin-bottom: 70px;
}
#feed a:not(.extra_rss) {
min-width: 0px !important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 89%;
display: inline-block;
}
div.extra_rss {
line-height: 10px;
display: inline;
}
#feed .toplist a {
width: auto;
min-width: auto !important;
top: 5px;
position: relative;
}
#feed .toplist a[href="https://vincent-bonnefille.fr/index/feed_vimeo.php"] {
top: 3px;
line-height: 1em !important;
}
@media screen and ( max-width: 900px) {
#feed li {
width: 100%;
min-width: 700px;
margin-top: 0px !important;
}
#feed li *:not(.icn) {
float: left !important;
clear: none !important;
}
#feed li a,
.desc_rss.rss_txt {
width: 90%;
}
#feed li a.rss-title,
#feed li a.link_rss {
width: 500px;
}
#feed li a.rss-title {
display: block !important;
}
#feed li .desc_rss.rss_txt {
margin-top: 3px;
font-size: 14px !important;
margin-bottom: 4px;
height: 15px;
overflow: hidden;
line-height: 15px !important;
width: 85% !important;
}
}
#feed li a {
outline: none !important;
}
#feed li a:active,
#feed li a:focus {
color: blue !important
}
.hideme,
.hexa_color {
visibility: hidden;
}
.hexame .hexa_color {
visibility: visible;
}
h2 {
cursor: default;
font-style: normal;
padding: 5px 3px 3px 3px !important;
}
/*
QF ENABLE TILES
h2, #container.go #underweb {
color:transparent;
}*/
/*#container.go * h2, #container.go #underweb {
color:transparent;
}*/
/*#container.go:hover > * h2, #container.go:hover > * #underweb {
color:transparent;
}*/
/* h2.contacts {
margin-top: 12px;
margin-bottom: 3px;
padding-top: 0px;
line-height: 0px;
padding-bottom: 3px;
}*/
#contacts a[href="#about"] {
color: #000;
font-weight: normal;
}
#underweb {
margin-bottom: 2px;
}
#fineart,
.edit-title,
#videos,
#web,
#underweb,
h2.contacts {
font-weight: 500;
font-size: 12px;
margin-bottom: 0px;
}
.edit-title {
width: auto;
float: none;
font-weight: normal !important;
font-size: 17px;
display: block;
line-height: 17px;
margin-bottom: -5px !important;
}
.edit-title[data-hash="#autre"]
{
margin-top: 10px;
}
li.asterix a,
li.asterix_fat a {
font-weight: lighter !important;
}
li.asterix .preview-txt a,
li.asterix_fat .preview-txt a {
font-weight: normal !important;
}
#container.go .table:hover>* .edit-title:before,
#container.go .table:hover>* #videos:before,
#container.go .table:hover>* #web:before,
/*#container.go .table:hover > * #contacts:before,*/
#container.go .table:hover>* #underweb:before {
color: #000;
content: "";
position: absolute;
right: 21px;
}
/*html #container.go .table #underweb:hover:before {
margin-top: 2px;
margin-bottom: -2px;
padding-top: 6px;
line-height: 0px;
padding-bottom: 0px;
}
*/
#rotate {
color: #000;
}
#container a:hover {
font-style: normal;
text-decoration: none !important;
}
#container a.asterix:hover {
font-style: normal !important;
text-decoration: none !important
}
a.asterix {
left: -0px;
position: relative;
padding: 0px;
text-decoration: none!important;
}
/* #container a.asterix:not(.clama) {
line-height: 9px;
font-size: 20px !important;
padding: 0px !important;
top: 3px;
left: 6px;
position: relative !important;
font-weight: 100 !important;
margin-right: 3px;
margin-left: -12px;
}*/
#container:hover>* a {
text-decoration: none;
}
#container a:hover {
background: transparent;
}
/*.table ul li:hover, .table ul li h2:hover {
background: #FFF!important;
}*/
#container a.dead {
text-decoration: line-through;
}
#container:not(.inactive):hover+#rotate {
opacity: 1;
z-index: 99999;
}
/*#close-fullscreen, */
#close-fullscreen,
#container-back {
display: none;
}
#container-back.inactive,
#close-fullscreen.active {
font-size: 40px;
display: block;
position: fixed;
right: 45px;
top: -12px;
background: blue;
padding: 4px;
z-index: 99999999;
line-height: 20px;
text-indent: -1px;
vertical-align: top;
transform: rotate(180deg);
padding-top: 20px;
padding-bottom: 3px;
color: #FFF;
cursor: help;
border: 1px solid #FFF !important;
margin-top: 3px;
}
#close-fullscreen.active {
top: -4px;
right: 6px;
font-size: 20px;
line-height: 18px;
padding-top: 2px;
padding-bottom: 3px;
padding-left: 6px;
background: blue;
display: block;
position: fixed;
transform: rotate(90deg);
cursor: move;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* CSS Statements that only apply on webkit-based browsers (Chrome, Safari, etc.) */
#close-fullscreen.active {
padding-left: 7px;
padding-right: 7px;
right: 45px;
}
}
#close-fullscreen.active.top {
top: -6px;
}
#container-back.inactive:hover,
#close-fullscreen.active:hover {
background: orange;
}
.iframe_width_hide {
display: none;
}
#rotate {
transform: rotate(90deg);
transform-origin: top left;
width: 14px;
height: 134px;
opacity: 0;
position: absolute;
padding: 0px 0px 0px 5px !important;
/* background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFElEQVQImWP4////fwYY+P///38AR8oH+QG3t1YAAAAASUVORK5CYII=) repeat !important;
*/
margin-top: 8px;
right: -1px;
z-index: 99999;
top: 2px;
vertical-align: bottom;
}
body.safari #rotate {
width: 12px !important;
height: 100px !important;
right: -33px !important;
top: -18px !important;
padding: 20px 0px 0px 20px !important
}
body:not(.fullsize) #pre-wrap:hover>h1.title {
opacity: 0;
}
body:not(.fullsize) #pre-wrap:hover>#rotate {
opacity: 1;
}
#first {
padding-top: 10px;
margin-bottom: 10px;
}
.bonus_asterix_first_group {
position: absolute;
margin-left: -90px;
margin-top: -1px;
font-size: 10px !important;
text-align: left;
}
/* div#first.table ul li {
line-height: 14px !important;
margin-top: 5px;
margin-bottom: 0px;
}
*/
#wrap.ui-resizable-resizing,
#wrap:hover;
iframe:hover {
z-index: 999999;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* CHROME */
/*#rotate {
height: 6px;
right: 0px;
text-align: right;
top: 2px;
}*/
/*SAFARI*/
/* width: 128px;
height: 23px;
right: 20.1px;
text-align: right;
} */
}
/*img:not(.icn) {
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFUlEQVQImWNgYGD4D8UMmxkYGP4DABx4A7EuqcYxAAAAAElFTkSuQmCC) repeat;
}
*/
#feed img:not(.icn) {
background: transparent !important;
}
.mobil-only,
#titre {
display: none!important;
}
.desktop-only {
display: block;
}
.back-home {
margin: 5px 15px -5px 0px;
float: right;
display: none!important;
position: absolute;
}
a.select.bonus_asterix:before {
left: -40px;
margin-right: 0px;
margin-left: -10px;
}
::-moz-selection {
color: #000;
background: #000;
text-decoration: none!important;
}
::selection {
color: #000;
background: #000;
text-decoration: none!important;
}
.color_blue::-moz-selection {
color: blue;
background: #FFF;
text-decoration: none!important;
}
.color_blue::selection {
color: blue;
background: #FFF;
text-decoration: none!important;
}
.dontdrag {
-webkit-user-select: none;
/* Safari */
-moz-user-select: none;
/* Firefox */
-ms-user-select: none;
/* IE10+/Edge */
user-select: none;
/* Standard */
}
#sizer {
height: auto;
padding-top: 5px !important;
width: 140px;
position: relative;
left: -98px;
margin-bottom: 40px;
}
/* #container.inactive {
width: 0px!important;
position: fixed;
right: 0px;
height: 0px;
overflow: hidden!important;
min-width: 0px!important;
height: 0px!important;
background: none!important;
} */
/* #container.inactive,
#container.inactive>* {
display: none!important;
} */
/* #web-crea:hover+#other>#sizer #max-size:before,
#max-size.active:before {
content: '*';
color: blue;
font-size: 30px;
position: absolute;
margin-left: -20px;
} */
#max-size.active {
background: blue;
color: #FFF;
}
.preview {
max-width: 82vw!important;
overflow: hidden!important;
}
.preview.default>img {
width: 100% !important;
}
output#filesInfo {
display: block!important;
clear: both!important;
width: 100vw !important;
}
.row input {
display: none;
}
/*#wrap {
display: none;
}*/
li.edit-ok {
display: none;
}
@media screen and ( max-width: 1200px) {
/*body.safari .preview { z-index: 1!important;
max-width: 40vw !important;
width: 40vw !important;
min-width: 99.1% !important;
}
body.safari .preview:hover {
display: none!important;
}
body.safari #wrap {
width: 100vw;
}*/
}
@media screen and ( min-width: 950px) {
/*
.edit-title {
padding-bottom: 1px;
padding-top: 0px;
}*/
/*
[data-link]:hover:after {
content: attr(data-link);
position: fixed;
top: 1em; left: 0;
white-space: nowrap;
padding: 5px 10px;
background: #000;
border: 1px solid #FFF;
border-left: 0px;
color: #fff;
z-index: 998;
line-height: 15px;
padding-top: 8px !important;
}
*/
#container:hover,
body:not(.fullsize) #pre-wrap:hover>#container,
#container {
z-index: 99999;
background: #FFF !important;
/*border-left: 1px solid gray;*/
z-index: 9999 !important;
width: 13% !important;
min-width: 170px !important;
max-width: 170px !important;
padding-left: 25px !important;
box-sizing: border-box;
}
*/
}
/*purple === rgb(188, 79, 222)*/
html.not_tor #container.about_activ_check a[data-hash="#about"] {
color: rgb(188, 79, 222)!important;
font-weight: normal!important;
font-style: normal!important;
}
/*
img[data-original]:nth-child(2n+2) {
display: block!important;
clear: both!important;
height: 1px;
}*/
.ifr.vimframe {
background: #000;
}
@media screen and ( max-width: 950px) {}
.hideonload {
display: none;
}
a:not(.active):hover+.hideonload {
display: block;
}
.extra_www {
margin-top: 10px !important;
}
.preview.multi .preview-img.full-h {
height: 100% !important;
min-height: 100vh!important;
}
.preview.multi .preview-img.walla {
min-width: 20vw !important;
height: 100% !important;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
html .preview.multi.darknet .preview-img {
height: 200px!important;
width: auto!important;
min-width: auto!important;
max-width: auto!important;
}
}
html a[data-hash="#en-pire"]::before {
content: " ";
position: absolute;
z-index: 9999999999999;
/* background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAFCAYAAABvsz2cAAAAE0lEQVQImWP4////fwYYQOFgAgAfHAf5fu3qjgAAAABJRU5ErkJggg==) repeat; */
color: transparent;
color: transparent;
padding: 7px 0px 0px 0px;
left: 82px;
line-height: 13px;
width: 38px;
display: none;
margin-top: -5px;
opacity: 0;
height: 15px;
}
html a[data-hash="#en-pire"]:hover:before {
opacity: 1;
display: inline;
/*background: blue !important;*/
/* animation-name: bkg;
animation-iteration-count: infinite;
animation-duration: 1s; */
}
/* html a.active[data-hash="#en-pire"]::before,
html a.select[data-hash="#en-pire"]::before {
padding: 7px 5px 0px 0px;
left: 60px;
margin-top: -5px;
height: 16px;
color: transparent !important;
}*/
/* */
/*
#rotate, body:not(.fullsize) #container {
border-left: 0px solid #D7D7D7 !important;
background: #FFF !important;
}*/
#rotate {
border-bottom: 1px solid #FFF !important;
}
a.bonus_asterix.active,
.bonus_asterix,
.bonus_asterix:hover {
position: absolute !important;
margin-left: 0px !important;
z-index: 10;
margin-top: 7px !important;
display: inline-block;
left: auto !important;
float: left;
background: none!important;
}
.bonus_asterix,
.bonus_asterix:hover {
margin-left: 8px !important;
margin-top: 4px !important;
}
/*
a.bonus_asterix + div + a, a.bonus_asterix + div + a + div + a + a {
top: -0px !important;
position: relative!important;
} */
/* a.bonus_asterix + div + a {
left: 0px !important;
} */
.preview-txt.big,
.preview-txt.big1 {
width: auto;
max-width: 500px;
padding-top: 13px;
height: auto;
font-size: 18px;
line-height: 25px;
text-align: justify;
padding-right: 30px !important;
padding-left: 20px !important;
font-size: 18px;
/*padding-bottom: 0px;*/
}
.preview-txt.big {
padding-bottom: 0px;
height: 98px;
}
html a.delet,
html a.delet:hover,
html body.chrome a.ffonly,
html body.safari a.ffonly {
text-decoration: line-through!important;
cursor: no-drop!important;
}
@media screen and ( min-width: 950px) {
html body #wrap,
html body .preview {
/* NEW DISPO */
max-width: 86.9vw !important;
}
}
body.fullsize:before {
content: "Menu ↑";
position: fixed;
top: 38px;
right: 52px;
z-index: 10005;
background: #FFF;
padding: 2px 4px 0px 4px;
font-size: 10px;
}
/* body.fullscreen_on.fullsize:before {content: "Fermer →"; right: 72px;
} */
#wrap {
position: fixed!important;
min-width: 500px !important;
/* NEW DISPO */
width: 99.1%;
float: left;
display: inline-block;
position: fixed;
left: 0px;
}
body:not(.fullsize) #wrap {
/* NEW DISPO */
width: 99.1%;
height: 100% !important;
min-height: auto;
}
@media screen and ( max-width: 950px) {
body:not(.fullsize) #wrap {
width: 100%;
}
}
.ifr {
width: 100% !important;
}
body.fullsize .ifr,
body.fullsize #wrap {
width: 100vw !important;
max-width: 100vw !important;
}
#desktop {
float: left;
width: 100%;
display: block;
z-index: 999999999;
position: relative;
top: 0px;
}
h4 {
margin-bottom: 0px;
}
footer.table {
padding: 0px !important;
width: 100%;
left: 0px;
}
footer.table:after {
/* content: "More On Desktop Browser"; */
text-align: center;
width: 100%;
display: block;
color: #000;
}
html body.resized #egrip,
html body.resized_plus #egrip,
html body.resized_plus button,
html body.resized button {
border-color: blue!important;
}
body.fullscreen_on #max-size1 {
opacity: 0.8;
border-color: blue;
}
/* DISABLE --> Index->Eclipse*/
#close-fullscreen {
display: none!important;
}
body.fullscreen_on #max-size1,
#max-size2 {
display: none;
}
body.fullscreen_on #max-size2 {
display: inline-block;
background: #000;
color: #FFF;
}
#about {
display: none!important;
}
#about.active {
display: block!important;
overflow: auto;
}
/* #about:target + .ifr, */
#about.active+.ifr {
display: none !important;
}
div.about_activ_green>ul>li>a,
a.about_activ_green {
color: orangeblue !important;
}
div.about_activ>button,
footer.about_activ>ul>li>a,
li.about_activ>a,
div.about_activ>ul>li>a,
html ul li a.about_activ {
color: blue !important;
}
html.use_tor ul li a.active,
html.use_tor a {
color: gray !important;
}
html.use_tor ul li a.active {
color: #FFF !important;
opacity: 0.8;
}
html.use_tor #container li:hover>a {
color: #FFF !important;
}
html.use_tor div.about_activ_green>ul>li>a,
html.use_tor a.about_activ_green {
color: green !important;
}
html.use_tor div.about_activ>button,
html.use_tor footer.about_activ>ul>li>a,
html.use_tor li.about_activ>a,
html.use_tor div.about_activ>ul>li>a,
html.use_tor ul li a.about_activ {
color: #0f0fe9 !important;
}
#about_wrap {
float: left;
padding-bottom: 0px;
}
img#about_preview {
float: right;
max-width: 300px;
width: 30vw;
border: 1px solid gray;
}
html.use_tor,
html.use_tor #container,
html.use_tor #container:hover,
html.use_tor #pre-wrap:hover>#container,
html.use_tor .ifr,
html.use_tor #about,
html.use_tor h1,
html.use_tor #rotate,
html.use_tor body.fullsize::before,
html.use_tor .preview-txt {
background: #000 !important;
color: #FFF;
border-color: #000!important;
}
html.use_tor #container.go:hover>* h2,
html.use_tor #container a:hover,
html.use_tor #container li:hover {
background: #000 !important;
border-color: #000!important;
}
html.use_tor #about span {
color: #000!important;
}
/*html:not(.use_tor) #torUser {
display: none;
}
#torUser {
font-size: 10px;
position: relative;
top: 0px;
left: 0px;
z-index: 99999;
float: left;
padding-right: 20px;
padding-bottom: 20px;
}*/
html.use_tor #about #torUser span {
color: #FFF!important;
}
#onions {
text-align: center;
position: absolute;
width: 180px;
line-height: 15px;
padding-top: 8px;
}
.blink_text {
animation: 1s blinker linear infinite;
-webkit-animation: 1s blinker linear infinite;
-moz-animation: 1s blinker linear infinite;
color: #0f0fe9;
/* Deep blue */
}
@-moz-keyframes blinker {
0% {
opacity: 1.0;
}
49% {
opacity: 1.0;
}
50% {
opacity: 0.0;
}
100% {
opacity: 1.0;
}
}
@-webkit-keyframes blinker {
0% {
opacity: 1.0;
}
49% {
opacity: 1.0;
}
50% {
opacity: 0.0;
}
100% {
opacity: 1.0;
}
}
@keyframes blinker {
0% {
opacity: 1.0;
}
49% {
opacity: 1.0;
}
50% {
opacity: 0.0;
}
100% {
opacity: 0.1;
}
}
html.use_tor body.resized_plus button {
border-color: #0f0fe9 !important;
}
/* Deep blue */
html.use_tor button {
background: #000!important;
color: #FFF!important;
border-color: green!important;
}
html.use_tor a.active1,
html.use_tor a.active {
color: green !important;
}
html.use_tor #about #torUser span.blink_text {
color: #0f0fe9!important;
}
/* Deep blue */
html.not_tor li a.tor_style {
text-decoration: line-through;
}
html.use_tor .preview.no-bkg::before,
html.use_tor .preview.no-bkg .preview-txt,
html.use_tor .preview:not([style*="background"]) {
/*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFElEQVQImWNgYGD4D8UMDAwMDP8BGPkC/iElIWsAAAAASUVORK5CYII=) repeat!important; */
color: #FFF!important;
}
/*.preview #container a:visited {
color: purple !important;
}*/
html.use_tor a.active+div+a[data-hd]:before,
html.use_tor a.active+a[data-hd]:before {
display: none !important;
}
.ifr {
background: #FFF!important;
}
/* #wrap:has(.ifr[src*="vimeo"]), */
ul#feed-list li a:not(.rss-title) {
font-size: 10px!important;
padding-left: 0px !important;
width: 67%;
display: block;
}
ul#feed-list li:hover {
border-color: #aeaeae !important;
}
.desc_rss:not(.yt) {
font-size: 11px !important;
padding-bottom: 3px;
/*color: #808080;*/
color: #000;
position: relative;
top: 0px;
}
.desc_rss.blk {
border: 1px solid #a4a4a4!important;
}
img.yt_rss_img:not(.icn) {
width: 85px !important;
float: left;
/* border: 1px solid #ddd; */
}
.desc_rss.yt {
height: 63px;
overflow: hidden;
float: left;
margin-right: 10px;
border: 1px solid #ddd;
background: #f6f6f6;
}
.desc_rss.rss_txt {
width: 70%;
height: 0.9em;
overflow: hidden;
display: inline-block;
clear: both;
margin-top: 4px;
margin-bottom: 5px;
}
#torcheck {
display: none
}
a#torcheck * {
text-decoration: underline!important;
cursor: help!important;
color: #FFF!important;
text-decoration-color: gray!important;
}
div.preview img.preview_img {
position: fixed;
top: 0px;
left: 0px;
width: 230px;
}
#wrap .ifr[src*="vimeo"] {
background: #000!important;
}
.ifr img.shrinkToFit {
cursor: zoom-in;
max-width: 99vw;
height: auto !important;
min-height: auto !important;
}
li div.preview:hover {
display: none!important;
pointer-events: none;
}
#wrap:not(.about_activ_check) .about_preview_wrap {
display: none !important;
}
#wrap.about_activ_check .about_preview_wrap {
display: block;
pointer-events: none;
}
.date_date {
color: blue;
}
a[data-hash="#about"]:focus+div.preview,
a[data-hash="#about"].active+div.preview,
a[data-hash="#about"].active1+div.preview {
display: none !important;
}
html body a:not(.active)+div.preview:hover {
display: block !important;
pointer-events: none !important;
}
html body #container .active {
color: blue !important;
}
#about_click_togo {
position: absolute;
display: none;
}
/*@media screen and ( max-width: 950px ){
#container {
position: absolute;
right: -108px;
top: -30px;
z-index: 99999999999999 !important;
max-height: 10px !important;
overflow: hidden;
overflow-y: visible;
overflow-x: hidden;
max-height: 100vh;
min-width: 160px !important;
height: 100vh !important;
min-height: auto !important;
}
#container:hover {
right: -0px;
top: -0px;
overflow: visible!important;
max-height: none !important;
height: auto !important;
min-height: auto !important;
background: #FFF !important;
}
#container:before {
content: "*";
display: block;
background: #FFF;
right: 0px;
position: fixed;
font-size: 40px;
height: 20px;
padding: 10px;
top: 0px;
width: 13px;
left: auto;
border: 1px solid #D7D7D7;
border-right-width: 0px;
}
#container:hover:before {
opacity: 0;
}
#container:hover {
pointer-events: none !important;
}
#container .preview {
max-width: 81vw !important;
}
}
*/
@media screen and ( max-width: 950px) {
html.loading_clic iframe {
border-left: 10px solid blue;
}
/*
#container {
position: absolute;
top: -30px;
z-index: 99999999999999 !important;
max-height: 10px !important;
overflow: hidden;
overflow-y: visible;
overflow-x: hidden;
max-height: 100vh;
min-width: 160px !important;
height: 100vh !important;
min-height: auto !important;
}
#container:hover {
right: -0px;
top: -0px;
overflow: visible!important;
max-height: none !important;
height: auto !important;
min-height: auto !important;
background: #FFF !important;
}
#container:before {
content: "*";
display: block;
background: #FFF;
right: 0px;
position: fixed;
font-size: 50px;
height: 20px;
padding: 20px;
padding-right: 25px;
color: blue;
top: 0px;
width: 13px;
left: auto;
border: 1px solid #D7D7D7;
border-right-width: 0px;
}
#container:hover:before {
opacity: 0;
background: blue;
} */
html body .preview {
max-width: 84vw !important;
pointer-events: auto !important;
}
a:not(.active):hover+a+div.preview,
a:not(.active):hover+div.preview {
max-width: 80.9vw !important;
width: 80.9vw !important;
pointer-events: initial !important;
z-index: 0;
}
/*
.active_about::after {
content: attr(href);
display: block;
position: fixed;
left: 0px;
top: 0px;
z-index: 99999;
background: #FFF;
padding: 10px;
border: 1px solid #000;
outline: 1px solid #FFF;
color: blue !important;
border-left: 0px;
font-size: 15px !important;
}
*/
.preview-txt {
float: right !important;
left: auto !important;
right: 40px !important;
top: 10px !important;
bottom: auto !important;
padding: 5px 10px !important;
font-size: 15px !important;
}
#about_wrap .hover_about[data-activhash="#chat-chouquette"] {
background: none;
cursor: no-drop;
}
#about_wrap,
#about,
#wrap {
padding: 0px !important;
width: 100% !important;
min-width: none !important;
}
#about_wrap {
padding: 10px !important;
box-sizing: border-box;
max-width: 600px !important
}
#contacts.contacts a[data-hash="#about"] {
position: absolute;
top: 0px;
right: 0px;
left: auto;
padding: 6px;
padding: 7px 10px 7px 0px;
background: none !important;
color: #000 !important;
font-style: normal !important;
}
#contacts.contacts a:not(.active)[data-hash="#about"] {
background: blue !important;
color: #FFF !important;
}
html span.about_about {
padding: 7px 3px 3px 6px;
margin-left: -10px;
margin-top: -3px;
margin-bottom: 30px !important;
display: block;
width: 110px;
background: none !important;
color: #000 !important;
font-style: normal !important;
font-weight: bold;
}
.preview.about_txt {
display: none !important;
}
#first {
padding-top: 5px;
margin-bottom: 14px;
}
.bonus_asterix_first_group {
position: absolute;
margin-left: -111px;
margin-top: -1px;
font-size: 9px !important;
text-align: left;
}
html body #container li,
html body #container .asterix_fat {
font-size: 14px;
line-height: 19px !important;
margin-bottom: 9px !important;
}
html body #container h2,
html body #container h4 {
font-weight: 500 !important;
font-size: 16px !important;
margin-bottom: 9px !important;
display: block;
}
body:not(.fullsize) .preview {
/*border-left: 1px solid #D7D7D7 !important;*/
width: 80.9vw;
min-width: 500px !important;
max-width: 80.9vw !important;
}
/*#container {
border-left: 1px solid gray;
}*/
html body a.active_about+div.preview,
html body h2.active_about li .preview,
html.togo body a.active_about+div.preview,
html.togo body h2.active_about li .preview,
html body a.active_about+div.preview,
html body h2.active_about li .preview {
max-width: 100vw !important;
width: 100vw !important;
}
}
html.togo body a.active_about+div.preview,
html.togo body h2.active_about li .preview {
/*pointer-events: initial !important;*/
}
html body a.active_about+div.preview,
html body h2.active_about li .preview {
display: block;
pointer-events: none !important;
}
html.togo body a.active_about+div.preview,
html.togo body h2.active_about li .preview {
pointer-events: initial !important;
border-right: 7px solid blue;
box-sizing: border-box;
background: blue !important;
cursor: cell;
}
html.togo #container:hover {
right: -130px;
}
html.togo {
overflow: hidden;
}
html.togo body a.active_about+div.preview:before,
html.togo body h2.active_about li .preview:before {
content: "< retour";
position: fixed;
top: 0px;
right: 0px;
padding: 10px;
color: blue !important;
background: #FFF !important;
width: 7vw;
height: 13px;
border: 4px solid blue;
border-width: 0px 0px 4px 4px;
}
html.togo .preview-txt {
top: 135px !important;
}
html body #container #about_click_togo.active {
display: block;
position: fixed;
left: 0px;
top: 0px;
z-index: 99999;
background: #FFF;
padding: 17px 36px;
border: 1px solid #000;
outline: 1px solid #FFF;
border-left: 0px;
border-top: 0px;
font-size: 18px !important;
text-align: left!important;
z-index: 9999999999;
background: blue !important;
color: #707381 !important;
}
html body #container #about_click_togo.active a {
color: #FFF !important;
}
html.togo .preview *:not(.preview-txt) {
cursor: cell !important;
}
html.togo .preview .preview-txt {
cursor: text !important;
}
/*
html body a.active_about + div.preview,
html body h2.active_about li .preview {
pointer-events: initial !important;
}*/
a:hover+a+div.preview,
a:hover+div.preview {
max-width: 80.9vw !important;
width: 80.9vw !important;
pointer-events: initial !important;
z-index: 0;
}
html body h2.active_about li .preview,
html body a.active_about+div.preview,
div.preview:hover>a {
pointer-events: none !important;
}
@media screen and ( max-width: 950px) {
body:not(.fullsize) .preview {
/*border-left: 1px solid #D7D7D7 !important;*/
width: 80.9vw;
min-width: 500px !important;
max-width: 80.9vw !important;
}
}
@media screen and ( max-width: 600px) {
html body #container .preview {
pointer-events: none !important;
}
html,
body,
iframe {
min-width: 600px !important;
}
}
#about {
width: 100%;
max-width: 700px;
box-sizing: border-box;
}
html body #container .asterix_fat {
/*font-size: 12px !important;
line-height: 14px !important;
margin-bottom: 1px !important;
margin-top: 5px !important;*/
}
@media screen and ( max-width: 950px) {
html body #container,
html body #container h2 {
font-size: 19px !important;
width: auto!important;
max-width: auto!important;
min-width: none!important;
}
#about {
padding: 40px !important;
padding-left: 20px !important;
}
html body #container .asterix_fat,
html body #container .asterix {
font-size: 19px !important;
}
html body #container,
html body #container h2,
html body #container .asterix_fat,
html body #container .asterix {
line-height: 1.5em !important;
margin-bottom: 2px;
}
.table {
margin-bottom: 40px;
}
#container .active_about_parent a.asterix,
#container div>ul>li>a.asterix,
#container div>ul>li>.bonus_asterix_first_group>a.asterix,
#container div>ul>li>.bonus_asterix_first_group>a.asterix {
opacity: 1!important;
}
#about_wrap .hover_about[data-activhash],
.active_about_parent>li>h2 {
background: transparent !important;
color: blue !important;
font-weight: bold;
}
.bonus_asterix {
padding: 10px !important;
display: block;
left: 0px !important;
height: 10px !important;
background: red;
width: 10px;
position: relative !important;
}
a[href="/index/darkbot/"] {
margin: 11px !important;
margin-top: -20px !important;
display: none !important
}
.bonus_asterix_first_group {
margin-left: -140px !important;
left: auto;
float: right;
top: auto;
margin-top: 0px !important;
}
#preview,
a:hover+div.preview,
html body div.preview:hover,
.preview.blk,
.preview img,
.preview {
pointer-events: none !important;
background: #FFF !important;
z-index: -1000000 !important;
}
html body #container h2,
html body #container h3,
html body #container a {
background: #FFF!important;
}
/*html body #container a:hover {
background: #000!important;
}*/
html body #container a.active:hover,
html body #container .active,
html body #container a.active h2 {
background: blue !important;
color: #FFF !important;
text-decoration: none !important;
cursor: default!important;
border: 0px !important;
}
#container {
background: #FFF!important;
}
/*.table ul li {
background: #FFF;
}*/
#container-back.inactive,
#close-fullscreen.active {
padding: 0px 10px 0px 10px;
height: 60px;
line-height: 10px;
background: #FFF !important;
color: blue;
}
#container-back {
display: none;
}
#container.inactive,
#container.inactive>* {
display: block !important;
}
}
/*div#first.table ul li:not(.asterix_fat) + .asterix_fat,*/
html body #container li:not(.asterix_fat)+.asterix_fat {
margin-top: -3px !important;
}
#container b {
font-weight: bold;
}
html .preview {
z-index: 99999999!important
}
html.use_tor li a.tor_style {
background: pink !important;
padding: 2px !important;
color: #000 !important;
}
html.use_tor #about span.hover_about[data-activhash] {
color: #FFF!important;
}
html body .preview-txt {
color: #000 !important;
font: 18px !important;
}
html body #container a:hover {
/*
background: #000 !important;
color: #FFF!important;
*/
text-decoration: underline !important;
}
html body #container a.active:hover,
html body #container .active,
html body #container a.active h2 {
background: blue !important;
color: #FFF!important;
text-decoration: none !important;
cursor: default!important;
border: 0px !important;
}
html body #container .active_about,
html body #container a.active_about h2,
.active_about_parent>li>h2 {
/* background: #000 !important; */
/* color: #FFF!important; */
}
html body #container .superhot {
opacity: 1 !important;
}
.active_about_parent>li>h2 {
padding-left: 3px;
}
/* html body #container .active:visited {
background: purple;
}*/
.preview.enpire {
height: 300px!important;
vertical-align: bottom;
overflow: visible !important;
z-index: 11;
pointer-events: none !important;
background: none !important
}
/*.preview.enpire:hover > img {
display: none !important;
}*/
html body #container ul li.asterix_fat.too-much.surveillance {
margin-top: 0px !important;
}
html body #container a {
/* padding: 4px 3px 0px 3px !important; */
/* padding: 7px 3px !important; */
padding: 7px 3px 2px 3px !important;
/* display: inline-block; */
}
li.asterix.real_ast_li {
/* margin: -7px 0 !important; */
/* line-height: 0px !important;
vertical-align: top; */
}
li.asterix.real_ast_li.twolines {
line-height: 18px !important;
/* margin-bottom: -5px; */
margin-bottom: -3px !important;
margin-top: 7px;
}
li.onionnion {
line-height: 10px !important;
}
li.asterix.real_ast_li.twolines.tpc {
line-height: 16px !important;
margin-top: 8px;
}
li.asterix.real_ast_li.dnf {
margin-right: 6px !important;
display: block !important;
line-height: 16px !important;
margin-bottom: 5px;
}
li.asterix.real_ast_li.love {
vertical-align: baseline;
}
li a.asterix.real_ast {
vertical-align: top;
}
#container li a span:not(.love):not(.little_screen_700) {
display: inline-block;
}
html body #container a.real_ast:not(.love):not(.real_ast) {
display: inline-block;
}
html body #container a.real_ast {
margin-right: -5px;
}
html body #container .first_li_about a.active {
font-size: 15px;
padding: 5px 4px 3px 4px !important;
cursor: default !important;
}
html body #container .preview+a[data-hd] {
padding: 0px !important;
}
#container a.asterix {
opacity: 0;
}
/*#container div:hover > * > */
#container .active_about_parent a.asterix,
#container div:hover>ul>li>a.asterix,
#container div:hover>ul>li>.bonus_asterix_first_group>a.asterix {
opacity: 1;
}
.small_screen,
.little-screen_700 {
display: none !important;
}
/*[data-show_me="no"] {
display: none;
}
[data-show_me="yes"] {
display: block;
}
*/
@media screen and ( max-width: 700px) {
#wrap,
#about {
float: left;
display: block;
clear: both;
position: relative !important;
width: 100vw !important;
}
html body #container,
html body #container:hover {
min-height: 703px;
right: -0px;
top: 20px;
overflow: hidden !important;
max-height: none !important;
height: auto !important;
min-height: auto !important;
background: transparent !important;
position: relative;
display: block;
float: none;
margin-left: 0px !important;
}
#about_wrap .hover_about[data-activhash] {
cursor: pointer !important;
}
html body #container ul li:not(.fake) .preview-txt {
padding: 13px 28px 0px 25px !important;
}
html:not(.fake) body ul li:not(.fake),
html:not(.fake) body ul li:not(.fake) .preview {
display: block !important;
width: 100vw;
min-width: 100vw!important;
max-width: 100vw!important;
position: relative !important;
float: left !important;
display: block !important;
clear: both !important;
margin-left: 0px !important;
text-align: left !important;
height: auto !important;
}
html:not(.fake) body ul li:not(.fake) .preview {
margin-bottom: 175px !important;
}
html body ul li:not(.fake) .preview {
z-index: 9999 !important;
min-height: auto!important;
}
html body ul li:not(.fake) .preview img:not(.icn_fav),
html body .preview:not(.fake):not(.lrg) img.preview-img {
display: inline-block !important;
position: relative !important;
margin-left: 0px !important;
width: 100vw !important;
min-width: 100vw!important;
max-width: 100vw!important;
height: auto !important;
}
html body ul li:not(.fake) .preview img.notlittle_screen700:not(.icn_fav) {
display: none !important;
}
html body .preview:not(.fake):not(.lrg) img[src]:not(.icn_fav),
html body .preview:not(.fake) img.preview-img {
background: #0f0fe9 !important;
/* Deep blue */
/* Multiple USEs caution */
border-bottom: 3px solid yellow !important;
border-color: yellow !important;
width: 100vw !important;
min-width: 100vw !important;
max-width: 100vw !important;
}
/*html body .preview:not(.fake):not(.lrg) img[src$=".gif"]:not(.icn_fav) {
background: #000!important;
}*/
#feed_icns {
background: yellow !important;
display: block !important;
overflow: auto;
padding: 3px !important;
width: 700px;
}
html body ul li:not(.fake) .preview img.icn_fav {
float: left !important;
display: flex !important;
}
html body #container .table.dn {
margin-top: 50px !important;
}
html body #container ul li:not(.fake) .preview-txt,
html body #container ul li:not(.fake),
html body #container ul li:not(.fake) a:not(.icn-feed),
html body #container ul li:not(.fake) a:not(.icn-feed):hover,
html body #container ul li:not(.fake) a[data-hash="#deep_darknet"]+.preview>.preview-txt,
html body #container ul li:not(.fake) h2,
html body #container h2.edit-title,
html body #container ul li:not(.fake) ul li a[data-link],
html body #container ul li .asterix_fat,
html body #container h2.edit-title,
html body #container ul li:not(.fake) a[onmouseover],
html body #container ul li:not(.fake) a[href*="@"]:not(.icn-feed),
html body #container ul li:not(.fake) a[onmouseover]:hover,
html body #container ul li:not(.fake) a[href*="@"]:not(.icn-feed):hover {
border: none !important;
outline: none !important;
width: 100vw;
min-width: 100vw!important;
max-width: 100vw!important;
position: relative !important;
height: auto !important;
margin-left: 0px !important;
left: 0px !important;
position: relative !important;
display: block !important;
float: left !important;
margin: 0px !important;
overflow: visible !important;
padding-bottom: 25px !important;
font-size: 26px !important;
line-height: 1.6em !important;
background: #FFF !important;
color: #000 !important;
box-sizing: border-box !important;
text-align: left !important;
}
html body #container ul li:not(.fake) .bold_sommaire a:not(.icn-feed) {
background: yellow !important;
}
html body #container ul li:not(.fake) a.container_edit-title:not(.icn-feed) {
padding: 0px !important;
border: 0px !important;
margin: 0px !important;
}
html body #container .table {
margin: 0px !important;
padding: 0px !important;
/*margin-left: 3px !important;*/
}
html body #container ul li:not(.fake) h2.edit-title {
color: yellow !important;
background: blue !important;
font-size: 40px !important;
margin-top: 100px;
padding-top: 15px !important;
padding-bottom: 14px !important;
margin-bottom: 0px !important;
margin-left: 0px !important;
/*//JS slice fix cut {
—
}Text content */
width: 100%;
box-sizing: initial !important;
padding-left: 22px !important;
cursor: help !important;
/*width: calc(100% + 93px) !important; //JS slice fix cut {
—
}Text content */
}
.date_date {
/*color: #00b7ff;*/
/*background: yellow;*/
color: #0000b7;
background: transparent;
margin-top: 30px !important;
display: block;
}
#read_more_M2.read_more_txt_open .date_date {
visibility: hidden;
}
/*#read_more_M2 .date_date, */
.date_date.inline {
display: inline;
}
/*html body #container ul li:not(.fake) a.real_ast:not(.icn-feed) {
color: blue !important;
background: yellow !important; padding-top: 20px !important;
}*/
html body #container ul li:not(.fake) a[data-hash],
html body #container ul li:not(.fake) a[data-hash]:not(.icn-feed):hover {
color: blue !important;
background: yellow !important;
padding-top: 15px !important;
margin-top: -5px !important;
}
html body #container ul li:not(.fake) a.real_ast:not(.icn-feed):before {
content: attr(data-link) " ";
color: blue !important;
}
html body ul li:not(.fake) .preview:not(.fake) {
pointer-events: all !important;
clear: both !important;
display: block !important;
float: left !important;
border-top: 10px solid yellow !important;
}
/*html body ul li:not(.fake) .preview img[onerror],*/
br.little_screen {
display: inherit;
}
html body #container:before,
#egrip,
/* html body #container ul li:not(.fake) a.hide_in_menu,
html body #container ul li:not(.fake) a.hide_in_menu > .preview,*/
html body #container a br,
html body #container ul li:not(.fake) img:not([src]),
html body #container ul li:not(.fake) a[href="#about"]:not(.icn-feed),
html body #container ul li.first_li_about:not(.fake),
html body #container ul li:not(.fake) .preview:not(.fake):not(.lrg) img.hideme,
html body ul li:not(.fake) .preview .preview-txt img,
html body #container ul li:not(.fake) .preview-txt>.preview_img:not(.fake),
html body #container ul li:not(.fake) .preview:not(.fake):not(.lrg) img[src="https://vincent-bonnefille.fr/img/lazy.png"],
html.in_frame .indexer,
/*html body #container #dn.table,
html body #container #first.table,*/
/*html body #container ul li:not(.fake) a[data-hd],*/
html body #container ul li:not(.fake) a[data-link="DarkNet I (2015)"],
html body #container ul li:not(.fake) a[data-link="DarkNet I (2015)"]+div.preview,
html body #container ul li:not(.fake) a.bonus_asterix:not(.icn-feed),
html body #container ul li:not(.fake) a.bonus_asterix:not(.icn-feed)+div.preview,
html body #container ul li:not(.fake) a.onion,
html body #container ul li:not(.fake) a.onion+div.preview,
html body .preview:not(.fake):not(.lrg) img.preview-img[src="error"],
li:not(.fake) .preview img[src="error"]:not(.icn_fav),
html body #container ul li:not(.fake) *.notlittle_screen700:not(.fake),
html body #container ul li:not(.fake) *.notlittle_screen700:not(.fake)+div.preview
/*html body #container ul li:not(.fake) a[data-hash="#original-pirate-cinema"],
html body #container ul li:not(.fake) a[data-hash="#original-pirate-cinema"] + div.preview,
html body #container ul li:not(.fake) a[data-hash="#wallabag"],
html body #container ul li:not(.fake) a[data-hash="#wallabag"] + div.preview,
html body #container ul li:not(.fake) a[data-hash="#formation"],
html body #container ul li:not(.fake) a[data-hash="#formation"] + div.preview,
html body #container ul li:not(.fake) a[data-hash="#facetrack-pdf"],
html body #container ul li:not(.fake) a[data-hash="#facetrack-pdf"] + div.preview,
html body #container ul li:not(.fake) a[data-hash="#facetrack-pdf"],
html body #container ul li:not(.fake) a[data-hash="#vuvuzella"] + div.preview,
html body #container ul li:not(.fake) a[data-hash="#facetrack-pdf"],
html body #container ul li:not(.fake) a[data-hash="#vhs-infos"] + div.preview,
html body #container ul li:not(.fake) a[data-hash="#Keybase"] + div.preview > img:not(.icn_fav),*/
/* li:not(.fake) .preview img.notlittle_screen700:not(.icn_fav),*/
/* a[data-menu_hash="#original-pirate-cinema"],
a[data-menu_hash="#wallabag"],
a[data-menu_hash="#formation"],
a[data-menu_hash="#vuvuzella"],
a[data-menu_hash="#about"],
a[data-menu_hash="#facetrack-pdf"],
a[data-menu_hash="#vhs-infos"]*/
{
display: none !important;
}
html body #container b.bold_sommaire {
font-weight: normal !important;
margin: 20px 0px 0px 0px !important;
display: inline-block;
color: #000;
background: yellow;
padding: 0px 10px !important;
}
html body #container b.bold_sommaire.first {
margin-top: 20px !important;
margin-bottom: -59px !important;
}
html body #container .sommaire {
background: blue !important;
color: #FFF !important;
display: inline-block !important;
padding: 1px 10px !important;
}
.table {
margin-bottom: 0px;
clear: both;
display: block;
float: left;
}
html body #container ul li:not(.fake) a[data-hash="#CV"]+.preview:not(.fake):not(.lrg)>.preview-txt>img[src]:not(.icn_fav) {
display: block!important;
width: auto !important;
min-width: auto !important;
max-width: none !important;
height: 100vh !important;
margin: auto !important;
border-bottom: 0px !important;
}
#max-size1,
#max-size2 {
font-size: 30px;
background: blue !important;
color: yellow !important;
border: none !important;
margin-left: -60px;
padding: 12px 10px 8px;
width: auto !important;
/*display: block;*/
left: 100px;
position: relative;
}
#max-size1:hover,
#max-size2:hover {
color: blue !important;
background: yellow !important;
}
#top_menu_wrapper {
display: block;
padding-left: 30px;
background: yellow;
margin-top: 60px;
padding-bottom: 60px;
margin-bottom: 100px;
padding-left: 10px !important;
border-bottom: 20px solid blue;
border-top: 7px solid yellow;
margin-top: 100px;
}
#top_menu:target+#top_menu_wrapper:before {
color: blue;
}
#top_menu_wrapper:not(.go) {
display: none !important;
}
#top_menu_wrapper:before {
content: "Menu";
font-size: 40px;
color: blue;
position: absolute;
background: yellow;
padding: 20px 30px 0px 22px;
margin: -10px;
margin-top: -60px;
}
a[data-menu_hash] {
margin: 15px 30px !important;
margin-left: 13px !important;
display: block;
text-align: left;
font-size: 30px !important;
}
a.menu_edit-title {
margin: 50px 0px 0px -34px !important;
font-weight: normal;
background: blue;
padding: 10px;
width: calc(100% + 34px);
color: #FFF;
box-sizing: border-box;
padding-top: 24px;
font-size: 30px !important;
padding-bottom: 20px !important;
padding-left: 50px !important;
}
a[data-menu_hash]:not(.menu_edit-title):hover {
background: pink!important;
}
a[data-menu_hash].past_menu {
font-weight: bold !important;
background: #04ffad;
color: #000;
}
a[data-menu_hash]:not(.menu_edit-title).past_menu:hover {
background: #20fcd5;
}
a[data-menu_hash].past_menu.menu_edit-title {
background: #04ffad;
color: #000;
}
a.menu_edit-title[data-menu_hash="#art_dn"] {
margin-top: 20px !important;
}
a[data-menu_hash]:not(.menu_edit-title):visited {
background: cyan!important;
}
a[data-menu_hash]:not(.menu_edit-title) {
padding: 7px 7px 4px 7px;
margin-left: 6px !important;
margin-bottom: 20px !important;
margin-top: 20px !important;
}
/*.ifr {
background: #000 !important;
}*/
html body #container .preview,
html body ul li:not(.fake) .preview:not(.fake),
#preview,
a:hover+div.preview,
html body div.preview:hover,
.preview.blk,
.preview img,
.preview {
pointer-events: auto !important;
}
#read-more a.replaced {
font-weight: bold !important;
}
.show_me_more {
position: relative;
right: 0px;
font-size: 30px;
float: right;
color: blue;
background: yellow;
padding: 10px 25px !important;
top: 147px;
z-index: 999998;
margin-top: -63px;
cursor: help;
padding-bottom: 15px !important;
}
/*.show_me_more::after {
content: "afficher";
font-size: 13px;
position: absolute;
margin: -21px -31px;
}*/
html body #container ul li:not(.fake) a[href*="@"]:not(.icn-feed),
html body #container ul li:not(.fake) a[href*="@"]:not(.icn-feed):hover {
background: yellow !important;
}
.show_me_more.img_not_founded,
.show_me_more[imgloaded_count="0"][imgloaded_count_all="0"],
.show_me_more[imgloaded_count_all="1"],
.show_me_more[imgloaded_count_all="2"],
.show_me_more.more_is_loaded::after,
.show_me_more.all_img_loaded::after,
.show_me_more.all_loaded::after {
/*visibility: hidden !important; pointer-events: none !important; */
display: none !important;
}
.show_me_more.more_is_loaded,
.show_me_more.all_img_loaded,
.show_me_more.all_loaded {
/*color: gray !important; cursor: default !important;*/
/*background: #0f0fe9 !important;*/
visibility: hidden !important;
pointer-events: none !important;
}
.preview.h-fix,
.preview.blk {
background: transparent !important;
}
html body #container ul li:not(.fake) .preview.gamma:not(.fake) {
background: url('/img/Flashing.gif') repeat !important;
}
html body #container ul li:not(.fake) .preview.gamma1:not(.fake) {
background: url('/img/preview/en_pire-signal.gif') repeat !important;
}
html body #container ul li:not(.fake) .preview.gamma:not(.fake),
html body #container ul li:not(.fake) .preview.gamma1:not(.fake) {
display: block !important;
overflow: visible !important;
}
html body #container ul li:not(.fake) .preview.gamma:not(.fake) .preview-txt,
html body #container ul li:not(.fake) .preview.gamma1:not(.fake) .preview-txt {
position: relative !important;
border-top: 3px solid yellow !important;
display: block !important;
clear: both;
float: left !important;
vertical-align: bottom;
margin-top: 470px !important;
/*détermine la hauteur de preview (bkg) */
padding-bottom: 90px !important;
}
#container b {
font-weight: normal;
}
small {
font-size: 100%;
}
#about {
padding: 1em !important;
padding-left: 1em !important;
}
html body #container ul li:not(.fake) a[data-link],
html body #container ul li:not(.fake) a.bonus_asterix:not(.icn-feed),
html body #container ul li:not(.fake) a[data-hash],
html body #container ul li:not(.fake) a[data-hash]:hover,
html body #container ul li:not(.fake) a[onmouseover],
html body #container ul li:not(.fake) a[onmouseover]:hover,
html body #container ul li:not(.fake) a[href*="@"]:not(.icn-feed),
html body #container ul li:not(.fake) a[href*="@"]:not(.icn-feed):hover {
color: blue !important;
text-decoration: underline !important;
/*text-decoration-color: #0b77bc !important;*/
padding-left: 20px !important;
padding-bottom: 4px !important;
font-size: 33px !important;
}
html body #container ul li:not(.fake) a[data-hash]:not([href*="@"]) {
border-top: 10px solid blue !important;
padding-bottom: 0px !important;
}
html body #container ul li:not(.fake) .preview-txt a:not(.icn-feed) {
padding: 0px !important;
display: initial !important;
color: blue !important;
width: auto !important;
min-width: auto !important;
float: none !important;
/*text-decoration: underline;*/
}
html body #container ul li:not(.fake) .preview-txt a[href^="#"],
html body #container a span.little_screen_700,
html body #container ul li:not(.fake) .preview-txt a:not(.icn-feed) {
text-decoration: underline !important;
color: blue !important;
text-decoration-skip: ink;
}
html body #container ul li.asterix:not(.edit-title_li) {
border-bottom: 0px solid #FFF !important;
/*margin-bottom: 50px !important;*/
margin-bottom: 0px !important;
padding-bottom: 0px !important;
}
html body #container ul li.asterix.edit-title_li {
margin-top: 0px !important;
margin-bottom: -40px !important;
}
.small_screen:not(.up_bot_button),
.little_screen_700 {
display: block !important;
}
.extra_preview_txt_title,
.big_screen_700 {
display: none !important;
}
html body #container a span.little_screen_700 {
cursor: pointer !important;
display: inline-block !important;
/*text-decoration: underline;*/
}
/*html body #container div.preview img {
background: #0f0fe9 !important;
}*/
.color_blue,
.color_blue0 {
color: blue;
font-weight: bold !important;
}
.color_blue.trait {
font-weight: bolder !important;
font-size: 1.1em !important;
}
.color_blue1 {
color: red;
}
.color_blue2 {
color: green;
}
.color_blue1 {
color: blue;
font-weight: bold;
}
.color_blue1 {
letter-spacing: -1px;
}
html body #container #upper_bottom.up_bot_button,
html body #container #upper.up_bot_button {
position: fixed;
bottom: 0px;
right: 0px;
z-index: 999999 !important;
line-height: 80px !important;
height: 80px;
}
html:not(.on_bottom) #upper,
html.on_bottom #upper_bottom {
display: block !important;
}
#upper[data-menu_back]:before {
content: attr(data-menu_href);
position: fixed;
width: auto;
display: block;
right: 0%;
bottom: 75px;
line-height: 10px;
/*pointer-events: none;*/
background: blue;
padding: 10px 4px 9px 6px;
color: yellow;
float: right;
border: 1px solid;
font-size: 14px;
border-right: 0px;
}
a:active {
color: inherit;
}
a.menu_edit-title:active {
color: #FFF !important;
}
/* #upper[data-menu_back^="#menu_"]:before {
content: attr(data-menu_href)!important;
background: red !important;
}
#upper[data-menu_href^="#menu_"]:before {
content: attr(data-menu_back)!important;
background: green !important;
}
*/
/*html body #container #upper_bottom.up_bot_button a,*/
html body #container #upper.up_bot_button a {
border: 2px solid yellow;
border-width: 3px 0px 0px 3px;
background: blue !important;
padding: 18px 20px !important;
font-size: 40px !important;
color: yellow !important;
position: relative;
top: 3px;
border: 1px solid yellow;
border-right: none;
}
/*html body #container #upper.up_bot_button a:hover,*/
html body #container #upper.up_bot_button a:active,
html body #container #upper[data-menu_back]:active> :before,
html body #container #upper[data-menu_back]:active:before {
background: #000078 !important;
}
#other {
padding-top: 0px;
width: 120px;
float: left;
left: 54px;
position: relative;
bottom: 30px;
}
div.preview img:hover {
cursor: default;
}
div.preview img.icn_fav,
div.preview img.icn_fav:hover {
cursor: pointer;
background: yellow !important;
}
div.preview img.icn_fav:hover,
html body #container a.icn-feed:hover,
html body #container a.icn-feed:active>.icn_fav {
background: blue !important;
border-color: transparent;
}
html body #container a.icn-feed,
div.preview img.icn_fav {
padding: 0px !important;
margin: 0px !important;
background: yellow !important;
}
html body #container img.icn_fav {
width: 100% !important;
}
html body #container a.icn-feed {
width: 77px !important;
position: relative;
left: -13px;
}
html body #container ul li:not(.fake) .preview-txt>img:not(.preview_img) {
margin-left: -20px !important;
margin-bottom: 0px !important;
}
.icn-feed {
float: left !important;
}
#read_more_M2,
.more_M2 {
padding: 10px;
margin-left: -10px;
margin-bottom: 30px;
background: pink!important;
color: blue!important;
}
.more_M2 {
background: transparent!important;
}
#read_more_M2.read_more_txt_open {
background: #0f0fe9!important;
margin-bottom: 15px;
color: yellow !important;
}
#read_more_txt:not(.read_more_txt_open) {
display: none;
}
#read_more_txt.read_more_txt_open {
margin-bottom: 20px;
}
#ifrm_wrap {
display: none !important;
}
html #about:not(.active),
#about {
display: block!important;
}
}
/*-700*/
#container a>span.big_screen_700,
#container a>span.little_screen_700 {
cursor: pointer !important;
}
@media screen and ( min-width: 701px) {
/* +700*/
.little_screen_700,
.show_me_more {
display: none !important;
}
.date_date {
color: blue;
font-size: 16px !important;
}
#welcome_manifest .little_screen_700 {
display: none !important;
}
/* html:not(.first_hover_link) .preview .preview-txt {
display: none;
}
html.first_hover_link .preview .preview-txt,
html.first_hover_done .preview .preview-txt {
display: block;
}*/
html:not(.first_hover_done) .preview .preview-txt {
opacity: 0;
}
html.first_hover_done .preview .preview-txt {
opacity: 1;
}
html.first_hover_link:not(.first_hover_done) .preview .preview-txt {
-webkit-animation: fadeInFromNone 0.3s 0.5s ease-out;
-moz-animation: fadeInFromNone 0.3s 0.5s ease-out;
-o-animation: fadeInFromNone 0.3s 0.5s ease-out;
animation: fadeInFromNone 0.3s 0.5s ease-out;
animation-fill-mode: forwards;
}
@-webkit-keyframes fadeInFromNone {
0% {
opacity: 0;
}
1% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes fadeInFromNone {
0% {
opacity: 0;
}
1% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-o-keyframes fadeInFromNone {
0% {
opacity: 0;
}
1% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeInFromNone {
0% {
opacity: 0;
}
1% {
opacity: 0;
}
100% {
opacity: 1;
}
}
}
html.togo body a.active_about+div.preview:before,
html.togo body h2.active_about li .preview:before,
#about_click_togo,
a.go_out_link {
display: none !important;
}
#bottom {
display: block;
clear: both;
}
html.video_start {
overflow-y: hidden;
}
html.video_start #container {
visibility: hidden;
pointer-events: none !important;
}
html.video_start body:not(.fake) .ifr,
html.video_start body:not(.fake) #desktop,
html.video_start body:not(.fake) #wrap {
width: 100vw !important;
min-width: 100vw !important;
max-width: none !important;
}
#exit_fullscreen {
position: fixed;
top: 25px;
right: 0px;
background: #FFF;
color: #000;
z-index: 999999999;
padding: 10px;
cursor: pointer;
border: 1px solid;
border-right-width: 0px;
}
#vimeo_infos {
position: fixed;
top: 0px;
right: 67px;
background: #000;
padding: 2px;
color: #FFF;
font-size: 10px !important;
line-height: 10px !important;
}
.ifr.vimeo {
background: #000 !important;
}
html #vimeo_infos a {
color: blue !important;
background: #FFF !important;
padding: 4px;
margin-left: -20px !important;
position: fixed;
margin-top: -2px;
}
html body #container ul li:not(.fake) a.read_more_link:not(.icn-feed) {
padding: 0px !important;
margin-left: 25px !important;
margin-top: 15px !important;
/*display: block !important;*/
color: blue !important;
text-align: left !important;
/*z-index: 2;*/
/*position: absolute;*/
cursor: pointer !important;
pointer-events: auto !important;
width: auto;
min-width: auto !important;
}
html body #container ul li:not(.fake) a.read_more_link:not(.icn-feed) * {
/*pointer-events: auto !important;*/
cursor: pointer;
}
html body #container ul li:not(.fake) a.read_more_link span.read_more_please {
text-decoration: underline !important;
}
html body #container ul li:not(.fake) a.read_more_link span.arrow {
padding-left: 3px;
text-decoration: none !important;
}
html body #container ul li:not(.fake) .preview.gamma:not(.fake) a.read_more_link:not(.icn-feed),
html body #container ul li:not(.fake) .preview.gamma1:not(.fake) a.read_more_link:not(.icn-feed) {
margin-top: -40px !important;
z-index: 99999;
}
html body #container a.active:hover {
border: none!important;
}
html[selfhost="offline"] body .selfhosted {
text-decoration-line: line-through !important;
filter: grayscale(1) contrast(0);
}
#about {
display: none!important;
/* width: calc(100% - 180px)!important; */
width: 100% !important;
max-width: 1390px !important;
}
#about.active {
display: inline-block!important;
overflow: auto;
overflow: auto;
position: fixed;
top: 0px;
left: 0px;
}
/* #about:target + .ifr, */
#about.active+#ifrm_wrap {
display: none !important;
}
html.use_tor iframe,
html.use_tor #wrap {
background: #000 !important;
}
html.use_tor #preview img:not(.reverse),
html body div.preview:hover img:not(.reverse),
html.use_tor .preview.blk img:not(.reverse),
html.use_tor .preview img:not(.reverse),
html.use_tor .preview img:not(.reverse),
html.use_tor div.preview img:not(.reverse) {
background: rgb(66, 66, 66) !important;
color: #000078 !important;
}
.blink_text,
.notonion,
html.use_tor div.preview img.reverse {
filter: invert();
}
html.use_tor div.preview img.reverse,
#preview img.reverse,
html body div.preview:hover img.reverse,
html.use_tor .preview.blk img.reverse html.use_tor .preview img.reverse,
html.use_tor .preview img.reverse,
html.use_tor div.preview img.reverse {
background: rgb(241, 241, 241) !important;
}
html.use_tor .toomuch_onion,
html.use_tor .hide_onion {
display: none !important;
}
#ifrm_wrap {
position: fixed;
}
.ifr {
width: 90% !important;
position: absolute;
float: left;
max-width: 1400px;
}
html body .preview.gamma {
background: url('/img/Flashing.gif') repeat !important;
max-width: 70vw!important;
}
html body .preview.gamma1 {
background: url('/img/preview/en_pire-signal.gif') repeat !important;
}
html body .offline {
text-decoration-line: line-through !important;
}
html body .maintenance,
html body .offline {
filter: grayscale(1) contrast(0);
}
/* html body #container .active_about, */
html body #container .active_about span,
html body #container .superhot,
html body #container .active_about.active_about_child {
background: rgb(4, 0, 255)!important;
color: #FFF!important;
}
/*
html body #container .active_about:before {
background: rgb(64 255 0)!important;
color: #FFF!important;
content: "";
width: 0px;
float: right;
position: absolute !important;
height: 2em;
z-index: -2;
} */
a#pgp {
margin-left: -5px;
}
#iframe[src="https://eye.vincent-bonnefille.fr/"] {
display: block;
width: 100% !important;
height: 100% !important;
min-width: 620px !important;
max-width: none;
padding: 2rem !important;
background: #0d0d0d !important;
}
.table {
margin-bottom: 15px;
}
#website.table
{
margin-top: 30px;
}
.table#dn_darknet
{
margin-top: 25px !important;
margin-bottom: 20px;
}
.edit-title.chat-chouquette {
margin-top: 25px !important;
}
.edit-title.chat-chouquette a{
color: #000 !important;
}
#chouquette_fav
{
width: auto;
margin-right: -1px;
top: 3px;
position: relative;
line-height: 1px;
height: 15px;
margin-top: -6px;
}
/* + JS COPIE text to-> preview-txt
REMOVE iconn !!
SEARCH => $(this).find(".iconn").remove() */
.iconn {
display:inline !important;
}
@media screen and ( max-width: 950px) {
.ifr
{
width: 100% !important;
}
#desktop {
display:none;
}
}
@media screen and ( min-width: 950px) {
#mobile_qf {
display:none;
}
}