spectabular/popup.css
2015-02-23 17:59:42 -05:00

86 lines
1.3 KiB
CSS

html{
height:600px;
max-height: 600px;
}
body{
height:600px;
max-height:600px;
width:400px;
overflow:scroll;
}
ul#windows{
max-height:600px;
}
ul.tabs{
padding-left: .875em;
}
li.tab{
list-style: none;
background-color:#FFFFFF;
background-repeat: no-repeat;
background-position-y: 4px;
background-size: 16px 16px;
padding-left: 18px;
padding-top: 3px;
padding-bottom: 3px;
margin-left: 0px;
}
li.tab > span.tabName{
width:400px;
padding-top: 2px;
display:inline-block;
text-overflow: ellipsis;
overflow-x: hidden;
white-space: nowrap;
padding-right: 30px;
max-width: 100%;
box-sizing: border-box;
position: relative;
}
li.tab:hover,li.tab.keyHover{
background-color:#B3B3B3;
}
li.window>span.textContent{
display:block;
width: 100%;
}
li.window>span.textContent:hover,li.window.keyHover>span.textContent{
background-color:#B3B3B3;
}
.noselect {
-webkit-touch-callout: none;
-webkit-user-select: none;
user-select: none;
}
.pointer{
cursor: pointer;
}
i.close{
position:absolute;
top:1px;
right:5px;
font-size: 14px;
color:#000;
}
i.close:hover,i.close.fakeHover{
color:#E53935
}
i.pin{
position:absolute;
top:2px;
right:20px;
font-size: 14px;
color:#000;
}
i.pin.pinned{
color:#1565C0;
}
i.pin:hover,i.pin.fakeHover{
color:#1565C0;
}
i.pin.pinned:hover,i.pin.pinned.fakeHover{
color:#000;
}
input#search{
width:100%;
}