Skip to content
Snippets Groups Projects
Commit 69b0fd5a authored by siick's avatar siick
Browse files

changement couleur site

parent fbf438d0
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
styles/myCryptoChat.css
+ 755
− 1
View file @ 69b0fd5a
html{background-color:#e2e2e2;margin:0;padding:0}body{background-color:#fff;border-top:solid 10px #000;color:#333;font-size:.85em;font-family:"Segoe UI",Verdana,Helvetica,Sans-Serif;margin:0;padding:0}a{color:#333;outline:none;padding-left:3px;padding-right:3px;text-decoration:underline}a:link,a:visited,a:active,a:hover{color:#333}a:hover{background-color:#c7d1d6}header,footer,hgroup,nav,section{display:block}mark{background-color:#a6dbed;padding-left:5px;padding-right:5px}.float-left{float:left}.float-right{float:right}.clear-fix:after{content:".";clear:both;display:block;height:0;visibility:hidden}h1,h2,h3,h4,h5,h6{color:#000;margin-bottom:0;padding-bottom:0}h1{font-size:2em}h2{font-size:1.75em}h3{font-size:1.2em}h4{font-size:1.1em}h5,h6{font-size:1em}h5 a:link,h5 a:visited,h5 a:active{padding:0;text-decoration:none}.content-wrapper{margin:0 auto;max-width:960px}#body{background-color:#efeeef;clear:both;padding-bottom:35px}.main-content{background:url(../Images/accent.png) no-repeat;padding-left:10px;padding-top:30px}.featured + .main-content{background:url(../Images/heroAccent.png) no-repeat}header .content-wrapper{padding-top:20px}footer{clear:both;background-color:#e2e2e2;font-size:.8em;height:100px}.site-title{color:#c8c8c8;font-family:Rockwell,Consolas,"Courier New",Courier,monospace;font-size:2.3em;margin:0}.site-title a,.site-title a:hover,.site-title a:active{background:none;color:#c8c8c8;outline:none;text-decoration:none}#login{display:block;font-size:.85em;margin:0 0 10px;text-align:right}#login a{background-color:#d3dce0;margin-left:10px;margin-right:3px;padding:2px 3px;text-decoration:none}#login a.username{background:none;margin:0;padding:0;text-decoration:underline}#login ul{margin:0}#login li{display:inline;list-style:none}ul#menu{font-size:1.3em;font-weight:600;margin:0 0 5px;padding:0;text-align:right}ul#menu li{display:inline;list-style:none;padding-left:15px}ul#menu li a{background:none;color:#999;text-decoration:none}ul#menu li a:hover{color:#333;text-decoration:none}.featured{background-color:#fff}.featured .content-wrapper{background-color:#7ac0da;background-image:-ms-linear-gradient(left,#7ac0da 0%,#a4d4e6 100%);background-image:-o-linear-gradient(left,#7ac0da 0%,#a4d4e6 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,#7ac0da),color-stop(1,#a4d4e6));background-image:-webkit-linear-gradient(left,#7ac0da 0%,#a4d4e6 100%);background-image:linear-gradient(left,#7ac0da 0%,#a4d4e6 100%);color:#3e5667;padding:20px 40px 30px}.featured hgroup.title h1,.featured hgroup.title h2{color:#fff}.featured p{font-size:1.1em}hgroup.title{margin-bottom:10px}hgroup.title h1,hgroup.title h2{display:inline}hgroup.title h2{font-weight:400;margin-left:3px}section.feature{width:300px;float:left;padding:10px}ol.round{list-style-type:none;padding-left:0}ol.round li{margin:25px 0;padding-left:45px}ol.round li.zero{background:url(../Images/orderedList0.png) no-repeat}ol.round li.one{background:url(../Images/orderedList1.png) no-repeat}ol.round li.two{background:url(../Images/orderedList2.png) no-repeat}ol.round li.three{background:url(../Images/orderedList3.png) no-repeat}ol.round li.four{background:url(../Images/orderedList4.png) no-repeat}ol.round li.five{background:url(../Images/orderedList5.png) no-repeat}ol.round li.six{background:url(../Images/orderedList6.png) no-repeat}ol.round li.seven{background:url(../Images/orderedList7.png) no-repeat}ol.round li.eight{background:url(../Images/orderedList8.png) no-repeat}ol.round li.nine{background:url(../Images/orderedList9.png) no-repeat}article{float:left;width:70%}aside{float:right;width:25%}aside ul{list-style:none;padding:0}aside ul li{background:url(../Images/bullet.png) no-repeat 0 50%;padding:2px 0 2px 20px}.label{font-weight:700}#loginForm{border-right:solid 2px #c8c8c8;float:left;width:55%}#loginForm .validation-error{display:block;margin-left:15px}#loginForm .validation-summary-errors ul{margin:0;padding:0}#loginForm .validation-summary-errors li{display:inline;list-style:none;margin:0}#loginForm input{width:250px}#loginForm input[type="checkbox"],#loginForm input[type="submit"],#loginForm input[type="button"],#loginForm button{width:auto}#socialLoginForm{margin-left:40px;float:left;width:40%}#socialLoginForm h2{margin-bottom:5px}#socialLoginList button{margin-bottom:12px}#logoutForm{display:inline}.contact h3{font-size:1.2em}.contact p{margin:5px 0 0 10px}.contact iframe{border:1px solid #333;margin:5px 0 0 10px}fieldset{border:none;margin:0;padding:0}fieldset legend{display:none}fieldset ol{padding:0;list-style:none}fieldset ol li{padding-bottom:5px}label{display:block;font-size:1.2em;font-weight:600}label.checkbox{display:inline}input,textarea{border:1px solid #e2e2e2;background:#fff;color:#333;font-size:1.2em;margin:5px 0 6px;padding:5px;width:300px}textarea{font-family:inherit;width:500px}input:focus,textarea:focus{border:1px solid #7ac0da}input[type="checkbox"]{background:transparent;border:inherit;width:auto}input[type="submit"],input[type="button"],button{background-color:#d3dce0;border:1px solid #787878;cursor:pointer;font-size:1.2em;font-weight:600;padding:7px;margin-right:8px;width:auto}td input[type="submit"],td input[type="button"],td button{font-size:1em;padding:4px;margin-right:4px}.message-info{border:1px solid;clear:both;padding:10px 20px}.message-error{clear:both;color:#e80c4d;font-size:1.1em;font-weight:700;margin:20px 0 10px}.message-success{color:#7ac0da;font-size:1.3em;font-weight:700;margin:20px 0 10px}.error{color:#e80c4d}.field-validation-error{color:#e80c4d;font-weight:700}.field-validation-valid{display:none}input.input-validation-error{border:1px solid #e80c4d}input[type="checkbox"].input-validation-error{border:0 none}.validation-summary-errors{color:#e80c4d;font-weight:700;font-size:1.1em}.validation-summary-valid{display:none}table{border-collapse:collapse;border-spacing:0;margin-top:.75em;border:0 none}th{font-size:1.2em;text-align:left;border:none 0;padding-left:0}th a{display:block;position:relative}th a:link,th a:visited,th a:active,th a:hover{color:#333;font-weight:600;text-decoration:none;padding:0}th a:hover{color:#000}th.asc a,th.desc a{margin-right:.75em}th.asc a:after,th.desc a:after{display:block;position:absolute;right:0;top:0;font-size:.75em}th.asc a:after{content:'?'}th.desc a:after{content:'?'}td{padding:.25em 2em .25em 0;border:0 none}tr.pager td{padding:0 .25em 0 0}@media only screen and (max-width: 850px){header .float-left,header .float-right{float:none}header .site-title{margin:10px;text-align:center}#login{font-size:.85em;margin:0 0 12px;text-align:center}#login ul{margin:5px 0;padding:0}#login li{display:inline;list-style:none;margin:0;padding:0}#login a{background:none;color:#999;font-weight:600;margin:2px;padding:0}#login a:hover{color:#333}nav{margin-bottom:5px}ul#menu{margin:0;padding:0;text-align:center}ul#menu li{margin:0;padding:0}.main-content,.featured + .main-content{background-position:10px 0}.content-wrapper{padding-right:10px;padding-left:10px}.featured .content-wrapper{padding:10px}article,aside{float:none;width:100%}ol.round{list-style-type:none;padding-left:0}ol.round li{padding-left:10px;margin:25px 0}ol.round li.zero,ol.round li.one,ol.round li.two,ol.round li.three,ol.round li.four,ol.round li.five,ol.round li.six,ol.round li.seven,ol.round li.eight,ol.round li.nine{background:none}section.feature{float:none;padding:10px;width:auto}section.feature img{color:#999;content:attr(alt);font-size:1.5em;font-weight:600}input{width:90%}#loginForm{border-right:none;float:none;width:auto}#loginForm .validation-error{display:block;margin-left:15px}#socialLoginForm{margin-left:0;float:none;width:auto}footer .float-left,footer .float-right{float:none}footer{text-align:center;height:auto;padding:10px 0}footer p{margin:0}}#chatroom{background:#fff;border:1px solid gray;height:300px;width:90%;margin-top:20px;margin-bottom:5px;padding:10px;overflow:auto}.mb20{margin-bottom:20px}#divUsers{font-size:.9em;margin-bottom:5px;width:90%;text-align:center;padding-left:10px;padding-right:10px}#textMessage{max-width:90%}#divButtonRemoveChatroom{text-align:center;font-size:.8em}.labelIndex{font-weight:400;display:inline;font-size:1em}#divRemovePassword{display:none}.userNameLink{text-decoration:none}
\ No newline at end of file
html {
background-color: #e2e2e2;
margin: 0;
padding: 0
}
body {
background-color: #fff;
border-top: solid 10px #000;
color: #333;
font-size: .85em;
font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
margin: 0;
padding: 0
}
a {
color: #333;
outline: none;
padding-left: 3px;
padding-right: 3px;
text-decoration: underline
}
a:link,
a:visited,
a:active,
a:hover {
color: #333
}
a:hover {
background-color: #c7d1d6
}
header,
footer,
hgroup,
nav,
section {
display: block
}
mark {
background-color: #a6dbed;
padding-left: 5px;
padding-right: 5px
}
.float-left {
float: left
}
.float-right {
float: right
}
.clear-fix:after {
content: ".";
clear: both;
display: block;
height: 0;
visibility: hidden
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #000;
margin-bottom: 0;
padding-bottom: 0
}
h1 {
font-size: 2em
}
h2 {
font-size: 1.75em
}
h3 {
font-size: 1.2em
}
h4 {
font-size: 1.1em
}
h5,
h6 {
font-size: 1em
}
h5 a:link,
h5 a:visited,
h5 a:active {
padding: 0;
text-decoration: none
}
.content-wrapper {
margin: 0 auto;
max-width: 960px
}
#body {
background-color: #837bb7;
clear: both;
padding-bottom: 35px
}
.main-content {
background: url(../Images/accent.png) no-repeat;
padding-left: 10px;
padding-top: 30px
}
.featured+.main-content {
background: url(../Images/heroAccent.png) no-repeat
}
header .content-wrapper {
padding-top: 20px
}
footer {
clear: both;
background-color: #2a2f4a;
font-size: .8em;
height: 100px
}
.site-title {
color: #c8c8c8;
font-family: Rockwell, Consolas, "Courier New", Courier, monospace;
font-size: 2.3em;
margin: 0
}
.site-title a,
.site-title a:hover,
.site-title a:active {
background: none;
color: #c8c8c8;
outline: none;
text-decoration: none
}
#login {
display: block;
font-size: .85em;
margin: 0 0 10px;
text-align: right
}
#login a {
background-color: #d3dce0;
margin-left: 10px;
margin-right: 3px;
padding: 2px 3px;
text-decoration: none
}
#login a.username {
background: none;
margin: 0;
padding: 0;
text-decoration: underline
}
#login ul {
margin: 0
}
#login li {
display: inline;
list-style: none
}
ul#menu {
font-size: 1.3em;
font-weight: 600;
margin: 0 0 5px;
padding: 0;
text-align: right
}
ul#menu li {
display: inline;
list-style: none;
padding-left: 15px
}
ul#menu li a {
background: none;
color: #999;
text-decoration: none
}
ul#menu li a:hover {
color: #333;
text-decoration: none
}
.featured {
background-color: #fff
}
.featured .content-wrapper {
background-color: #7ac0da;
background-image: -ms-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
background-image: -o-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7ac0da), color-stop(1, #a4d4e6));
background-image: -webkit-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
background-image: linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
color: #3e5667;
padding: 20px 40px 30px
}
.featured hgroup.title h1,
.featured hgroup.title h2 {
color: #fff
}
.featured p {
font-size: 1.1em
}
hgroup.title {
margin-bottom: 10px
}
hgroup.title h1,
hgroup.title h2 {
display: inline
}
hgroup.title h2 {
font-weight: 400;
margin-left: 3px
}
section.feature {
width: 300px;
float: left;
padding: 10px
}
ol.round {
list-style-type: none;
padding-left: 0
}
ol.round li {
margin: 25px 0;
padding-left: 45px
}
ol.round li.zero {
background: url(../Images/orderedList0.png) no-repeat
}
ol.round li.one {
background: url(../Images/orderedList1.png) no-repeat
}
ol.round li.two {
background: url(../Images/orderedList2.png) no-repeat
}
ol.round li.three {
background: url(../Images/orderedList3.png) no-repeat
}
ol.round li.four {
background: url(../Images/orderedList4.png) no-repeat
}
ol.round li.five {
background: url(../Images/orderedList5.png) no-repeat
}
ol.round li.six {
background: url(../Images/orderedList6.png) no-repeat
}
ol.round li.seven {
background: url(../Images/orderedList7.png) no-repeat
}
ol.round li.eight {
background: url(../Images/orderedList8.png) no-repeat
}
ol.round li.nine {
background: url(../Images/orderedList9.png) no-repeat
}
article {
float: left;
width: 70%
}
aside {
float: right;
width: 25%
}
aside ul {
list-style: none;
padding: 0
}
aside ul li {
background: url(../Images/bullet.png) no-repeat 0 50%;
padding: 2px 0 2px 20px
}
.label {
font-weight: 700
}
#loginForm {
border-right: solid 2px #c8c8c8;
float: left;
width: 55%
}
#loginForm .validation-error {
display: block;
margin-left: 15px
}
#loginForm .validation-summary-errors ul {
margin: 0;
padding: 0
}
#loginForm .validation-summary-errors li {
display: inline;
list-style: none;
margin: 0
}
#loginForm input {
width: 250px
}
#loginForm input[type="checkbox"],
#loginForm input[type="submit"],
#loginForm input[type="button"],
#loginForm button {
width: auto
}
#socialLoginForm {
margin-left: 40px;
float: left;
width: 40%
}
#socialLoginForm h2 {
margin-bottom: 5px
}
#socialLoginList button {
margin-bottom: 12px
}
#logoutForm {
display: inline
}
.contact h3 {
font-size: 1.2em
}
.contact p {
margin: 5px 0 0 10px
}
.contact iframe {
border: 1px solid #333;
margin: 5px 0 0 10px
}
fieldset {
border: none;
margin: 0;
padding: 0
}
fieldset legend {
display: none
}
fieldset ol {
padding: 0;
list-style: none
}
fieldset ol li {
padding-bottom: 5px
}
label {
display: block;
font-size: 1.2em;
font-weight: 600
}
label.checkbox {
display: inline
}
input,
textarea {
border: 1px solid #e2e2e2;
background: #fff;
color: #333;
font-size: 1.2em;
margin: 5px 0 6px;
padding: 5px;
width: 300px
}
textarea {
font-family: inherit;
width: 500px
}
input:focus,
textarea:focus {
border: 1px solid #7ac0da
}
input[type="checkbox"] {
background: transparent;
border: inherit;
width: auto
}
input[type="submit"],
input[type="button"],
button {
background-color: #d3dce0;
border: 1px solid #787878;
cursor: pointer;
font-size: 1.2em;
font-weight: 600;
padding: 7px;
margin-right: 8px;
width: auto
}
td input[type="submit"],
td input[type="button"],
td button {
font-size: 1em;
padding: 4px;
margin-right: 4px
}
.message-info {
border: 1px solid;
clear: both;
padding: 10px 20px
}
.message-error {
clear: both;
color: #e80c4d;
font-size: 1.1em;
font-weight: 700;
margin: 20px 0 10px
}
.message-success {
color: #7ac0da;
font-size: 1.3em;
font-weight: 700;
margin: 20px 0 10px
}
.error {
color: #e80c4d
}
.field-validation-error {
color: #e80c4d;
font-weight: 700
}
.field-validation-valid {
display: none
}
input.input-validation-error {
border: 1px solid #e80c4d
}
input[type="checkbox"].input-validation-error {
border: 0 none
}
.validation-summary-errors {
color: #e80c4d;
font-weight: 700;
font-size: 1.1em
}
.validation-summary-valid {
display: none
}
table {
border-collapse: collapse;
border-spacing: 0;
margin-top: .75em;
border: 0 none
}
th {
font-size: 1.2em;
text-align: left;
border: none 0;
padding-left: 0
}
th a {
display: block;
position: relative
}
th a:link,
th a:visited,
th a:active,
th a:hover {
color: #333;
font-weight: 600;
text-decoration: none;
padding: 0
}
th a:hover {
color: #000
}
th.asc a,
th.desc a {
margin-right: .75em
}
th.asc a:after,
th.desc a:after {
display: block;
position: absolute;
right: 0;
top: 0;
font-size: .75em
}
th.asc a:after {
content: '?'
}
th.desc a:after {
content: '?'
}
td {
padding: .25em 2em .25em 0;
border: 0 none
}
tr.pager td {
padding: 0 .25em 0 0
}
@media only screen and (max-width: 850px) {
header .float-left,
header .float-right {
float: none
}
header .site-title {
margin: 10px;
text-align: center
}
#login {
font-size: .85em;
margin: 0 0 12px;
text-align: center
}
#login ul {
margin: 5px 0;
padding: 0
}
#login li {
display: inline;
list-style: none;
margin: 0;
padding: 0
}
#login a {
background: none;
color: #999;
font-weight: 600;
margin: 2px;
padding: 0
}
#login a:hover {
color: #333
}
nav {
margin-bottom: 5px
}
ul#menu {
margin: 0;
padding: 0;
text-align: center
}
ul#menu li {
margin: 0;
padding: 0
}
.main-content,
.featured+.main-content {
background-position: 10px 0
}
.content-wrapper {
padding-right: 10px;
padding-left: 10px
}
.featured .content-wrapper {
padding: 10px
}
article,
aside {
float: none;
width: 100%
}
ol.round {
list-style-type: none;
padding-left: 0
}
ol.round li {
padding-left: 10px;
margin: 25px 0
}
ol.round li.zero,
ol.round li.one,
ol.round li.two,
ol.round li.three,
ol.round li.four,
ol.round li.five,
ol.round li.six,
ol.round li.seven,
ol.round li.eight,
ol.round li.nine {
background: none
}
section.feature {
float: none;
padding: 10px;
width: auto
}
section.feature img {
color: #999;
content: attr(alt);
font-size: 1.5em;
font-weight: 600
}
input {
width: 90%
}
#loginForm {
border-right: none;
float: none;
width: auto
}
#loginForm .validation-error {
display: block;
margin-left: 15px
}
#socialLoginForm {
margin-left: 0;
float: none;
width: auto
}
footer .float-left,
footer .float-right {
float: none
}
footer {
text-align: center;
height: auto;
padding: 10px 0
}
footer p {
margin: 0
}
}
#chatroom {
background: #fff;
border: 1px solid gray;
height: 300px;
width: 90%;
margin-top: 20px;
margin-bottom: 5px;
padding: 10px;
overflow: auto
}
.mb20 {
margin-bottom: 20px
}
#divUsers {
font-size: .9em;
margin-bottom: 5px;
width: 90%;
text-align: center;
padding-left: 10px;
padding-right: 10px
}
#textMessage {
max-width: 90%
}
#divButtonRemoveChatroom {
text-align: center;
font-size: .8em
}
.labelIndex {
font-weight: 400;
display: inline;
font-size: 1em
}
#divRemovePassword {
display: none
}
.userNameLink {
text-decoration: none
}
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment