2020-01-21 09:59:10 +00:00
|
|
|
body{
|
2020-05-25 07:45:17 +00:00
|
|
|
margin: 0 auto;
|
|
|
|
|
font-family: 'Bree Serif';
|
|
|
|
|
background: #f4f4f4;
|
|
|
|
|
color: #6c7584;
|
|
|
|
|
font-size: 1.2em;
|
2020-01-21 09:59:10 +00:00
|
|
|
}
|
|
|
|
|
.header{
|
2020-05-25 07:45:17 +00:00
|
|
|
background: #232323;
|
|
|
|
|
border-bottom: 5px solid #454d59;
|
|
|
|
|
padding: 20px 0px 10px 0px;
|
|
|
|
|
margin-bottom: 30px;
|
|
|
|
|
color: #f4f4f4;
|
|
|
|
|
font-weight: 300;
|
2020-01-21 09:59:10 +00:00
|
|
|
}
|
|
|
|
|
.footer{
|
2020-05-25 07:45:17 +00:00
|
|
|
background: #232323;
|
|
|
|
|
border-top: 5px solid #454d59;
|
|
|
|
|
padding: 10px 0px 20px 0px;
|
|
|
|
|
margin-top: 30px;
|
|
|
|
|
color: #f4f4f4;
|
|
|
|
|
font-weight: 100;
|
2020-01-21 09:59:10 +00:00
|
|
|
}
|
|
|
|
|
.subject{
|
2020-05-25 07:45:17 +00:00
|
|
|
font-weight: 300;
|
|
|
|
|
font-family: 'Bree Serif',serif;
|
|
|
|
|
font-size: 1.5em;
|
|
|
|
|
/* text-align: right; */
|
2020-01-21 09:59:10 +00:00
|
|
|
}
|
|
|
|
|
.panel{
|
2020-05-25 07:45:17 +00:00
|
|
|
background:#454d59;
|
|
|
|
|
border-radius: 10px;
|
|
|
|
|
margin-top: 20px;
|
|
|
|
|
padding: 20px;
|
|
|
|
|
font-weight: 300;
|
|
|
|
|
color: #f4f4f4;
|
|
|
|
|
font-size: 1.4em;
|
|
|
|
|
display: inline-block
|
2020-01-21 09:59:10 +00:00
|
|
|
}
|
|
|
|
|
.light-box{
|
2020-05-25 07:45:17 +00:00
|
|
|
background: #f9f9f9;
|
|
|
|
|
border-radius: 10px;
|
|
|
|
|
padding: 10px;
|
|
|
|
|
font-weight: 300;
|
|
|
|
|
margin-top: 10px;
|
|
|
|
|
font-size: 0.8em;
|
|
|
|
|
margin-bottom: 10px;
|
2020-01-21 09:59:10 +00:00
|
|
|
}
|
|
|
|
|
.main-body{
|
2020-05-25 07:45:17 +00:00
|
|
|
background: #ffffff;
|
|
|
|
|
border-radius: 10px;
|
|
|
|
|
color:#6c7584;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
padding:10px 20px;
|
|
|
|
|
border-top:1px solid #dbdbdb;
|
|
|
|
|
border-left:1px solid #dbdbdb;
|
|
|
|
|
border-right:1px solid #dbdbdb;
|
|
|
|
|
border-bottom:3px solid #dbdbdb;
|
2020-01-21 09:59:10 +00:00
|
|
|
}
|
|
|
|
|
.main-body table thead td{
|
2020-05-25 07:45:17 +00:00
|
|
|
font-weight: 300;
|
|
|
|
|
border-bottom: 1px solid #dbdbdb;
|
|
|
|
|
color: #ccc
|
2020-01-21 09:59:10 +00:00
|
|
|
}
|
|
|
|
|
.main-body table td.title{
|
2020-05-25 07:45:17 +00:00
|
|
|
font-size: 1.1em;
|
|
|
|
|
line-height: 20px;
|
2020-01-21 09:59:10 +00:00
|
|
|
}
|
|
|
|
|
.main-body table td.title small{
|
2020-05-25 07:45:17 +00:00
|
|
|
font-weight: 300;
|
|
|
|
|
font-size: 0.9em;
|
|
|
|
|
color: #6c7584
|
2020-01-21 09:59:10 +00:00
|
|
|
}
|
|
|
|
|
.main-body .note{
|
2020-05-25 07:45:17 +00:00
|
|
|
font-size: 0.8em;
|
|
|
|
|
font-weight: 300;
|
|
|
|
|
font-style: normal;
|
2020-01-21 09:59:10 +00:00
|
|
|
}
|
2020-01-22 10:05:31 +00:00
|
|
|
.panel a{
|
2020-05-25 07:45:17 +00:00
|
|
|
text-decoration: underline;
|
|
|
|
|
color: #f4f4f4;
|
2020-01-22 10:05:31 +00:00
|
|
|
}
|
|
|
|
|
.panel a:hover{
|
2020-05-25 07:45:17 +00:00
|
|
|
text-decoration: none;
|
|
|
|
|
color: #ffffff;
|
2020-01-21 09:59:10 +00:00
|
|
|
}
|
|
|
|
|
|
2020-01-22 10:05:31 +00:00
|
|
|
/* -- TO VALIDATE -- */
|
2020-01-21 09:59:10 +00:00
|
|
|
h1{
|
2020-05-25 07:45:17 +00:00
|
|
|
font-weight: 300;
|
|
|
|
|
color: #121212;
|
|
|
|
|
font-family: 'Bree Serif',serif;
|
|
|
|
|
margin:0 auto;
|
|
|
|
|
font-size: 32px;
|
2020-01-21 09:59:10 +00:00
|
|
|
}
|
|
|
|
|
h1 small{font-weight: 200; font-size: 24px;}
|
|
|
|
|
h3{
|
2020-05-25 07:45:17 +00:00
|
|
|
font-weight: 300;
|
|
|
|
|
color: #121212;
|
|
|
|
|
font-family: 'Bree Serif',serif;
|
|
|
|
|
margin: 25px auto;
|
|
|
|
|
font-size: 24px;
|
2020-01-21 09:59:10 +00:00
|
|
|
}
|
|
|
|
|
.free{color:#1cbbb4;}
|
|
|
|
|
.paid{color:#0f80bb;}
|
|
|
|
|
.links{
|
2020-05-25 07:45:17 +00:00
|
|
|
margin: 30px auto;
|
|
|
|
|
width: 600px;
|
2018-08-07 04:26:33 +00:00
|
|
|
}
|
2020-01-21 09:59:10 +00:00
|
|
|
.links table td{
|
2020-05-25 07:45:17 +00:00
|
|
|
padding: 20px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
font-weight: 300;
|
|
|
|
|
color: #333;
|
|
|
|
|
font-size:18px;
|
2020-01-21 09:59:10 +00:00
|
|
|
}
|
|
|
|
|
.links table td span, .links table td a{font-weight: 400}
|
|
|
|
|
.border-l{border-left:1px solid #ccc}
|
|
|
|
|
.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}
|
|
|
|
|
.twitter{padding: 20px; font-weight: 300;font-size:16px;}
|
|
|
|
|
.fixedw{width: 80%; margin: 0 auto;}
|
|
|
|
|
.right{float:right}
|
|
|
|
|
.left{float:left}
|
|
|
|
|
.clear{clear: both;}
|
|
|
|
|
table thead td {font-size: 16px;}
|
