deepcrayon/lila
deepcrayon/lila
1
0
Fork 0
Code Releases Activity

replace powerTip arrow with a box shadow

Browse source
This commit is contained in:
Thibault Duplessis 2015-06-09 18:14:59 +02:00
parent a6a5917d96
commit 0d3ee94abc
2 changed files with 3 additions and 95 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

95
public/stylesheets/common.css
View file

@ -350,6 +350,7 @@ div.content_box .loader:after {
display: none;
position: absolute;
z-index: 2147483647;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}
#powerTip > .title {
padding: 5px;
@ -409,100 +410,6 @@ div.content_box .loader:after {
text-align: center;
border-bottom: 1px solid #c0c0c0;
}
#powerTip::before,
#hook::before {
content: "";
position: absolute;
}
#powerTip.n::before,
#powerTip.s::before {
border-right: 5px solid transparent;
border-left: 5px solid transparent;
left: 50%;
margin-left: -5px;
}
#powerTip.e::before,
#powerTip.w::before {
border-bottom: 5px solid transparent;
border-top: 5px solid transparent;
margin-top: -5px;
top: 50%;
}
#powerTip.n::before {
border-top: 10px solid #acacac;
border-top: 10px solid rgba(172, 172, 172, 0.8);
bottom: -10px;
}
#powerTip.e::before {
border-right: 10px solid #acacac;
border-right: 10px solid rgba(172, 172, 172, 0.8);
left: -10px;
}
#powerTip.s::before {
border-bottom: 10px solid #acacac;
border-bottom: 10px solid rgba(172, 172, 172, 0.8);
top: -10px;
}
#powerTip.w::before {
border-left: 10px solid #acacac;
border-left: 10px solid rgba(172, 172, 172, 0.8);
right: -10px;
}
#powerTip.ne::before,
#hook.ne::before,
#powerTip.se::before {
border-right: 10px solid transparent;
border-left: 0;
left: 10px;
}
#powerTip.nw::before,
#powerTip.sw::before {
border-left: 10px solid transparent;
border-right: 0;
right: 10px;
}
#powerTip.ne::before,
#hook.ne::before,
#powerTip.nw::before {
border-top: 10px solid #acacac;
border-top: 10px solid rgba(172, 172, 172, 0.8);
bottom: -10px;
}
#powerTip.se::before,
#powerTip.sw::before {
border-bottom: 10px solid #acacac;
border-bottom: 10px solid rgba(172, 172, 172, 0.8);
top: -10px;
}
#powerTip.nw-alt::before,
#powerTip.ne-alt::before,
#hook.ne-alt::before,
#powerTip.sw-alt::before,
#powerTip.se-alt::before {
border-top: 10px solid #acacac;
border-top: 10px solid rgba(172, 172, 172, 0.8);
bottom: -10px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
left: 10px;
}
#powerTip.ne-alt::before,
#hook.ne-alt::before {
left: auto;
right: 10px;
}
#powerTip.sw-alt::before,
#powerTip.se-alt::before {
border-top: none;
border-bottom: 10px solid #acacac;
border-bottom: 10px solid rgba(172, 172, 172, 0.8);
bottom: auto;
top: -10px;
}
#powerTip.se-alt::before {
left: auto;
right: 10px;
}
.clearfix::after {
content: ".";
display: block;

3
public/stylesheets/dark.css
View file

@ -307,7 +307,8 @@ body.dark div.table_wrap > div.clock.outoftime > div.time {
background-color: #a00000;
color: #d0d0d0;
}
body.dark div.content_box {
body.dark div.content_box,
body.dark #powerTip {
box-shadow: 0 1px 2px #000;
}
body.dark div.content_box_top {