html, body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, label, fieldset, input, blockquote, th, td, img { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
@font-face {
font-family:'Audiowide';
src: url('../fonts/Audiowide.woff'); }
@font-face {
font-family:'Jura';
src: url('../fonts/Jura.woff'); }
/**********************************************************************
GENERIQUE (PROJETS/LAB/ARTICLES)
**********************************************************************/
ul.sommaire {
}
ul.sommaire font {
}
ul.sommaire a {
color:black;
}
ul.sommaire a:hover {
color:red;
}
/**/
div.link-frame {
width:100%;
height:4vh;
line-height: 1em;
border:solid 1px #d5d5d5;
border-radius:4px;
background-color:rgba(255,255,255,0.1);
cursor:pointer;
-webkit-transition: border 0.5s ease-in-out;
-moz-transition: border 0.5s ease-in-out;
-ms-transition: border 0.5s ease-in-out;
-o-transition: border 0.5s ease-in-out;
transition: border 0.5s ease-in-out;
}
div.link-frame:hover {
border:solid 1px red;
}
div.link-frame a {
display:flex;
align-items:center;
justify-content:center;
height:100%;
width:100%;
color:gray;
text-decoration:none;
-webkit-transition:color 0.5s ease-in-out;
-moz-transition:color 0.5s ease-in-out;
-ms-transition:color 0.5s ease-in-out;
-o-transition:color 0.5s ease-in-out;
transition:color 0.5s ease-in-out;
}
div.link-frame a:hover {
color:red;
}
/* OUTPUT FRAME */
pre.cmdoutput-matrix {
display:block;
margin:5px auto 0 auto;
padding-left:0.5vw;
padding-right:0.5vw;
padding-top:1.5vh;
padding-bottom:1.5vh;
line-height: 1em;
word-break: break-all;
white-space: pre-wrap;
color:lime;
border:solid 1px #d5d5d5;
border-radius:4px;
background-color:rgba(4,4,4,0.9);
box-sizing:border-box;
}
pre.cmdoutput-linux {
display:block;
margin:5px auto 0 auto;
padding-left:0.5vw;
padding-right:0.5vw;
padding-top:1.5vh;
padding-bottom:1.5vh;
line-height: 1em;
word-break: break-all;
white-space: pre-wrap;
color:lightgray;
border:solid 1px #d5d5d5;
border-radius:4px;
background-color:rgba(4,4,4,0.9);
box-sizing:border-box;
}
pre.cmdoutput-win {
display:block;
margin:5px auto 0 auto;
padding-left:0.5vw;
padding-right:0.5vw;
padding-top:1.5vh;
padding-bottom:1.5vh;
line-height: 1em;
word-break: break-all;
white-space: pre-wrap;
color:cyan;
border:solid 1px #d5d5d5;
border-radius:4px;
background-color:rgba(0,0,200,0.8);
box-sizing:border-box;
}
pre.smpltxt {
color:black;
padding-left:0.5vw;
padding-top:1.5vh;
padding-bottom:1.5vh;
line-height: 1em;
border:solid 1px yellow;
border-radius:4px;
background-color:rgba(220,220,220,0.8);
}
pre.smpltxtdark {
color:white;
padding-left:0.5vw;
padding-top:1.5vh;
padding-bottom:1.5vh;
line-height: 1em;
border:solid 1px yellow;
border-radius:4px;
background-color:rgba(20,20,20,0.8);
}
/* TITLE */
h1.title {
margin-top:30px;
margin-bottom:20px;
color:black;
text-decoration:underline;
}
h2.title {
font-size:18px;
margin-top:30px;
margin-bottom:20px;
color:black;
text-decoration:underline;
}
h3.title {
font-size:18px;
margin-top:30px;
margin-bottom:20px;
color:black;
}
/* */
div.citation {
padding-left:0.5vw;
padding-top:0.25vh;
padding-bottom:0.25vh;
border:solid 1px black;
border-radius:4px;
background-color:rgba(200,200,200,0.5);
}
div.citation p {
color:lightgray;
color:black;
padding-left:0.5vw;
padding-top:0.5vh;
padding-bottom:0.5vh;
font-style:italic;
border-left:solid 3px gray;
}
/* */
div.warning {
color:lightgray;
padding-left:1.5vw;
padding-top:1.5vh;
padding-bottom:1.5vh;
border:solid 1px red;
border-radius:4px;
background-color:rgba(200,200,200,0.5);
background-color:rgba(40,0,0,0.8);
}
div.tips {
}
/* */
div.___disclamer-title {
width:100%;
margin:0px auto;
color:red;
padding:0px 0px 2px 0px;
font-family:Audiowide;
font-size:calc(0.7vw + 0.7vh + 0.7vmin);
letter-spacing:0.1vw;
text-align:left;
}
div.disclamer {
color:white;
padding-left:1vw;
padding-right:1vw;
padding-top:1.5vh;
padding-bottom:1.5vh;
font-weight:bold;
border:solid 1px red;
border-radius:4px;
background-color:rgba(100,0,0,0.8);
}
/**********************************************************************
PROJETS
**********************************************************************/
/* HARDWARE SPEC */
table.projet-pandora-hardware {
width:100%;
margin:0px auto;
border:1px solid #777777;
}
table.projet-pandora-hardware tr {
border-bottom:1px solid #777777;
}
table.projet-pandora-hardware th {
padding-top:10px;
padding-bottom:10px;
font-family:Audiowide;
color:white;
font-size:calc(0.4vw + 0.4vh + 0.4vmin);
letter-spacing:1px;
background-color:rgba(0,0,0,0.9);
}
table.projet-pandora-hardware td {
padding-top:10px;
padding-bottom:10px;
background-color:rgba(255,255,255,0.8);
}
table.projet-pandora-hardware th.name {
width:30%;
padding-left:10px;
}
table.projet-pandora-hardware th.desc {
width:60%;
}
table.projet-pandora-hardware th.price {
width:10%;
}
table.projet-pandora-hardware td.name {
width:30%;
padding-left:10px;
font-family:Audiowide;
color:black;
font-size:calc(0.4vw + 0.4vh + 0.4vmin);
letter-spacing:1px;
}
table.projet-pandora-hardware td.desc {
width:50%;
font-family:Lucida Console;
font-size:calc(0.4vw + 0.4vh + 0.4vmin);
color:black;
}
table.projet-pandora-hardware td.link {
width:20%;
font-family:Lucida Console;
font-size:calc(0.4vw + 0.4vh + 0.4vmin);
color:black;
}
/* COMBO */
table.combo {
width:100%;
margin:0px auto;
text-align:center;
border-top:1px solid gray;
border-bottom:1px solid gray;
}
table.combo .img {
width:50%;
padding-top:2vh;
}
table.combo .img img.pi {
width:11vw;
height:20vh;
vertical-align:middle;
margin:0 20px;
}
table.combo .img img.kali {
width:15vw;
height:20vh;
vertical-align:middle;
margin:0 20px;
}
table.combo .name {
padding-top:2vh;
width:50%;
color:black;
font-family:Jura;
font-size:calc(0.85vw + 0.85vh + 0.85vmin);
font-weight:bold;
letter-spacing:0;
}
table.combo .txt {
width:50%;
color:gray;
font-family:Jura;
font-size:calc(0.65vw + 0.65vh + 0.65vmin);
letter-spacing:0;
}
/* WIFI ADAPTATER LIST */
table.projet-pandora-hardware-wifi {
width:100%;
margin:10px auto 0 auto;
color:black;
}
table.projet-pandora-hardware-wifi tr {
border-bottom:0px solid #777777;
}
table.projet-pandora-hardware-wifi th {
padding:10px;
color:white;
font-family:Audiowide;
font-size:calc(0.36vw + 0.36vh + 0.36vmin);
font-weight:normal;
border:1px solid black;
background-color:rgba(0,0,0,1);
}
table.projet-pandora-hardware-wifi td {
padding:10px;
border:1px solid #777777;
}
table.projet-pandora-hardware-wifi th.manu {
width:20%;
}
table.projet-pandora-hardware-wifi th.model {
width:20%;
}
table.projet-pandora-hardware-wifi th.monitor {
width:14%;
}
table.projet-pandora-hardware-wifi th.vif {
width:16%;
}
table.projet-pandora-hardware-wifi th.injection {
width:10%;
}
table.projet-pandora-hardware-wifi th.ghz {
width:10%;
}
table.projet-pandora-hardware-wifi th.price {
width:10%;
}
table.projet-pandora-hardware-wifi td.manu {
font-family:Audiowide;
font-size:calc(0.4vw + 0.4vh + 0.4vmin);
letter-spacing:1px;
background-color:rgba(255,255,255,1);
}
table.projet-pandora-hardware-wifi td.model {
font-family:Audiowide;
font-size:calc(0.4vw + 0.4vh + 0.4vmin);
letter-spacing:1px;
background-color:rgba(255,255,255,1);
}
table.projet-pandora-hardware-wifi td.monitor {
font-family:consolas;
font-size:calc(0.5vw + 0.5vh + 0.5vmin);
letter-spacing:1px;
background-color:rgba(0,0,0,0.8);
}
table.projet-pandora-hardware-wifi td.vif {
font-family:consolas;
font-size:calc(0.5vw + 0.5vh + 0.5vmin);
letter-spacing:1px;
background-color:rgba(0,0,0,0.8);
}
table.projet-pandora-hardware-wifi td.injection {
font-family:consolas;
font-size:calc(0.5vw + 0.5vh + 0.5vmin);
letter-spacing:1px;
background-color:rgba(0,0,0,0.8);
}
table.projet-pandora-hardware-wifi td.ghz {
font-family:consolas;
font-size:calc(0.5vw + 0.5vh + 0.5vmin);
letter-spacing:1px;
background-color:rgba(0,0,0,0.8);
}
table.projet-pandora-hardware-wifi td.price {
font-family:Audiowide;
font-size:calc(0.4vw + 0.4vh + 0.4vmin);
letter-spacing:1px;
background-color:rgba(255,255,255,1);
}
table.projet-pandora-hardware-wifi .yes {
color:lime;
}
table.projet-pandora-hardware-wifi .no {
color:red;
}
/**/
table.projet-pandora-hardware-wifi-spec {
width:100%;
margin:10px auto 0 auto;
color:black;
}
table.projet-pandora-hardware-wifi-spec td {
padding:10px;
border:1px solid #777777;
background-color:rgba(255,255,255,1);
}
table.projet-pandora-hardware-wifi-spec td.text {
width:50%;
font-family:Audiowide;
font-size:calc(0.45vw + 0.45vh + 0.45vmin);
letter-spacing:1px;
}
table.projet-pandora-hardware-wifi-spec td.value {
width:50%;
font-family:Jura;
font-size:calc(0.5vw + 0.5vh + 0.5vmin);
letter-spacing:1px;
}
/**********************************************************************
ARTICLES
**********************************************************************/
/* HEADER */
table.billet-header {
width:100%;
margin:0px auto;
font-family:'Audiowide', cursive;
font-size:calc(0.4vw + 0.4vh + 0.4vmin);
letter-spacing:1px;
color:gray;
font-weight:bold;
text-decoration:none;
}
table.billet-header .categorie {
width:10%;
}
table.billet-header .categorie-text {
width:75%;
color:black;
}
table.billet-header .date {
width:5%;
}
table.billet-header .date-text {
width:10%;
color:black;
text-align:right;
}
div.billet-header-title {
width:100%;
margin:0px auto;
padding-top:7vh;
padding-bottom:7vh;
text-align:center;
border-top:2px solid red;
border-bottom:2px solid red;
font-family:'Audiowide', cursive;
font-size:calc(0.9vw + 0.9vh + 0.9vmin);
letter-spacing:0.1vw;
color:black;
font-weight:bold;
text-decoration:none;
background-color:rgba(10,10,10,0.8);
background-color:rgba(250,250,250,0.2);
}
/* VERSIONS */
div.atc-version {
width:100%;
}
div.atc-version table {
width:100%;
margin:0px auto;
}
div.atc-version tr {
margin:0px auto;
}
div.atc-version th {
padding:10px;
color:white;
font-family:Audiowide;
font-size:calc(0.36vw + 0.36vh + 0.36vmin);
font-weight:normal;
border:1px solid black;
background-color:rgba(0,0,0,1);
}
div.atc-version td {
width:100%;
margin:0px auto;
padding:10px;
border:1px solid #777777;
}
div.atc-version .hdr-version {
width:20%;
}
div.atc-version .hdr-desc {
width:60%;
}
div.atc-version .hdr-date {
width:20%;
}
div.atc-version td.version {
width:20%;
}
div.atc-version td.desc {
width:60%;
}
div.atc-version td.date {
width:20%;
}
/* VERSIONS */
div.atc-hw-spec {
width:100%;
}
div.atc-hw-spec table {
width:100%;
margin:0px auto;
}
div.atc-hw-spec tr {
margin:0px auto;
}
div.atc-hw-spec th {
padding:10px;
color:white;
font-family:Audiowide;
font-size:calc(0.36vw + 0.36vh + 0.36vmin);
font-weight:normal;
border:1px solid black;
background-color:rgba(0,0,0,1);
}
div.atc-hw-spec td {
width:100%;
margin:0px auto;
padding:10px;
border:1px solid #777777;
}
/**********************************************************************
BACK TO TOP
**********************************************************************/
.scroll-top-wrapper {
position: fixed;
opacity: 0;
visibility: hidden;
overflow: hidden;
text-align: center;
z-index: 99999999;
background-color: black;
color: #eeeeee;
width: 50px;
height: 48px;
line-height: 48px;
right: 30px;
bottom: 30px;
padding-top: 0px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
border:1px solid darkred;
}
.scroll-top-wrapper:hover {
background-color:#400000;
border:1px solid red;
box-shadow:0px 0px 50px 2px red;
-moz-box-shadow:0px 0px 50px 2px red;
-webkit-box-shadow:0px 0px 20px 1px red;
-o-box-shadow:0px 0px 50px 2px red;
}
.scroll-top-wrapper.show {
visibility:visible;
cursor:pointer;
opacity:1.0;
}
.scroll-top-wrapper font {
font-size:calc(1vw + 1vh + 1vmin);
}