/*
Defines the style of HTML Output. To be used in conjunction with `../lib/webpreview.sh`.
In Flux: http://macromates.com/wiki/Suggestions/StylingHTMLOutput
I'm not sure whether all the styles should really go in here or if we leave the css in the bundles and include them dynamically. I've copied all things here to make it easier for me mostly while experimenting.
— Soryu
*/
/* =================== */
/* = General Styling = */
/* =================== */
@import "default.css";
body {
margin: 0;
padding: 0;
color: #F5DEB3;
background: #FFFFFF;
font-size: .8em;
font-family: "Lucida Grande",
"Lucida Sans Unicode",
geneva,verdana,
sans-serif;
}
/* Layout */
#page-wrap{
background-color: black;
min-width: 780px;
max-width: 1260px;
margin: 10px auto;
width:expression(document.body.clientWidth < 782? "780px" :
document.body.clientWidth > 1262? "1260px" : "auto");
}
#page-wrap #inside {
margin: 10px 10px 0px 10px;
padding-top: 10px;
padding-bottom: 10px;
}
#zoneV
{
position: fixed;
width: 150px;
float: left;
padding-left: 25px;
padding-top: 200px;
color: #BBBBBB;
background-color: black;
}
#menu
{float: right;
background-color: #222222;
display: inline;
}
#menu ul
{margin-top: 10px;
padding: 0;
background-color: #222222;
}
#menulinks
{margin: 1em 1em 1em 1em;
}
#menulinks ul
{margin: 0;
padding: 0;
}
#menulinks a
{position: relative;
display: block;
width: 9em;
padding: 0.25em ;
color: #111111;
background: #666666;
text-align: center;
text-indent: 0.2em;
margin-top: 0.25em;
margin-bottom: 0.25em;
text-decoration: none;
}
#menulinks li
{list-style: none;
text-align: center;
}
#menulinks li a
{color: #BBBBBB;
font-size: 110%;
text-align: center;
}
#menulinks a:hover
{color: #111111;
background: #AAAAAA;
text-decoration: none;
}
#menulinks li#encours
{ font-size: 110%;
color: darkgray;
text-align: center;
padding: 0.25em ;
}
#tm_webpreview_header {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
z-index: 2;
color: #FFCC99;
font-size: 200%;
}
#tm_webpreview_header #gradient {
position: absolute;
left: 0;
top: 0;
z-index: 2;
margin: 0;
padding: 0;
width: 100%;
height: 2.6em;
}
#tm_webpreview_header .headline {
position: absolute;
top: 0.5em;
left: 5em;
z-index: 3;
margin: 0;
}
#tm_webpreview_header #teaser {
position: absolute;
top: 0px;
right: 0px;
z-index: 3;
margin: 0;
padding: 0;
height: 2.4em;
width: 2.4em;
}
#tm_webpreview_header .from-one {
position: absolute;
top: 1em;
left: 26em;
z-index: 3;
color: rgba(255,255,255,0.5);
font-size: 8pt;
font-weight: light;
}
#tm_webpreview_header .from-two {
position: absolute;
top: 2em;
left: 26em;
z-index: 3;
color: rgba(255,255,255,0.5);
font-size: 8pt;
font-weight: light;
}
#tm_webpreview_footer .type {
position: absolute;
right: 8em;
z-index: 3;
color: rgba(255,255,255,0.5);
font-size: 8pt;
font-weight: light;
}
#tm_webpreview_header #icon {
position: absolute;
top: 30px;
left: 30px;
z-index: 3;
margin: 0;
padding: 0;
}
#tm_webpreview_footer {
position: fixed;
bottom: 0px;
width: 100%;
height: 1.6em;
margin: 0;
padding: 0.3em 2em 0 2em;
color: #777;
background: #292929;
text-shadow: #000 1px 3px 3px;
font-size: 8pt;
border-top: 2px solid #000;
}
#tm_webpreview_footer p {
margin: 0;
padding: 0;
}
#tm_webpreview_content {
float:left;
width:100%
padding: 2em 2em 2em 2em;
margin-top: 10em;
font-size: 12pt;
}
h1,h2 {
/* font-family: "LucidaGrande";*/
/* font-weight: bolder;*/
}
#corps
{
padding-left: 200px;
padding-top: 60px;
margin-right: 15%;
margin-bottom: 4em;
color: wheat;
background-color: black;
}
#corps ul
{margin-top: 0.2em;
margin-left: 30px;
}
#corps a:link
{color: gold;
}
#corps a:visited
{color: gold;
}
#corps a:hover
{color: black;
text-decoration: none;
background-color: wheat;
}
a img
{border: none;
}
#corps h1
{ font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 20px;
text-align: center;
margin-bottom: 30px;
color: maroon;
}
#corps h2
{ font-style: normal;
font-weight: normal;
font-size: 14px;
margin-top: 18px;
margin-bottom: 12px;
color: #FFA824;
}
#corps p
{color: #F5DEB3;
margin: 0.1em ;
text-align: justify;
margin-bottom: 3px;
}
#corps p.title
{font-size: 11px;
text-align: center;
}
/* ================================= */
/* = Common Stuff for all Commands = */
/* ================================= */
.night {
background-color:black;
color:#ccc;
}
.night h1 {
color: #fff;
text-shadow: #0c122c 3px 3px 5px;
}
.night h2 {
text-shadow: #0c122c 3px 3px 5px;
}
.night h3 {
text-shadow: #0c122c 3px 3px 5px;
}
/* ----------------------------------------------------------------------- */
/* table download*/
table
{
border-collapse: collapse;
width : 100%;
}
td
{
color : white;
padding : .2em;
text-align : left;
font-size : 80%;
/* font-weight: bold; */
}
.shortcut{
width : 6em;
text-align: right;
color: #FFA824; }
.def{
text-align: left;
}
.group{
font-size : 120%;
color : #FFA824;
width : 250px;
}
.empty-line
{
margin-top: 4px;
}
.empty-lines
{
margin-top: 12px;
}
.more-room
{
margin-right: 1.5em;
}
.much-more-room
{
margin-right: 3.0em;
}
.shell {color: white;}
/* ----------------------------------------------------------------------- */
/* table download*/
.dls table
{
border-collapse: collapse;
width: 50em;
background: #483C33;
}
.dls caption
{
padding: 0 .5em 1em;
text-align: left;
font-size: 110%;
text-transform: uppercase;
color: #FFA824;
background : black;
}
.dls td,
th
{
color : wheat;
background : black;
padding : .5em;
padding-right: 1em;
font-size : 80%;
}
.dls thead th, tfoot th,tr th
{
text-align: left;
font-size: 1em;
font-weight: bold;
}
.dls tbody tr td
{
padding: .5em;
padding-right: 0em;
}
.dls tbody td a
{
color : #FFFFFF;
padding : 3px;
padding-right : 1em;
}
.dls tbody th, tbody td
{
vertical-align : top;
text-align : left;
}
.dls thead th, tfoot th,tr th
{
text-align : left;
font-size : 1em;
font-weight : bold;
color : #FFCC99;
background : black;
padding-left: 1.5em;
}
cite {
color: #FFA824;
font-style: normal;
}
.num {
display: inline;
color: orange;
border: 1px solid orange;
padding: 0.2em;
margin: 1em 0 1em 0;
}
div.figure {
width: 20%;
margin: 0.5em;
padding: 0.5em;
}
div.figure p {
text-align: center;
font-style: italic;
font-size: smaller;
text-indent: 0;
}
@media all and (min-width: 0px) {
.thumbwrap a {
display: inline-block;
}
.thumbwrap li {
width: 168px;
}
}
blockquote
{
font-size: 1em;
text-align: left;
margin: 0;
margin-top: 1em;
margin-bottom: 2em;
padding: 1em;
color: darkgray;
border: #FF3048 2px solid;
}
blockquote h1
{
font-size: 2em;
font-weight: normal;
margin-bottom: .5em;
color: #FF3048;
}
table {
border-collapse: collapse;
font: "Lucida Grande",
verdana,
Helvetica,
sans-serif;
}
caption {
padding: 1em;
text-align: left;
font-size: 140%;
color: maroon;
background: transparent;
}
pre {
padding:0.2em 1em 1em 0.5em;
margin: 0;
border: 1px solid #D98719;
}
img { background-color: #6E5F54;}