YunoHost-Apps/emailpoubelle_ynh
1
0
Fork 0
mirror of https://github.com/YunoHost-Apps/emailpoubelle_ynh.git synced 2024-09-03 18:26:29 +02:00
Code Issues Activity Actions
emailpoubelle_ynh/template-exemple/style.css
David 77418b9121 Debut du dev 0.4
2013-11-04 19:28:30 +01:00

432 lines
7.3 KiB
CSS
Raw Blame History

/*==================================================
Template: OWMX-2
Resource: http://www.owmx.com/
Version: 1.0
Date: 2010-09-13
Editor: Jonas Jacek
License: CC Attribution-Share Alike 3.0 Unported
==================================================*/
/* Reset */
header, footer, article, nav, section, aside, time, hgroup {
display : block;
}
html, body, header, footer, article, nav, section, aside, time, h1, h2, h3, p, a, ul, li, dl, dd, dt, table, thead, tfoot, tbody, th, tr, td {
border : 0;
font : 12px/22px Verdana, sans-serif;
margin : 0;
outline : 0;
padding : 0;
}
/* BASICS */
BODY {
background : #FFF;
border-top : 5px solid #FFF;
color : #444;
}
A {
color : #0A647C;
text-decoration : none;
}
A:HOVER {
color : #DB0202;
}
H1, H3, H4, H5, H6 {
background : url(../i/ai4.png) no-repeat 0 7px;
border-bottom : 1px dotted #B5B3A9;
color : #333;
font-weight : bold;
margin : 0 0 10px;
padding : 0 0 0 25px;
}
H1 {
background : url(../i/ai4.png) no-repeat 0 6px;
font-size : 15px;
}
H2 {
font-size : 14px;
margin : 0 0 20px 0;
}
H3 {
background : url(../i/ai5.png) no-repeat 0 7px;
}
H3, H4, H5, H6 {
font-size : 13px;
}
SUP {
top : -4px;
}
/* Header */
header {
-moz-border-radius : 4px;
-webkit-border-radius : 4px;
background : #006699 url(../i/hd.jpg) no-repeat top left;
margin : 0 0 10px 0;
padding : 10px 10px;
position : relative;
}
header a {
color : #FFF;
font-size : 16px;
}
header a:hover {
color : #FFF;
}
/* Article */
article {
border-left : 1px dotted #666;
float : right;
height : auto;
padding : 0 0 0 20px;
width : 560px;
}
article p {
margin : 0 0 20px 0;
}
article img {
float : left;
margin : 6px 10px 0 0;
}
/* Highlighted Paragraphs */
.highlight-1, .highlight-2, .highlight-3 {
-moz-border-radius : 4px;
-webkit-border-radius : 4px;
padding : 5px 10px;
}
.highlight-1 {
background : #FFCCCC;
border : 1px dotted #FF9966;
}
.highlight-2 {
background : #FFFF99;
border : 1px dotted #FFCC33;
}
.highlight-3 {
background : #CCFF99;
border : 1px dotted #CCCC33;
}
/* Citations & Quotes */
cite {
border-left: 2px solid #006699;
color : #666;
font-size : 10px;
font-style : normal;
font-weight : bold;
margin : 0;
padding : 5px 10px;
}
blockquote {
border-left: 2px solid #006699;
color : #666;
margin : 0 0 20px 0;
padding : 5px 10px;
}
/* Pre & Code */
pre {
color : #333;
font-size : 10px;
line-height : 15px; /*--Height of each line of code--*/
overflow : hidden; /*--If the Code exceeds the width, put "auto" and scrolling is available--*/
overflow-Y : hidden; /*--Hides vertical scroll created by IE--*/
}
pre code {
background : #EEE;
border-left : 2px solid #006699;
margin : 0 0 10px 0;
padding : 5px;
display : block;
}
/* Table */
table {
border-collapse : collapse;
text-align:left;
margin : 0 0 20px 0;
}
caption {
-moz-border-radius : 4px;
-webkit-border-radius : 4px;
background : #006699;
color : #FFF;
font-weight : bold;
}
tr:nth-child(odd) {
background : #FFF;
}
tr:nth-child(even) {
background : #DDD;
}
tr:hover td {
color : #006699;
}
td, th {
min-width : 120px;
padding : 0 5px;
vertical-align:top;
}
th {
background : #FFF;
border-bottom : 2px solid #006699;
color : #666;
font-size : 10px;
font-weight : bold;
}
td {
border-bottom : 1px solid #CCC;
font-size : 10px;
}
/* Calendar */
dl.vevent {
margin : -20px 0 20px 0;
padding : 0;
}
.vevent dt {
font-size : 10px;
position : relative;
left : 0;
top : 22px;
font-weight : bold;
}
.vevent dd
{
border-left : 2px solid #006699;
font-size : 11px;
margin : 0 0 0 80px;
padding : 0 0 0 10px;
}
dd.summary {
font-weight : bold;
}
.vevent a {
font-size : 11px;
}
/* Forms */
article form {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background : #DDD;
margin : 0 0 20px;
padding : 10px;
}
article label {
color : #666;
display : block;
font-size : 10px;
font-weight : bold;
margin : 0 0 0 2px;
}
article input, article textarea {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border : 1px solid #CCC;
font-size : 11px;
padding : 4px 5px;
width : 458px;
}
article input {
margin : 0 0 10px;
}
article input.button, .btn {
background: #999;
border : 1px solid #888;
color: #FFF;
cursor : pointer;
font-weight : bold;
margin : 10px 0 0 0;
text-shadow : 0 -1px 1px rgba(0,0,0,0.25);
width : 25%;
}
article textarea {
height : 100px;
}
/* Lists */
article ul, aside ul {
list-style : none;
margin : 0 0 20px 0;
}
article ul {
margin : 0 0 20px 23px;
}
article ul li {
background : url(../i/ai2.png) no-repeat 0 8px;
padding : 0 0 0 17px;
}
/* Sidebar */
aside {
float : left;
margin : 0 0 20px 0;
width : 200px;
}
/* Search Box */
.s {
-moz-border-radius : 4px;
-webkit-border-radius : 4px;
margin : 0 0 20px 0;
padding : 10px;
width : 179px;
}
.s input {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border : 1px solid #CCC;
color : #999;
font-size : 11px;
padding : 4px 5px;
width : 168px;
}
/* Navigation & Menu */
nav ul {
list-style : none;
}
nav li {
background : url(../i/ai1.png) no-repeat 0 8px;
padding : 0 0 0 15px;
}
nav li ul, aside li ul li ul {
margin : 0;
}
nav li li a {
font-size : 11px;
}
nav li li li a {
font-size : 10px;
}
nav li li li, aside li.active li li {
background : url(../i/ai8.png) no-repeat 0 10px;
}
nav li.active, aside li.active li {
background : url(../i/ai2.png) no-repeat 0 8px;
}
/* Gallery */
.gallery {
list-style : none;
margin : 0 0 10px;
}
.gallery li {
display: inline;
margin : 0 15px 0 0;
}
.gallery a img {
border : 1px solid #999;
height : 50px;
opacity: 0.8;
padding : 1px;
width : 50px;
}
.gallery li:last-child {
margin : 0 0 10px 0;
}
.gallery a img:hover{
opacity: 1;
}
/* Ad Space */
.adspace {
-moz-border-radius : 4px;
-webkit-border-radius : 4px;
-moz-box-shadow : 0 2px 2px rgba(0,0,0,0.3);
-webkit-box-shadow : 0 2px 2px rgba(0,0,0,0.3);
background : #EEE;
height : 100%;
margin : 0 0 20px 0;
padding : 5px 10px;
text-align : center;
width : 178px;
}
.adspace a img {
border : none;
}
/* Tag Cloud */
#tagcloud {
overflow : hidden;
width : 200px;
}
#tagcloud li {
display : inline;
margin : 0 10px 0 0;
}
.tagcloudsize-1 a {
font-size : 14px;
}
.tagcloudsize-2 a {
font-size : 16px;
}
.tagcloudsize-3 a {
font-size : 18px;
}
/* Footer */
footer {
border-top : 1px dotted #B5B3A9;
clear : both;
margin : 20px 0;
}
footer a, footer p {
color : #666;
display : inline;
font-size : 10px;
}
/* Wrappers */
#a, #b {
margin : 0 auto;
position : relative;
}
#a {
width : 800px;
}
#b {
overflow : hidden;
}
/* Shadow-Boxes*/
#c, .meta, .s {
-moz-border-radius : 4px;
-webkit-border-radius : 4px;
-moz-box-shadow : 0 2px 2px rgba(0,0,0,0.3);
-webkit-box-shadow : 0 2px 2px rgba(0,0,0,0.3);
background : #EEE;
}
#c {
background : #EEE;
margin : 0 0 20px 0;
padding : 5px 10px;
width : 178px;
}
#c p, #c a {
font-size : 11px;
line-height : 15px;
}
#c p {
margin : 0 0 10px 0;
}
#c img {
float : left;
margin : 4px 10px 2px 0;
}
.meta {
margin : 20px 0 3px;
padding : 2px 5px;
}
.meta p, .meta a {
font-size : 10px;
margin : 0;
}
Reference in a new issue View git blame Copy permalink