79 lines
2.4 KiB
CSS
79 lines
2.4 KiB
CSS
/* +-----------------------------------------------------------------------+ *\
|
|
|* | share widget styling | *|
|
|
|* | (c) 2014 Michał "rysiek" Woźniak <rysiek@hackerspace.pl> | *|
|
|
|* | Licensed under AGPL | *|
|
|
\* +-----------------------------------------------------------------------+ */
|
|
.share-link-container h3 {
|
|
font-weight:bold;
|
|
}
|
|
.share-link-container input[type="checkbox"] {
|
|
vertical-align:middle;
|
|
}
|
|
.share-link-container input[type="text"],
|
|
.share-link-container input[type="e-mail"],
|
|
.share-link-container input[type="password"],
|
|
.share-link-container input[type="submit"],
|
|
.share-link-container input[type="date"] {
|
|
color:#333;
|
|
font-family: "Lucida Grande", Arial, Verdana, sans-serif;
|
|
font-size: 1em;
|
|
box-sizing: content-box;
|
|
background: #fff;
|
|
cursor: text;
|
|
margin: .3em 0px;
|
|
padding: .6em .5em .4em;
|
|
border: 1px solid #ddd;
|
|
outline: none;
|
|
border-radius: 3px;
|
|
width:100%;
|
|
min-width:10em;
|
|
box-sizing:border-box;
|
|
}
|
|
.share-link-container input[type="submit"] {
|
|
cursor:pointer;
|
|
}
|
|
.share-link-container input:invalid {
|
|
background:#fee;
|
|
}
|
|
/* by default, in a .displayable-container do not display direct-descending .displayable */
|
|
.displayable-container > .displayable {
|
|
max-height:0px;
|
|
-moz-transition:max-height ease-out 0.5s, opacity ease-out 0.5s;
|
|
-webkit-transition:max-height ease-out 0.5s, opacity ease-out 0.5s;
|
|
transition:max-height ease-out 0.5s, opacity ease-out 0.5s;
|
|
overflow:hidden;
|
|
opacity:0.1;
|
|
}
|
|
/* a hidden control checkbox should be hidden */
|
|
.displayable-container > .displayable-control.hide {
|
|
display:none;
|
|
}
|
|
/* a marker to end a given displayable */
|
|
.displayable-container > .displayable:not(.noafter):last-child::after {
|
|
width:75%;
|
|
height:0px;
|
|
display:block;
|
|
content:" ";
|
|
margin:0.2em auto 0.5em auto;
|
|
border-top:solid 1px #ddd;
|
|
}
|
|
/* display the rest once the checkbox is :checked */
|
|
.displayable-container > .displayable-control:checked ~ .displayable {
|
|
max-height:500px;
|
|
opacity:1;
|
|
-moz-transition:max-height ease-in 1s, opacity ease-in 0.5s;
|
|
-webkit-transition:max-height ease-in 1s, opacity ease-in 0.5s;
|
|
transition:max-height ease-in 1s, opacity ease-in 0.5s;
|
|
}
|
|
/* e-mail form */
|
|
.e-mail-form-container {
|
|
display:flex;
|
|
flex-direction:row;
|
|
}
|
|
.e-mail-form-container > input {
|
|
flex:auto 1;
|
|
}
|
|
.e-mail-form-container > input[type="submit"] {
|
|
min-width:5em;
|
|
width:auto;
|
|
} |