/** Alert, confirm and error messages */
h3.warning {
margin: 1em;
color: red;
}
span.error, b.error {
color: #900;
}
span.confirm, b.confirm {
color: #090;
}
span.alert, b.alert {
color: #990;
}
.alert p, .error p, .confirm p {
margin-bottom: .8em;
}
.block table {
margin: 1rem 0;
}
.block table th, .block table td {
vertical-align: top;
padding: .2rem .4rem;
border: 1px solid #666;
}
.alert.block, .error.block, .confirm.block, .help.block {
border: 1px solid #ccc;
padding: .5em;
margin-bottom: 1em;
border-radius: .3em;
padding-left: 3em;
position: relative;
}
.alert.block {
border-color: #cc0;
background-color: #ffc;
}
.error.block {
border-color: #c00;
background-color: #fcc;
}
.confirm.block {
border-color: #0c0;
background-color: #cfc;
}
.help.block {
border-color: #999;
background-color: #eee;
}
.confirm.block::before, .alert.block::before, .error.block::before, .help.block::before {
font-family: "gicon";
left: .5em;
top: .2em;
position: absolute;
font-size: 1.5em;
text-shadow: 2px 2px 5px #666;
}
.confirm.block::before {
content: "☑";
color: green;
}
.alert.block::before {
content: "⚠";
color: yellow;
}
.error.block::before {
content: "⚠";
color: red;
}
.help.block::before {
content: "❓";
color: #666;
}
.help {
color: #666;
}
p.help:not(.block) {
margin: 1em;
}
.help ul li {
list-style-type: disc;
margin: .5em;
margin-left: 2em;
}
dd em.help {
margin-left: 1em;
}
dd.help li {
list-style-type: disc;
}
.error ul, .alert ul, .confirm ul {
margin-left: 1.5em;
list-style: disc;
}
.ruler {
margin: .5em;
text-align: center;
color: #333;
overflow: hidden;
}
.ruler:before, .ruler:after {
background-color: #000;
content: "";
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 50%;
}
.ruler:before {
right: 0.5em;
margin-left: -50%;
}
.ruler:after {
left: 0.5em;
margin-right: -50%;
}
.num a, a.num {
text-decoration: none;
border-radius: .5rem;
display: inline-block;
text-align: center;
padding: 0 .3rem;
background: rgba(var(--gMainColor), 0.7);
color: #fff;
white-space: pre;
}
.permissions b {
border: 2px solid #999;
border-radius: 1em;
color: #000;
background: #ccc;
width: 16px;
display: inline-block;
text-align: center;
font-size: 0.8em;
cursor: help;
vertical-align: middle;
position: relative;
z-index: 10;
font-family: "gicon", "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.permissions b.access_0 {
border-color: #ccc;
background: #eee;
color: #999;
}
.permissions b.access_1 {
border-color: #cc9;
color: #660;
background: #ffe;
}
.permissions b.access_2 {
border-color: #9c9;
color: #060;
background: #efe;
}
.permissions b.access_0:before {
content: "X";
position: absolute;
left: 0;
right: 0;
top: -3px;
color: #ccc;
z-index: -1;
font-size: 1.5em;
overflow: hidden;
}
.permissions b.access_9 {
color: #900;
border-color: #c99;
background: #fee;
}
.infos {
margin-bottom: 1em;
}
.infos h3 {
margin-bottom: 0.5em;
}
.infos p {
margin-bottom: 0.8em;
}
.infos dl {
margin-bottom: 0.8em;
}
.infos dl dd {
margin: 0.2em 1em;
}
.shortFormRight {
width: 30em;
float: right;
text-align: center;
margin-left: 1em;
}
.shortFormLeft p {
display: inline-block;
}
.shortFormLeft .special {
display: none;
}
.shortFormRight p.submit {
margin-top: -2em;
float: right;
}
.memberList {
clear: both;
}
.pagination {
clear: both;
list-style-type: none;
padding: 0.4em 0;
text-align: center;
}
.pagination li {
display: inline-block;
margin: 0 0.3em;
}
.pagination li.current {
font-size: 1.3em;
}
.pagination li a {
color: #000;
}
.templatesList ul {
margin: 1em 2em;
}
dl.list dt, dl.list dd {
margin: .3em 0;
}
dl.list dt {
font-size: 1.2em;
font-weight: bold;
margin-top: .8em;
}
dl.list dd.desc {
color: #666;
}
dl.describe {
margin-bottom: 1rem;
display: grid;
grid-template: auto / 15rem 1fr;
}
dl.describe > dt {
grid-column: 1;
margin: .2rem .5rem;
text-align: right;
color: #666;
align-self: start;
}
dl.describe > dd {
grid-column: 2;
margin: .2rem .5rem;
align-self: center;
}
dl.describe ul {
margin-left: 1.5em;
list-style-type: disc;
}
dl.cotisation {
background: rgb(255, 174, 80);
background: rgba(217, 134, 40, 0.2);
background: rgba(var(--gSecondColor), 0.2);
padding: .5em;
border-radius: .5em;
margin: 1em;
}
dl.cotisation dt {
font-weight: bold;
}
dl.cotisation dd {
margin: .2em 0 .4em 1em;
}
aside.describe {
width: 20em;
float: right;
margin: .5em;
background: rgba(var(--gSecondColor), 0.2);
border-radius: .5em;
border: 2px solid rgba(var(--gSecondColor), 0.5);
padding: .5em;
z-index: 200;
color: #666;
}
aside.describe dl.describe {
display: block;
}
aside.describe dl.describe dt {
text-align: left;
font-weight: bold;
color: #000;
}
.hidden {
display: none;
}
img.qrcode {
float: right;
padding: .5em;
border: .5em solid #000;
background: #fff;
}
details summary {
list-style: none;
padding: 0.2em 0.5em;
transition: background-color .2s;
position: relative;
}
details summary:hover {
cursor: pointer;
background-color: rgba(var(--gMainColor), 0.1);
}
details summary::-webkit-details-marker {
display: none;
}
details summary::after {
content: "↓";
position: absolute;
left: 0;
top: 0;
/* From .icn-btn */
display: inline-block;
color: rgb(var(--gMainColor));
border: 1px solid rgba(var(--gSecondColor), 0.5);
background: #fff;
font-size: 1.5em;
border-radius: .2em;
padding: .2em .4em;
margin: .2em .5em;
transition: color .3s, background-color .3s;
font-family: "gicon", sans-serif;
text-shadow: 1px 1px 1px #999;
}
details[open] summary::after {
content: "↑";
}
details summary:hover::after {
background-color: rgb(var(--gMainColor));
color: #fff;
}
details summary.block {
padding-right: 4em !important;
}
details summary.block::after {
right: 0;
left: inherit;
}
.files-list {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.files-list aside.file {
border-radius: .5rem;
background: rgba(var(--gSecondColor), 0.1);
text-align: center;
padding: .5rem;
margin: .5rem;
}
.files-list aside small {
display: block;
color: #666;
}
nav.breadcrumbs {
margin: .5em 0;
color: #999;
}
nav.breadcrumbs a {
color: #333;
}
nav.breadcrumbs ul, nav.breadcrumbs li {
list-style-type: none;
display: inline;
}
nav.breadcrumbs li:before {
content: "> ";
}
nav.breadcrumbs li:last-child a {
font-weight: bold;
}
nav.breadcrumbs aside {
float: right;
}
aside.quota {
background: rgba(var(--gMainColor), 0.1);
border-radius: .5rem;
padding: .2rem .5rem;
color: #000;
}
aside.quota i {
font-style: normal;
}
aside.quota h4 {
display: inline-block;
}
.meter {
min-width: 20rem;
height: 1rem;
background: rgba(var(--gSecondColor), 0.5);
border-radius: .2rem;
display: inline-flex;
padding: 0;
vertical-align: middle;
margin-left: 1rem;
}
.meter span {
border-radius: .2rem;
background: rgb(var(--gMainColor));
display: inline-block;
height: 1rem;
vertical-align: middle;
}
.search-results article {
margin: 2em 1em;
}
.search-results h4 a {
font-weight: normal !important;
font-size: .9em;
color: #999;
}
.search-results h3 {
margin: .3em 0;
}
.search-results h3 a {
color: darkblue;
font-weight: normal;
}