osb/resources/views/vendor/mail/html/themes/default.css

146 lines
2.6 KiB
CSS
Vendored

body{
margin:0 auto;
font-family:'Roboto', serif;
color:#121212;
font-size:1.0em;
padding-top:20px;
}
.header{
margin-bottom:0;
}
.footer{
}
.main-header{
background:#fafafa;
border-top-left-radius:10px;
border-top-right-radius:10px;
color:#121212;
font-weight:400;
padding:10px 20px;
border-top:1px solid #dbdbdb;
border-right:1px solid #dbdbdb;
border-left:1px solid #dbdbdb;
}
.main-header img{
width:250px;
}
.main-header .heading{
font-weight:bold;
font-size:1.4em;
padding:5px 0;
}
.main-header .subheading{
font-size:0.8em;
padding:5px 0;
}
.main-body{
background:#ffffff;
padding:10px 20px;
border-top:1px solid #dbdbdb;
border-left:1px solid #dbdbdb;
border-right:1px solid #dbdbdb;
border-bottom:1px solid #dbdbdb;
}
.main-body table{
width: 100%;
background:#fdfdfd;
border-radius:10px;
padding:10px;
font-weight:300;
margin-top:10px;
font-size:0.8em;
margin-bottom:10px;
border: 1px dashed #dbdbdb
}
.main-body table thead td{
font-weight:300;
border-bottom:1px solid #dbdbdb;
}
.main-body table td.title{
font-size:1.1em;
line-height:20px;
color:#6c7584
}
.main-body table td.title small{
font-weight:300;
font-size:0.9em;
color:#6c7584
}
.main-body .note{
font-size:0.8em;
font-weight:300;
font-style:normal;
}
.main-footer{
background:#2f2f2f;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
color:#fefefe;
padding:10px 20px;
margin: 0 0 0 auto;
border-bottom:1px solid #dbdbdb;
border-right:1px solid #dbdbdb;
border-left:1px solid #dbdbdb;
font-size: 0.8em;
text-align: right;
}
.button{
background:#2f2f2f;
border-radius:5px;
padding:10px;
color:#fafafa;
font-size:1em;
display:inline-block
}
.button a{
text-decoration:none;
color:#fafafa;
}
.button a:hover{
text-decoration:none;
color:#ffffff;
}
/* -- TO VALIDATE -- */
h1{
font-weight: 300;
color: #121212;
font-family: 'Bree Serif',serif;
margin:0 auto;
font-size: 32px;
}
h1 small{font-weight: 200; font-size: 24px;}
h3{
font-weight: 300;
color: #121212;
font-family: 'Bree Serif',serif;
margin: 25px auto;
font-size: 24px;
}
.free{color:#1cbbb4;}
.paid{color:#0f80bb;}
.links{
margin: 30px auto;
width: 600px;
}
.links table td{
padding: 20px;
text-align: center;
font-weight: 300;
color: #333;
font-size:18px;
}
.links table td span, .links table td a{
font-weight: 400
}
.apikey{font-size: 18px; color:#333}
.apikey p{border-bottom: 1px solid #dbdbdb; padding: 10px 0 10px 0;margin: 0 0;}
.apikey p.last{border-bottom: none}
.apikey small{font-size: 80%; font-weight: 300}
.fixedw{width: 80%; margin: 0 auto;}
.right{float:right}
.left{float:left}
.clear{clear: both;}
pre {white-space:pre-wrap;}