OpenCores
URL https://opencores.org/ocsvn/help/help/trunk

Subversion Repositories help

[/] [help/] [trunk/] [123/] [test2/] [help.css] - Rev 25

Compare with Previous | Blame | View Log

/* general help styles **********************************************/

body {
        background-color: white;
        color: black;
}

h1 {
        margin-top: 0.5em;
        letter-spacing: 1px;
        color: maroon;
        font-weight: bold;
        font-size: 2em;
}

h2 {
        margin-top: 2em;
        border-bottom: thin solid #355382;
        color: #355382;
        font-weight: bold;
        font-size: 1.5em;
}

h3 {
        font-size: 1.1em;
        margin-bottom: 0em;
}

h4 {font-size: 1em;}

p {margin-top: 0em;}


ol.alfa {list-style: lower-alpha;}


/* styles for links *************************************************/

a:link, .fakelink { 
        text-decoration: underline;
        color: blue;
}

a:visited, a:hover { 
        text-decoration: underline;
        color: red;
}

a[target="_blank"]:after {
        content: " \bb\bb";
        color: green;
}


/* styles for text types ********************************************/

span.url, span.mailaddress, span.html, span.mime, span.file { 
        font-family: "Lucida Console", "Courier New", monospace;
        color: green;
        white-space: nowrap;
}

span.html a {color: green;}

kbd {
        color: #333333;
        background-color: #EFEFEF;
        font-family: "Verdana";
        font-weight: normal;
        font-size: 80%;
        text-align: center;
        border-top: 2px double #CFCFCF;
        border-left: 3px solid #BABABA;
        border-right: 4px solid #AAAAAA;
        border-bottom: 6px solid #909090;
        padding-left: 0.2em;
        padding-top: 0em;
        padding-right: 0.2em;
        padding-bottom: 0em;
        line-height: 1.6em;
        vertical-align: top;
        white-space: nowrap;
}

table kbd {font-size: 90%;}

.bold {font-weight: bold;}

.red {color: red;}

.underline {text-decoration: underline !important;}

.nowrap {white-space: nowrap;}

span.note {
        color: maroon;
        font-weight: bold;
}

p.copyright {
        margin-top: 3em;
        padding-top: 1em;
        border-top: 1px solid gray;
        color: gray;
        font-size: 0.75em;
        text-align: center;
}


/* styles for tables ************************************************/

table {margin-bottom: 1em;}

td, th { 
        text-align: left; 
        vertical-align: top; 
}

/* nice tables */

table.nice {
        border-collapse: collapse;
        border-style: hidden;
        border-spacing: 0;
}

table.nice td, table.nice th {
        border: 1px dotted black;
        padding: 0.25em;
        font-size: 0.9em;
        color: black;
        background-color: white;
}

table.nice th {white-space: nowrap;}

/* keyboard tables */

body.keytable table {
        width: 100%;
        border-collapse: collapse;
        border-style: hidden;
        border-spacing: 0;
}

body.keytable th, body.keytable td {
        border: 1px dotted black;
        padding: 0.25em;
}

body.keytable th {
        max-width: 80%;
        font-weight: normal;
        padding-left: 0em;
}

body.keytable td {
        min-width: 20%;
        white-space: nowrap;
        padding-left: 0.5em;
}

body.keytable h3 {
        margin-bottom: 0;
        margin-top: 0.75em;
}

/* gesture tables */

div.gestures table {
        width: 100%;
        border-collapse: collapse;
        border-style: hidden;
        border-spacing: 0;
}

div.gestures td {
        min-width: 50%;
/*      white-space: nowrap;*/
        border: 1px dotted black;
}

div.gestures th {
        max-width: 50%;
        font-weight: bold;
        border: 1px dotted black;
}


/* styles for prefs dialogs ***********************************************/

div.prefs {
        background-color: ThreeDFace;
        color: WindowText;
        font-family: "MS Sans Serif", sans-serif;
        font-size: 12px;
        border-top: 2px solid ThreeDLightShadow;
        border-right: 2px solid ThreeDShadow;
        border-bottom: 2px solid ThreeDShadow;
        border-left: 2px solid ThreeDLightShadow;
        max-width: 500px;
        padding: 0em;
        margin-top: 0.5em;
        margin-bottom: 1em;
        margin-left: auto;
        margin-right: auto;
        white-space: nowrap;
}

div.prefs p.titlebar {
        font-family: "MS Sans Serif", sans-serif;
        background-color: ActiveCaption;
        font-size: 14px;
        font-weight: bold;
        color: CaptionText;
        margin-bottom: 4px;
}

table.groupbox {
        font-family: "MS Sans Serif", sans-serif;
        border: 2px groove ThreeDFace;
        margin 2px 4px 2px 4px;
        padding: 6px;

}

table.groupbox caption {
        font-weight: bold;
        padding: 4px 4px 0px 8px;
        text-align: left;
}

table.groupbox td {color: WindowText;}

table.groupbox ul,
table.groupbox li,
td.ui ul,
td.ui li,
body.keytable ul,
body.keytable li,
table.nice ul,
table.nice li,
ul.lean,
ul.lean li { 
        list-style: none;
        margin: 1px 0px 1px 0px;
        padding: 0px;
}

ul.lean li + li {padding-top: 1em;}


/* styles for menus *************************************************/

table.mainmenu, table.menu {
        border-spacing: 0;
        empty-cells: show;
}

table.menu th, table.menu td, table.mainmenu th {
        text-align: left;
        font-weight: normal;
        vertical-align: top;
        white-space: nowrap;
}

table.menu th {
        font: menu;
        color: MenuText;
        background-color: ThreeDFace;
        border-left: 2px outset ThreeDLightShadow;
        border-right: 2px ridge ThreeDDarkShadow;
        padding: 0.15em 1em 0.15em 1em;
        white-space: nowrap;
}

table.menu td {
        color: black;
        background-color: white;
        font-family: "Arial", "Tahoma", sans-serif;
        font-size: 0.8em;
        padding: 0em 0.5em 0em 0.5em;
        vertical-align: middle;
}

table.mainmenu th {padding: 4px;}

.mainmenu {
        font: menu;
        color: MenuText;
        background-color: ThreeDFace;
        padding: 0em 0.5em 0em 0.5em;
}

table.menu th.sub {padding-left: 3em;}

table.menu th.sub2 {padding-left: 4.5em;}

table.menu tr.maketop th {
        border-top: 2px outset ThreeDLightShadow;
        padding: 0;
        line-height:0;
}

table.menu tr.makebottom th {
        border-bottom: 2px ridge ThreeDDarkShadow;
        padding : 0;
        line-height:0;
}

table.menu tr.makesep th {
        border-top: 2px groove ThreeDLightShadow;
        padding : 0;
        line-height:0;
}

table.menu tr.makesep td {
        border-top: 1px dotted black;
        padding : 0;
        line-height:0;
}


tr.cool td {color: maroon;}

td.ui, table.nice td.ui {
        background-color: ThreeDFace;
        color: MenuText;
        padding: 0px;
        padding-left: 0.5em;
        padding-right: 0.5em;
        font: menu;
        text-align: left;
        white-space: nowrap;
}

td.ui a:link, td.ui a:visited, .mainmenu a:link, .mainmenu a:visited {
        color: MenuText;
        text-decoration: none;
}

td.ui a:hover, .mainmenu a:hover {
        color: HighlightText;
        background-color: ActiveCaption;
        text-decoration: none;
}


/* input styles *****************************************************/

input.button {
        min-width: 75px;
        min-height: 24px;
}


/* style for start page *********************************************/

body.startpage h1 {
        text-align: center;
        letter-spacing: 3px;
        margin: 0em 0em 0.5em 0em;
        padding: 0em 1em 0em 0em;
        font-weight: bold;
}

body.startpage h2 {
        margin-top: 0.5em;
        margin-bottom: 0em;
        border-bottom: none;
        page-break-before: avoid;
        font-weight: normal;
}

body.startpage h3 {
        margin-top: 0.5em;
        margin-bottom: 0em;
}

body.startpage p {clear: both;}

div.section {
        float: left;
        margin-left: 4%;
        margin-right: 0.5em;
        padding-left: 1em;
        padding-right: 1em;
        font-weight: normal;
}

div.section p {max-width: 20em;}


body.toc a:link, body.toc a:visited, body.startpage a:link, body.startpage a:visited {
        text-decoration: none;
        color: black;
}

body.toc a:hover, body.startpage a:hover {
        text-decoration: none;
        color: white;
        background-color: black;
}

body.startpage ul {
        list-style: none;
        margin: 0.5em 0em 0.5em 0em;
        padding: 0em;
}

body.startpage li {
        margin: 0;
        padding: 0;
}

form.search {
        padding-right: 15%;
        text-align: right;
}

form.search input[type="submit"] {font-size: 0.9em;}


/* styles for toc **********************************************/

body.toc {
        font-family: "Verdana", serif;
        font-size: 11px;
        padding-left: 10px;
}

body.toc form.search {
        padding-right: 0em;
        text-align: center;
}

body.toc ul { 
        list-style: none;
        margin: 0;
        margin-left: 0em;
        font-size: 1.2em;
        font-weight: bold;
}

body.toc ul ul {
        font-size: 0.9em;
        margin-left: 0em;
        border-top: none;
        font-weight: normal;
        border-top: 1px dotted black;
        margin-bottom: 1em;
}

body.toc ul ul ul {
        font-size: 0.9em;
        margin-top: 0;
        margin-left: 1em;
        border-top: none;
        margin-bottom: 0;
}

body.toc li {margin: 0;}


/* styles for treeview **********************************************/

table.tree {border-spacing: 0;}

table.tree th, table.tree td {
        text-align: left;
        font-weight: normal;
        vertical-align: top;
/*      white-space: nowrap;*/
}

table.tree th {
        font: menu;
        color: MenuText;
        padding: 0.15em;
        padding-left: 1em;
        padding-right: 1em;
        white-space: nowrap;
}

table.tree td {
        font-family: "Arial", "Tahoma", sans-serif;
        font-size: 11px;
        padding-left: 0.5em;
        padding-right: 0.5em;
        vertical-align: middle;
}

table.tree th.tsub {padding-left: 3em;}

table.tree th.tsub2 {padding-left: 4.5em;}

tr.parent td, tr.parent th {font-weight: bold;}



/* styles for media **********************************************/

@media screen, projection, tv {

body, table {
        font-family: "Verdana", "Georgia", "Book Antiqua", "Garamond", "Verdana", serif;
        margin-left: auto;
        margin-right: auto;
        max-width: 60em;
}

}


@media screen, tv {

html {
        padding: 1em;
        border-top: thin solid black;
        background-color: #3b5f8a;
        background-image: url(background.png);
        background-repeat: repeat;
}

body {font-size: 0.9em;}

}


@media projection {

body {font-size: 1.2em;}

h1 {
        margin-top: 20%;
        text-align: center;
        font-size: 3em;
}


h2 {
        margin-top: 0em;
        padding: 1em 0.5em 0.5em 0.5em;
        background-color: #355382;
        color: white;
        border: none;
        page-break-before: always;
}

.nobreak {page-break-before: avoid;}

p.copyright {display: none;}

}


@media print {

body, table {
        font-family: "Georgia", "Book Antiqua", "Garamond", "Verdana", serif;
        font-size: 1em;
}

}


/* end of styles ****************************************************/

Compare with Previous | Blame | View Log

powered by: WebSVN 2.1.0

© copyright 1999-2024 OpenCores.org, equivalent to Oliscience, all rights reserved. OpenCores®, registered trademark.