1
0
mirror of https://github.com/mitb-archive/filebot synced 2024-12-25 01:08:52 -05:00
filebot/website/base.css
2011-11-09 15:02:19 +00:00

299 lines
4.0 KiB
CSS

body {
font-family: arial, dejavu sans, freesans;
font-size: 16px;
background-color: #e6e6e6;
}
a,acronym {
color: #5c7684;
text-decoration: none;
border: none;
}
a:hover {
text-decoration: underline;
}
a img {
border: none;
}
h3 {
font-size: 14px;
margin-top: 25px;
margin-left: 15px;
margin-bottom: -8px;
}
hr {
border-style: dashed;
border-width: 1px 0 0 0;
border-color: lightgray;
}
.section h2.reference {
padding-top: 25px;
}
table.reference {
border-collapse: collapse;
}
table.reference > * > * > th, table.reference > * > * > td {
padding: 5px 20px;
}
table.reference > * > * > td {
border-top: thin dotted lavender;
}
table.reference.cli > * > * > td:first-child {
color: #225577;
font-family: Andale Mono, monospace;
font-size: 10.5pt;
font-weight: bold;
}
.page {
position: relative;
margin: 20px auto;
width: 760px;
min-height: 800px;
padding: 20px;
background: white;
border: 1px solid #a2a2a2;
margin: 20px auto;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
box-shadow: 0px 2px 5px #a2a2a2;
-moz-box-shadow: 0px 2px 5px #a2a2a2;
}
.header {
margin-left: 25px;
margin-right: 80px;
margin-bottom: 50px;
}
.header img {
float: left;
margin-top: 2px;
}
img.logo {
float: left;
}
h1 {
font-size: 24px;
font-weight: bold;
margin-left: 65px;
letter-spacing: 0.03em;
}
h1 .description {
display: block;
color: #888888;
font-size: 70%;
font-weight: normal;
font-style: italic;
letter-spacing: normal;
}
.social {
float: right;
position: relative;
right: -10px;
top: -15px;
}
.screenshot {
float: right;
background-color: #E6E6E6;
border: 1px solid lightgray;
box-shadow: 0px 2px 5px #a2a2a2;
-moz-box-shadow: 0px 2px 5px #a2a2a2;
}
.screenshot a {
display: block;
border: none;
outline: none;
}
.screencast {
position: relative;
}
div.screencast .play {
position: absolute;
top: 2px;
right: 4px;
opacity: 0.2;
}
div.screencast:hover .play {
opacity: 1.0;
}
.content>.screenshot {
margin-top: 10px;
margin-left: 20px;
}
.webstart {
margin: 15px;
min-height: 25px;
text-align: center;
}
.comment, a.source {
font-size: xx-small;
font-weight: normal;
color: lightgray;
margin-left: 2px;
}
.webstart a img {
box-shadow: 0px 0px 5px lightgray;
-moz-box-shadow: 0px 0px 5px lightgray;
}
.webstart a:hover img {
box-shadow: 0px 1px 8px darkorange;
-moz-box-shadow: 0px 1px 8px darkorange;
}
.section.features {
clear: both;
margin-top: 20px;
}
.section.download,.section.contact {
clear: both;
margin-top: 40px;
}
.section .icon {
float: left;
margin-right: 10px;
}
.section h2 {
font-size: 20px;
padding-top: 12px;
margin-bottom: 20px;
}
.section p, .section .description {
margin: 16px 0 0 10px;
}
.section .quote {
float: right;
margin-top: 12px;
color: #888;
font-size: 11px;
}
.quote:before {
content: open-quote;
}
.quote:after {
content: close-quote;
}
.section>ul>li {
margin-top: 10px;
margin-bottom: 10px;
}
.section>ul>li li {
margin-top: 2px;
}
.note {
font-size: 80%;
font-style: italic;
}
.note.java {
color: #E76F00;
}
.note.java:before {
content: url("images/java.png");
position: relative;
top: 2px;
margin-left: 2px;
margin-right: 2px;
}
.note.mediainfo {
color: #3E8D39;
}
.note.mediainfo:before {
content: url("images/plugin.png");
position: relative;
top: 2px;
margin-right: 2px;
}
.note.anime {
color: #D76F04;
}
.note.anime:before {
content: url("images/asterisk.png");
position: relative;
top: 3px;
margin-left: 2px;
margin-right: 2px;
}
.section.features>ul.next {
clear: both;
padding-top: 5px;
border-top: 1px dashed lightgray;
}
.section.features .screenshot {
position: relative;
margin-bottom: 10px;
}
.section.features .screenshot.dialog {
position: absolute;
}
.metrics {
margin: 25px;
min-height: 25px;
text-align: center;
}
.footer {
font-size: 60%;
text-align: center;
}
#sflogo {
position: relative;
text-align: right;
height: 0px;
top: -10px;
}
#donate {
position: relative;
text-align: left;
height: 0px;
left: 20px;
top: -57px;
}