Commit 17c3463e authored by Oncela's avatar Oncela
Browse files

infobulles colorées et concernant chacun des types de ressource

parent 41a37073
.flag
{
color: white;
position: fixed;
box-sizing: initial;
font-family: sans;
color: white;
font-size: 16px;
line-height: 20px;
line-height: 20px;
text-align: left;
padding: 10px;
height: 40px;
width: 170px;
padding: 10px 20px;
left: -210px;
.cursor: pointer;
z-index: 100000000000;
font-family: sans;
height: 40px; box-sizing:
content-box;
left: -225px;
transition: 1s;
cursor: pointer;
width: 230px;
}
.show
.flag:before
{
position: absolute;
content: "";
width: 230px;
height: 80px;
background: transparent;
left: 0px;
top: 0px;
}
.show
{
transition: .5s;
left: 0px;
}
}
.flag:after
{
content: '';
width: 0;
height: 0;
border-top: 0px solid #f2563c;
border-right: 0px solid transparent;
position: absolute;
top: 0;
border-bottom: 0px solid #f2563c;
right: -30px;
.fold
{
left: -185px;
transition: .5s;
}
.bubble {
.bubble
{
visibility: hidden;
box-sizing: initial;
position: relative;
left: 240px;
width: 260px;
left: 210px;
top: -50px;
padding: 12px;
padding-bottom: 20px;
font-size: 16px;
background: inherit;
width: 260px;
padding: 10px;
padding-bottom: 30px;
}
.flag a, .flag b
{
.color: #333;
font-weight: bold;
.flag:hover > .bubble {
visibility: visible;
}
code
.details_button
{
text-decoration: underline;
cursor: pointer;
}
.flag:hover > .bubble {
visibility: visible;
.bubble ul
{
list-style-type: none;
box-sizing: initial;
margin-top: 10px;
margin-bottom: 30px;
padding-left: 20px;
font-size: inherit;
line-height: inherit;
background: inherit;
}
.details
{
visibility: hidden;
font-family: monospace;
position: fixed;
width: 67%;
left: 30%;
top: 2%;
background: white;
color: black;
border: 1px solid black;
padding: 14px;
font-size: 12px;
line-height: 16px;
background: inherit;
box-sizing: initial;
position: absolute;
width: 880px;
left: 300px;
top: 0;
padding: 10px;
}
.details_button:hover ~ .details
.details_button:hover + .details
{
visibility: visible;
}
.details ol
{
list-style-type: decimal;
font-family: monospace;
box-sizing: initial;
margin-top: 20px;
margin-bottom: 20px;
padding-left: 38px;
font-size: 14px;
line-height: 20px;
}
.details li
{
list-style-type: decimal;
}
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment