Commit 0b043253 authored by Oncela's avatar Oncela

Replace popup.css

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