51 lines
3.0 KiB
CSS
51 lines
3.0 KiB
CSS
/**
|
|
* autoblog.css
|
|
* ------------
|
|
* Please do NOT edit this file. Updating your Autoblogs farm will be easier.
|
|
* If you want to add your own CSS, use the file user.css
|
|
*
|
|
*/
|
|
|
|
body {background-color:#efefef;text-align:center;color:#333;font-family:sans-serif;}
|
|
a {color:black;text-decoration:none;font-weight:bold;}
|
|
a:hover {color:darkred;}
|
|
h1 {text-transform:uppercase;text-align:center;font-size:40pt;text-shadow: #ccc 0px 5px 5px;}
|
|
h2 {text-align:center;font-size: 16pt;margin:0 0 1em 0;font-style:italic;text-shadow: #ccc 0px 5px 5px; }
|
|
body > section {background-color:white;padding: 12px 10px 12px 10px;border:1px solid #aaa;max-width:70em;margin:1em auto;text-align:justify;box-shadow:0px 5px 7px #aaa;}
|
|
li {list-style-type:none;}
|
|
input[type="text"]{width:20em;}
|
|
input[type="radio"] {width:1em;}
|
|
input[type="submit"] {width:8em;}
|
|
section.form {padding:0.2em;border:1px solid #fff;}
|
|
section.form:hover {background-color:#FAF4DA;border:1px dotted;}
|
|
section#autoblogs > ul {text-align: center;padding:0;}
|
|
section#autoblogs > ul > li {width:27%;height:2em;display: inline-block;text-align:justify;margin:0; padding:20px;background-color:#eee;border: 1px solid #888;}
|
|
section#autoblogs > ul > li:hover {background-color:#fff;}
|
|
section#autoblogs > ul > li header, section#autoblogs > ul > li h3 {font-size: large;text-shadow: #ccc 0px 5px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
|
|
section#autoblogs > ul > li h3 {display:inline;font-size:large;text-overflow:ellipsis;width:100%;}
|
|
section#autoblogs > ul > li header a:hover {color:darkred; text-decoration:none;}
|
|
section#autoblogs > ul > li .source {font-size:x-small;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
|
|
section#autoblogs > ul > li .source a:hover {color:darkred; text-decoration:none;}
|
|
.clear {clear:both;text-align:right;font-size:small;}
|
|
#logo {float: right;}
|
|
.bouton{border: 1px none;padding: 10px;border: 1px solid #777777;border-radius: 8px 8px 8px 8px;box-shadow: 0 1px 0 0 #FFFFFF inset;display: inline-block;}
|
|
.success {color: green;}
|
|
.error {color: red;}
|
|
.button_list{display:none;}
|
|
.button{box-shadow:inset 0 1px 0 0 #d9fbbe;background:0;background-color:#b8e356;border-radius:6px;border:1px solid #83c41a;display:inline-block;color:#fff;font-family:arial;font-size:14px;font-weight:700;text-decoration:none;text-shadow:1px 1px 0 #86ae47;padding:6px 24px;}
|
|
.button:hover{background:0;background-color:#a5cc52;}
|
|
.button:active{position:relative;top:1px;}
|
|
.buttonactive{background-color:#aaa;border-radius:6px;border:1px solid #83c41a;display:inline-block;color:#fff;font-family:arial;font-size:14px;font-weight:700;text-decoration:none;text-shadow:1px 1px 0 #86ae47;padding:6px 24px;}
|
|
@media screen and (max-width:1024px) {
|
|
section#autoblogs > ul > li { width: 40%; }
|
|
}
|
|
@media screen and (max-width:640px) {
|
|
h1 { font-size:20pt; }
|
|
.button, .button:hover, .button:active, .buttonactive { display: block; margin: auto; text-align:center; }
|
|
section#autoblogs > ul > li { width: 80%; }
|
|
}
|
|
@media screen and (max-width:480px) {
|
|
#logo { max-width: 250px; }
|
|
input[type="text"]{width:15em;}
|
|
}
|