Commit 17c3463e authored by Oncela's avatar Oncela

infobulles colorées et concernant chacun des types de ressource

parent 41a37073
.flag .flag
{ {
color: white;
position: fixed; position: fixed;
box-sizing: initial;
font-family: sans;
color: white;
font-size: 16px; font-size: 16px;
line-height: 20px; line-height: 20px;
text-align: left; text-align: left;
padding: 10px;
height: 40px;
width: 170px;
padding: 10px 20px;
left: -210px;
.cursor: pointer;
z-index: 100000000000; 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; transition: .5s;
left: 0px; left: 0px;
} }
.flag:after .fold
{ {
content: ''; left: -185px;
width: 0; transition: .5s;
height: 0;
border-top: 0px solid #f2563c;
border-right: 0px solid transparent;
position: absolute;
top: 0;
border-bottom: 0px solid #f2563c;
right: -30px;
} }
.bubble { .bubble
{
visibility: hidden; visibility: hidden;
box-sizing: initial;
position: relative; position: relative;
left: 240px; left: 210px;
width: 260px;
top: -50px; top: -50px;
padding: 12px;
padding-bottom: 20px; background: inherit;
font-size: 16px; width: 260px;
padding: 10px;
padding-bottom: 30px;
} }
.flag a, .flag b .flag:hover > .bubble {
{ visibility: visible;
.color: #333;
font-weight: bold;
} }
code .details_button
{ {
text-decoration: underline; cursor: pointer;
} }
.flag:hover > .bubble { .bubble ul
visibility: visible; {
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 .details
{ {
visibility: hidden; visibility: hidden;
font-family: monospace; background: inherit;
position: fixed; box-sizing: initial;
width: 67%;
left: 30%; position: absolute;
top: 2%; width: 880px;
background: white; left: 300px;
color: black; top: 0;
border: 1px solid black; padding: 10px;
padding: 14px;
font-size: 12px;
line-height: 16px;
} }
.details_button:hover ~ .details .details_button:hover + .details
{ {
visibility: visible; 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