Commit 0b043253 authored by Oncela's avatar Oncela

Replace popup.css

parent d4e75bdb
#gafam_detector #gafam_detector
{ {
box-sizing: initial;
font-family: sans; font-family: sans;
color: white; color: #333;
font-size: 16px; font-size: 16px;
line-height: 20px; line-height: 20px;
text-align: left; text-align: left;
box-sizing: content-box;
} }
.company .company
{ {
box-sizing: initial; .box-sizing: initial;
position: fixed; position: fixed;
height: 40px; width: 220px;
width: 170px; left: -250px;
padding: 10px 20px;
left: -210px;
z-index: 100000000000; z-index: 100000000000;
} transition: .5s;
box-sizing: content-box;
}
.title, .subtitle
{
text-align: center;
font-weight: bold;
}
.title
{
.font-size: 22px;
background: #333;
padding: 6px;
height: 40px;
line-height: 40px;
box-sizing: content-box;
}
.title img
{
max-width: 120px;
height: 32px;
vertical-align: middle;
box-sizing: content-box;
}
.subtitle
{
padding: 3px 0 6px;
}
.subtitle .first
{
font-size: 15px;
line-height: 18px;
}
.subtitle .second
{
font-size: 19px;
line-height: 20px;
}
.company:before .company:before
{ {
position: absolute; position: absolute;
content: ""; content: "";
width: 230px; width: 50px;
height: 80px; height: 200px;
background: transparent; background: transparent;
left: 0px; left: -50px;
top: 0px; top: 0px;
} }
.company:hover ~ .company
{
left: -200px;
}
.show .show
{ {
...@@ -39,84 +84,120 @@ ...@@ -39,84 +84,120 @@
.fold .fold
{ {
left: -185px; left: -200px;
transition: .5s; transition: .5s;
} }
.company p .info
{ {
margin: 0; display: none;
padding: 0; text-align: center;
} }
.info .company:hover
{
left: 40px;
transition: .2s;
}
.company:hover > .info
{ {
visibility: hidden;
box-sizing: initial;
position: relative;
left: 210px;
top: -50px;
background: inherit;
width: 260px;
padding: 10px;
padding-bottom: 30px;
}
.company:hover > .info {
visibility: visible; visibility: visible;
display : block;
}
.intro
{
background: #333;
padding: 12px 16px 0px;
}
.type_list
{
padding: 10px 0px 16px;
text-align: center;
background: #333;
} }
.type .type
{ {
list-style-type: none; cursor: pointer;
box-sizing: initial; display: inline;
margin-top: 10px; padding: 5px 5px;
margin-bottom: 30px; padding-right: 10px;
padding-left: 20px; line-height: 36px;
font-size: inherit; color: #333 !important;
line-height: inherit; margin: 0px 20px;
background: inherit; }
.type b
{
padding: 1px 5px;
background: #333;
}
.counter {
padding: 12px 0px 18px;
}
.prop
{
background: #333;
display: inline;
padding: 6px;
padding-right: 8px;
line-height: 36px;
cursor: pointer;
} }
.type_count .prop b
{ {
cursor: pointer; padding: 1px 2px;
color: #333;
} }
.type_requests .type_requests, .counter_div
{ {
visibility: hidden; visibility: hidden;
background: inherit; text-align: left;
box-sizing: initial;
position: absolute; position: absolute;
width: 880px; width: 880px;
left: 300px; left: 240px;
top: 0; top: 0;
padding: 10px;
} }
.type_count:hover + .type_requests .type_requests .intro, .counter_div div
{ {
visibility: visible; padding: 10px 20px;
background: #333;
} }
.type_url
.type_url li, .counter_div li
{ {
list-style-type: decimal; list-style-type: decimal;
color: #333;
}
.type:hover + .type_requests, .prop:hover + .counter_div
{
visibility: visible;
}
.type_url, .counter_div ul
{
font-family: monospace; font-family: monospace;
box-sizing: initial; box-sizing: initial;
margin-top: 10px; margin-top: 20px;
margin-bottom: 20px; margin-bottom: 20px;
padding-left: 38px; padding-left: 50px;
font-size: 14px; font-size: 14px;
line-height: 20px; line-height: 20px;
} }
.type_url li .outro
{ {
list-style-type: decimal; background: #333;
padding: 12px 0px;
cursor: pointer;
} }
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