mirror of
https://github.com/ZeJMaN/LBCAlerte_ynh.git
synced 2025-06-08 05:25:30 +02:00
519 lines
9.1 KiB
CSS
519 lines
9.1 KiB
CSS
|
|
html {
|
|
font-family: 'Open Sans', sans-serif;
|
|
font-size: 14px;
|
|
background: #FFFFFF;
|
|
padding: 0;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
background: transparent;
|
|
}
|
|
|
|
a:link,
|
|
a:visited,
|
|
a:active,
|
|
a:hover
|
|
{
|
|
color: #AB0000;
|
|
text-decoration: none;
|
|
}
|
|
|
|
|
|
a.link-create-alert {
|
|
font-size: .9em;
|
|
text-transform: uppercase;
|
|
font-weight: bold;
|
|
}
|
|
|
|
table {
|
|
border: 1px solid #999999;
|
|
border-collapse: collapse;
|
|
text-align: center;
|
|
margin: 10px 0;
|
|
width: 100%;
|
|
}
|
|
table thead tr {
|
|
background: #FFFFFF;
|
|
background: linear-gradient(bottom, #FFFFFF, #E0E0E0) no-repeat #E0E0E0;
|
|
background: linear-gradient(to bottom, #FFFFFF, #E0E0E0) no-repeat #E0E0E0;
|
|
line-height: 30px;
|
|
}
|
|
table td, table th {
|
|
border: 1px solid #999999;
|
|
padding: 2px 5px;
|
|
}
|
|
table td {
|
|
line-height: 200%;
|
|
}
|
|
table td.title {
|
|
text-align: left;
|
|
}
|
|
table td.link {
|
|
word-wrap: break-word;
|
|
text-align: left;
|
|
}
|
|
table td.intervalle {
|
|
text-align: right;
|
|
padding-right: 10px;
|
|
}
|
|
table img {
|
|
vertical-align: middle;
|
|
}
|
|
.error {
|
|
color: #EF0000;
|
|
font-weight: bold;
|
|
margin: 0;
|
|
}
|
|
.warning {
|
|
color: #EA8600;
|
|
font-weight: bold;
|
|
margin: 0;
|
|
}
|
|
.success {
|
|
font-weight: bold;
|
|
color: #333399;
|
|
}
|
|
form {
|
|
width: 100%;
|
|
max-width: 800px;
|
|
}
|
|
form input,
|
|
form textarea {
|
|
font-family: 'Open Sans', sans-serif;
|
|
font-size: 1em;
|
|
}
|
|
form fieldset {
|
|
padding: 10px 30px;
|
|
margin-bottom: 40px;
|
|
}
|
|
form legend {
|
|
font-size: 1.5em;
|
|
}
|
|
form > h2 {
|
|
padding: 5px 10px;
|
|
font-size: 1.2em;
|
|
|
|
background: #FFFFFF;
|
|
background: linear-gradient(bottom, #FFFFFF, #E0E0E0) no-repeat #E0E0E0;
|
|
background: linear-gradient(to bottom, #FFFFFF, #E0E0E0) no-repeat #E0E0E0;
|
|
color: #AB0000;
|
|
border-left: 1px solid #BBBBBB;
|
|
border: 1px solid #BBBBBB;
|
|
margin: 10px 0 0 0;
|
|
}
|
|
form dl {
|
|
background: #FDFDFD;
|
|
border: 1px solid #BBBBBB;
|
|
padding: 10px;
|
|
margin: 0;
|
|
}
|
|
form h2 + dl {
|
|
border-top: 1px solid #DDDDDD;
|
|
}
|
|
form dt {
|
|
font-weight: bold;
|
|
}
|
|
form dd {
|
|
margin: 0 0 20px 0;
|
|
|
|
border: 1px solid #E5E5E5;
|
|
padding: 0;
|
|
line-height: 30px;
|
|
}
|
|
form .form-more {
|
|
margin: 0 1%;
|
|
color: #424242;
|
|
}
|
|
|
|
form dt label {
|
|
background: #F5F5F5;
|
|
background: linear-gradient(to bottom, #E5E5E5, #F0F0F0);
|
|
color: #000000;
|
|
padding: 0 1%;
|
|
line-height: 250%;
|
|
display: block;
|
|
}
|
|
form select,
|
|
form input[type=text],
|
|
form input[type=password],
|
|
form textarea {
|
|
box-sizing: border-box;
|
|
border: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
height: 26px;
|
|
vertical-align: middle;
|
|
width: 100%;
|
|
padding: 0 5px;
|
|
background: #424242;
|
|
color: #FFF;
|
|
}
|
|
form textarea {
|
|
height: 260px;
|
|
}
|
|
form input[type=checkbox] {
|
|
padding: 0;
|
|
margin: 0;
|
|
vertical-align: middle;
|
|
}
|
|
form dd label {
|
|
padding: 0;
|
|
margin: 0 40px 0 1%;
|
|
cursor: pointer;
|
|
}
|
|
form input[type=submit],
|
|
a.button {
|
|
padding: 0 10px;
|
|
font-size: 1.2em;
|
|
background: #FFFFFF;
|
|
background: linear-gradient(bottom, #FFFFFF, #E0E0E0) no-repeat #E0E0E0;
|
|
background: linear-gradient(to bottom, #FFFFFF, #E0E0E0) no-repeat #E0E0E0;
|
|
color: #000000;
|
|
border: 1px solid #BBBBBB;
|
|
margin-right: 10px;
|
|
cursor: pointer;
|
|
height: 36px;
|
|
transition: all linear 200ms;
|
|
}
|
|
a.button {
|
|
display: inline-block;
|
|
line-height: 36px;
|
|
height: auto;
|
|
}
|
|
form input[type=submit]:hover,
|
|
a.button:hover {
|
|
box-shadow: 0 0 5px #AAA;
|
|
}
|
|
form .description {
|
|
margin: 0 0 0 1%;
|
|
color: #333333;
|
|
}
|
|
|
|
.block-title {
|
|
padding: 5px 10px;
|
|
font-size: 1.2em;
|
|
|
|
background: #FFFFFF;
|
|
background: linear-gradient(bottom, #FFFFFF, #E0E0E0) no-repeat #E0E0E0;
|
|
background: linear-gradient(to bottom, #FFFFFF, #E0E0E0) no-repeat #E0E0E0;
|
|
color: #AB0000;
|
|
border-left: 1px solid #BBBBBB;
|
|
border: 1px solid #BBBBBB;
|
|
margin: 10px 0 0 0;
|
|
}
|
|
.block-content {
|
|
background: #FDFDFD;
|
|
border: 1px solid #BBBBBB;
|
|
padding: 10px;
|
|
margin: 0;
|
|
}
|
|
.block-content form {
|
|
max-width: inherit;
|
|
}
|
|
.block-content dl {
|
|
border: none;
|
|
padding: 0;
|
|
}
|
|
|
|
header {
|
|
background: #F0F0F0;
|
|
background: linear-gradient(bottom, #FFFFFF, #DDDDDD) no-repeat #E0E0E0;
|
|
background: linear-gradient(to bottom, #FFFFFF, #DDDDDD) no-repeat #E0E0E0;
|
|
margin: 0;
|
|
padding: 0;
|
|
font-weight: bold;
|
|
box-shadow: 0 0 5px #000000;
|
|
color: #000000;
|
|
position: relative;
|
|
z-index: 2;
|
|
}
|
|
header h1 {
|
|
margin: 0;
|
|
padding: 10px;
|
|
}
|
|
header h1 a:link,
|
|
header h1 a:active,
|
|
header h1 a:hover,
|
|
header h1 a:visited
|
|
{
|
|
color: #333333;
|
|
}
|
|
|
|
footer {
|
|
background: #FFFFFF;
|
|
margin: 0 0 10px 0;
|
|
padding: 0 10px;
|
|
color: #000000;
|
|
line-height: 30px;
|
|
border-top: 1px solid #CCCCCC;
|
|
font-size: .85em;
|
|
}
|
|
|
|
.message-success {
|
|
font-weight: bold;
|
|
color: #339933;
|
|
}
|
|
|
|
.topmenu {
|
|
background: #424242;
|
|
margin: 0;
|
|
padding: 0 10px;
|
|
list-style: none;
|
|
overflow: hidden;
|
|
line-height: 30px;
|
|
font-size: 1em;
|
|
text-transform: uppercase;
|
|
}
|
|
.topmenu li {
|
|
float: left;
|
|
border-right: 1px solid #666666;
|
|
}
|
|
.topmenu a:link,
|
|
.topmenu a:hover,
|
|
.topmenu a:visited,
|
|
.topmenu a:active
|
|
{
|
|
padding: 0 20px;
|
|
color: #FFFFFF;
|
|
display: block;
|
|
}
|
|
.topmenu a span
|
|
{
|
|
font-size: .9em;
|
|
text-transform: none;
|
|
}
|
|
.topmenu img
|
|
{
|
|
vertical-align: middle;
|
|
}
|
|
.topmenu li:hover,
|
|
.topmenu li.active {
|
|
background: #EF0000;
|
|
border-right: 1px solid #EF0000;
|
|
}
|
|
|
|
.content {
|
|
padding: 30px 10px;
|
|
background: #F0F0F0;
|
|
overflow: hidden;
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
.content > h2 {
|
|
margin-top: 0;
|
|
font-size: 1.3em;
|
|
}
|
|
|
|
.formbox {
|
|
cursor: pointer;
|
|
font-size: .95em;
|
|
}
|
|
.formbox span {
|
|
font-size: .7em;
|
|
text-transform: none;
|
|
}
|
|
|
|
form input[name=price_min],
|
|
form input[name=price_max] {
|
|
width: 100px;
|
|
}
|
|
|
|
form .categories {
|
|
overflow: auto;
|
|
}
|
|
form .categories h3 {
|
|
margin: 0 1%;
|
|
}
|
|
form .categories label {
|
|
margin: 0 1%;
|
|
display: block;
|
|
vertical-align: middle;
|
|
line-height: 160%;
|
|
white-space: nowrap;
|
|
}
|
|
form .categories input[type=checkbox] {
|
|
margin: 0 5px 0 0;
|
|
}
|
|
.categories-list {
|
|
float: left;
|
|
width: 33.33%;
|
|
}
|
|
.categories-list {
|
|
float: left;
|
|
width: 33.33%;
|
|
margin-bottom: 10px;
|
|
}
|
|
.categories-list-4,
|
|
.categories-list-7,
|
|
.categories-list-10
|
|
{
|
|
clear: left;
|
|
}
|
|
|
|
.notification-list label {
|
|
display: inline-block;
|
|
white-space: nowrap;
|
|
margin: 0 1%;
|
|
width: 30%;
|
|
}
|
|
|
|
.warning {
|
|
font-weight: bold;
|
|
margin: 0 1%;
|
|
line-height: 130%;
|
|
}
|
|
.warning span {
|
|
color: #EF0000;
|
|
}
|
|
|
|
/* Page user */
|
|
.user-settings-container {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
flex-flow: row wrap;
|
|
align-items: flex-start;
|
|
}
|
|
.user-settings-container .block {
|
|
width: 48%;
|
|
margin: 0 1% auto 1%;
|
|
}
|
|
.user-settings-notification {
|
|
min-width: 800px;
|
|
}
|
|
|
|
.user-notifications-type,
|
|
.user-notifications-cost {
|
|
text-align: left;
|
|
}
|
|
.user-notifications-active .fa {
|
|
font-size: 1em;
|
|
border: 1px solid #888888;
|
|
border-radius: 10px;
|
|
padding: 2px 10px;
|
|
background: #f0f0f0;
|
|
color: #AAAAAA;
|
|
}
|
|
.user-notifications-active .fa.active {
|
|
border-color: #127E00;
|
|
background: #169A00;
|
|
color: #FFFFFF;
|
|
}
|
|
.user-notifications-active {
|
|
width: 75px;
|
|
}
|
|
.user-notifications-action {
|
|
white-space: nowrap;
|
|
width: 180px;
|
|
}
|
|
.user-notifications-link {
|
|
float: right;
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
/* Log */
|
|
.lastlog {
|
|
background: #FAFAFA;
|
|
border: 1px solid #DDDDDD;
|
|
height: 500px;
|
|
list-style: none;
|
|
padding: 10px;
|
|
margin: 0;
|
|
line-height: 130%;
|
|
overflow: auto;
|
|
}
|
|
.lastlog .lastlog-error {
|
|
color: #E00000;
|
|
}
|
|
|
|
|
|
/**
|
|
* Fiche d'annonce sauvegardée
|
|
*/
|
|
.annonce {
|
|
display: flex;
|
|
}
|
|
.annonce-photos {
|
|
margin-left: 10px;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: left;
|
|
}
|
|
.annonce-photo {
|
|
width: 400px;
|
|
height: 307px;
|
|
padding: 5px;
|
|
margin: 0 5px 5px 0;
|
|
flex-shrink: 0;
|
|
flex-direction: column;
|
|
border: 3px solid #666666;
|
|
box-sizing: border-box;
|
|
text-align: center;
|
|
}
|
|
.annonce-photo-img {
|
|
max-width: 384px;
|
|
max-height: 291px;
|
|
vertical-align: middle;
|
|
}
|
|
.annonce-data {
|
|
width: 600px;
|
|
}
|
|
.annonce-data ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
white-space: nowrap;
|
|
}
|
|
.annonce-label,
|
|
.annonce-value {
|
|
display: inline-block;
|
|
box-sizing: border-box;
|
|
width: 30%;
|
|
line-height: 2;
|
|
padding: 0 10px;
|
|
border-bottom: 1px solid #424242;
|
|
}
|
|
.annonce-data ul li:first-child .annonce-label,
|
|
.annonce-data ul li:first-child .annonce-value {
|
|
border-top: 1px solid #424242;
|
|
}
|
|
.annonce-label {
|
|
background: #666666;
|
|
color: #FFFFFF;
|
|
}
|
|
.annonce-value {
|
|
width: 70%;
|
|
border-right: 1px solid #424242;
|
|
}
|
|
.annonce-description,
|
|
.annonce-comment {
|
|
margin-top: 10px;
|
|
}
|
|
.annonce-description p,
|
|
.annonce-comment > div {
|
|
box-sizing: border-box;
|
|
border: 1px solid #424242;
|
|
padding: 10px;
|
|
margin: 0;
|
|
}
|
|
.annonce-comment p {
|
|
margin: 0;
|
|
}
|
|
.annonce-comment .button {
|
|
margin-top: 10px;
|
|
font-size: 1em;
|
|
line-height: 2;
|
|
}
|
|
|
|
|
|
@media screen and (max-width: 960px) {
|
|
.user-settings-container {
|
|
flex-direction: column;
|
|
}
|
|
.user-settings-container .block {
|
|
width: 100%;
|
|
margin: 10px 0;
|
|
}
|
|
}
|