mirror of
https://github.com/jsbin/jsbin.git
synced 2026-01-18 15:18:04 +00:00
107 lines
2.0 KiB
CSS
107 lines
2.0 KiB
CSS
/*#panels a:nth-child(4) {
|
|
display: none;
|
|
}
|
|
#panels a:nth-child(3).active + a ,
|
|
#panels a:nth-child(4).active {
|
|
display: inline-block;
|
|
}*/
|
|
|
|
/* nav */
|
|
#control,
|
|
.control {
|
|
background: rgb(237, 237, 237);
|
|
background: hsl(0, 0%, 93%);
|
|
border-bottom: rgb(191, 191, 191) solid 1px;
|
|
border-bottom: hsl(0, 0%, 75%) solid 1px;
|
|
}
|
|
#control *,
|
|
.control * {
|
|
text-shadow: none;
|
|
/* font-family: opensans; */
|
|
}
|
|
|
|
/* toggles */
|
|
.hasContent {
|
|
font-weight: bold;
|
|
background: none;
|
|
}
|
|
.hasContent:after {
|
|
display: none;
|
|
}
|
|
.hasContent.active {
|
|
font-weight: normal;
|
|
}
|
|
|
|
/* thick line at the top of the panel */
|
|
.panel:before,
|
|
.focus.panel:before {
|
|
background: none !important;
|
|
}
|
|
|
|
/*panel backgrounds*/
|
|
.panel {
|
|
background: rgb(247, 247, 247);
|
|
background: hsl(0, 0%, 97%);
|
|
}
|
|
.panel.focus {
|
|
background: #fff;
|
|
}
|
|
/*panel borders*/
|
|
.stretch.panelwrapper {
|
|
border-left-color: rgb(230, 230, 230) !important;
|
|
border-left-color: hsl(60, 0%, 90%) !important;
|
|
background: white !important;
|
|
}
|
|
/* panel borders hovered */
|
|
.resize:hover + .stretch.panelwrapper {
|
|
border-left-color: #39f !important;
|
|
border-left-style: dashed !important;
|
|
}
|
|
.resize {
|
|
cursor:move !important;
|
|
}
|
|
|
|
/* panel menus */
|
|
.label.menu span strong a {
|
|
color: rgb(0, 170, 255);
|
|
color: hsla(200, 100%, 50%, 1);
|
|
font-weight: normal;
|
|
}
|
|
.label .name {
|
|
color: rgba(0,0,0,0.5);
|
|
}
|
|
|
|
/* avatar */
|
|
.avatar img {
|
|
box-shadow: none;
|
|
vertical-align: middle;
|
|
}
|
|
#accountBtn img {
|
|
margin-top: -4px;
|
|
}
|
|
|
|
.open .avatar img,
|
|
.avatar:hover img {
|
|
-webkit-filter: brightness(125%) saturate(125%);
|
|
-moz-filter: brightness(125%) saturate(125%);
|
|
-ms-filter: brightness(125%) saturate(125%);
|
|
filter: brightness(125%) saturate(125%);
|
|
}
|
|
|
|
.pro1 .dropdowncontent {
|
|
background: #FFFBDF;
|
|
color: white !important;
|
|
}
|
|
|
|
.pro1 .dropdowncontent:after {
|
|
position: absolute;
|
|
width: 0px;
|
|
height: 0px;
|
|
border-style: solid;
|
|
border-width: 0 0 40px 40px;
|
|
border-color: transparent transparent gold transparent;
|
|
/* top: 32px; */
|
|
bottom: 1px;
|
|
right: 1px;
|
|
content: '';
|
|
} |