You've already forked macports-guide
mirror of
https://github.com/macports/macports-guide.git
synced 2026-07-12 18:18:46 -07:00
Clemens Lang
449 lines
8.3 KiB
CSS
Executable File
449 lines
8.3 KiB
CSS
Executable File
/*
|
|
* MacPorts Guide Stylesheet
|
|
*/
|
|
|
|
div.book {
|
|
max-width: 1000px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
body.chunked div.navheader {
|
|
max-width: 1000px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
body.chunked div.navfooter {
|
|
margin-left: 183px;
|
|
padding: 0 0 40px 10px;
|
|
}
|
|
|
|
body.chunked div.navheader tr:first-child > th {
|
|
margin: 0;
|
|
background: url("https://www.macports.org/img/macports-logo-top.png") no-repeat;
|
|
background-size: 183px 73px;
|
|
padding-top: 18px;
|
|
padding-left: 183px;
|
|
padding-bottom: 35px;
|
|
font-size: 32px;
|
|
color: #0155cd;
|
|
text-align: left;
|
|
}
|
|
|
|
body.chunked div.titlepage h1 {
|
|
display: none;
|
|
}
|
|
|
|
div.book > div.titlepage {
|
|
padding-bottom: 40px;
|
|
}
|
|
|
|
body.chunked div.book > div.titlepage {
|
|
max-width: 600px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
body.singlepage div.book > div.titlepage h1.title {
|
|
margin: 0;
|
|
display: block;
|
|
height: 50px;
|
|
background: url("https://www.macports.org/img/macports-logo-top.png") no-repeat;
|
|
background-size: 183px 73px;
|
|
padding-left: 183px;
|
|
font-size: 32px;
|
|
padding-top: 18px;
|
|
color: #0155cd;
|
|
}
|
|
|
|
body.singlepage div.book > div.titlepage h1.title span.application,
|
|
body.chunked div.navheader tr:first-child > th span.application {
|
|
display: none;
|
|
}
|
|
|
|
div.book > div.titlepage div.authorgroup {
|
|
text-align: center;
|
|
}
|
|
|
|
div.book > div.titlepage div.authorgroup div.author {
|
|
display: inline;
|
|
margin-left: 20px;
|
|
}
|
|
|
|
div.book > div.titlepage div.authorgroup div.author h3.author {
|
|
color: #000;
|
|
display: inline;
|
|
}
|
|
|
|
div.book > div.titlepage p.copyright {
|
|
text-align: center;
|
|
font-size: 90%;
|
|
color: #333;
|
|
margin: 0;
|
|
}
|
|
|
|
body.chunked div.navheader hr,
|
|
body.chunked div.navfooter hr,
|
|
div.book > div.titlepage hr {
|
|
display: none;
|
|
}
|
|
|
|
body.chunked div.chapter > div.toc,
|
|
body.chunked div.section > div.toc,
|
|
body.singlepage div.chapter > div.toc,
|
|
body.singlepage div.section > div.toc {
|
|
padding: 2ex 0;
|
|
margin: 6px 0 6px 10px;
|
|
border-radius: 5px;
|
|
background-color: #b1bacc;
|
|
line-height: 1.5;
|
|
float: right;
|
|
}
|
|
|
|
body.chunked div.chapter > div.toc dl,
|
|
body.chunked div.section > div.toc dl,
|
|
body.singlepage div.chapter > div.toc dl,
|
|
body.singlepage div.section > div.toc dl {
|
|
margin: 0;
|
|
}
|
|
|
|
body.chunked div.chapter > div.toc > dl dt,
|
|
body.chunked div.section > div.toc > dl dt,
|
|
body.singlepage div.chapter > div.toc > dl dt,
|
|
body.singlepage div.section > div.toc > dl dt {
|
|
display: block;
|
|
padding: 0 1em;
|
|
}
|
|
|
|
body.chunked div.chapter > div.toc > dl dt a,
|
|
body.chunked div.section > div.toc > dl dt a,
|
|
body.singlepage div.chapter > div.toc > dl dt a,
|
|
body.singlepage div.section > div.toc > dl dt a {
|
|
display: block;
|
|
text-decoration: none;
|
|
color: #242933;
|
|
}
|
|
|
|
body.chunked div.chapter > div.toc > dl dt a:hover,
|
|
body.chunked div.section > div.toc > dl dt a:hover,
|
|
body.singlepage div.chapter > div.toc > dl dt a:hover,
|
|
body.singlepage div.section > div.toc > dl dt a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
body.chunked div.book > div.toc:first-child,
|
|
body.singlepage div.book > div.toc {
|
|
width: 183px;
|
|
background: url("https://www.macports.org/img/nav-header.png") top no-repeat #B1BACC;
|
|
line-height: 1.4em;
|
|
float: left;
|
|
}
|
|
|
|
body.chunked div.book > div.toc:first-child {
|
|
position: absolute;
|
|
top: 130px;
|
|
margin-bottom: 50px;
|
|
}
|
|
|
|
body.chunked div.book > div.toc:first-child > dl,
|
|
body.singlepage div.book > div.toc > dl {
|
|
padding: 16px 0;
|
|
margin: 0;
|
|
background: url("https://www.macports.org/img/nav-footer.png") bottom no-repeat;
|
|
}
|
|
|
|
body.singlepage.vh-supported div.book > div.toc > dl {
|
|
max-height: 90vh;
|
|
overflow: auto;
|
|
}
|
|
|
|
body.chunked div.book > div.toc:first-child > dl > dt,
|
|
body.singlepage div.book > div.toc > dl > dt {
|
|
display: block;
|
|
margin: 5px 0 0 0;
|
|
padding: 0 12px;
|
|
font: bold 100% "Lucida Grande", Helvetica, Arial, sans-serif;
|
|
}
|
|
|
|
body.chunked div.book > div.toc:first-child > dl > dt a,
|
|
body.singlepage div.book > div.toc > dl > dt a {
|
|
display: block;
|
|
color: #fff;
|
|
text-decoration: none;
|
|
}
|
|
|
|
body.chunked div.book > div.toc:first-child > dl > dt a:hover,
|
|
body.singlepage div.book > div.toc > dl > dt a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
body.chunked div.book > div.toc:first-child > dl dd,
|
|
body.singlepage div.book > div.toc > dl dd {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-size: 95%;
|
|
}
|
|
|
|
body.chunked div.book > div.toc:first-child > dl dd dl dt,
|
|
body.singlepage div.book > div.toc > dl dd dl dt {
|
|
display: block;
|
|
padding: 0 12px 0 16px;
|
|
}
|
|
|
|
body.chunked div.book > div.toc:first-child > dl dd dl dt a,
|
|
body.singlepage div.book > div.toc > dl dd dl dt a {
|
|
display: block;
|
|
text-decoration: none;
|
|
color: #242933;
|
|
}
|
|
|
|
body.chunked div.book > div.toc:first-child > dl dd dl dt a:hover,
|
|
body.singlepage div.book > div.toc > dl dd dl dt a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
body.chunked div.book > div.chapter,
|
|
body.chunked div.book > div.section,
|
|
body.chunked div.book > div.refentry,
|
|
body.singlepage div.chapter {
|
|
margin-left: 183px;
|
|
padding: 0 0 40px 10px;
|
|
}
|
|
|
|
div.chapter h1,
|
|
div.chapter h2,
|
|
div.chapter h3,
|
|
div.chapter h4 {
|
|
margin-bottom: 5px;
|
|
margin-top: 25px;
|
|
}
|
|
|
|
div.chapter div.note h1,
|
|
div.chapter div.note h2,
|
|
div.chapter div.note h3,
|
|
div.chapter div.note h4 {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
div.chapter h1,
|
|
div.chapter h2,
|
|
div.chapter h3 {
|
|
color: #314c72;
|
|
}
|
|
|
|
div.chapter h1,
|
|
div.chapter > div.titlepage h2.title {
|
|
background: #8695b3;
|
|
padding: .3em .5em .2em;
|
|
margin-bottom: 0;
|
|
font: bold 24px "Lucia Grande", Helvetica, Arial, sans-serif;
|
|
}
|
|
|
|
div.chapter h2 {
|
|
background: #8695b3;
|
|
padding: .4em .5em .2em;
|
|
clear: right;
|
|
}
|
|
|
|
div.chapter h1 a,
|
|
div.chapter h2 a {
|
|
display: block;
|
|
color: #fff;
|
|
text-decoration: none;
|
|
}
|
|
|
|
div.chapter h3 a,
|
|
div.chapter h4 a,
|
|
div.chapter h5 a {
|
|
color: #314c72;
|
|
}
|
|
|
|
div.chapter p {
|
|
margin: 6px 0;
|
|
}
|
|
|
|
div.screenshot div.mediaobject {
|
|
text-align: center;
|
|
margin: 12px 0;
|
|
}
|
|
|
|
div.mediaobject {
|
|
text-align: center;
|
|
margin: 0;
|
|
}
|
|
|
|
div.glossdiv {
|
|
margin-top: 12px;
|
|
}
|
|
|
|
.emphasis {
|
|
font-weight: bold;
|
|
}
|
|
|
|
a:link {
|
|
color: #6298E5;
|
|
text-decoration: none;
|
|
}
|
|
a:visited {
|
|
color: #6298E5;
|
|
text-decoration: none;
|
|
}
|
|
a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.filename {
|
|
color: #8B1A1A;
|
|
}
|
|
span.term {
|
|
font-weight: bold;
|
|
}
|
|
span.guilabel {
|
|
font-weight: bold;
|
|
}
|
|
span.guimenu {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.programlisting {
|
|
font-family: monospace;
|
|
font-size: medium;
|
|
background-color: #E6E6E6;
|
|
border: thin black inset;
|
|
overflow: auto;
|
|
padding: 2px 5px;
|
|
margin: 2px;
|
|
}
|
|
|
|
.literallayout {
|
|
font-family: monospace;
|
|
}
|
|
|
|
.screen {
|
|
font-family: monospace;
|
|
font-size: medium;
|
|
border: thin black inset;
|
|
background-color: white;
|
|
overflow: auto;
|
|
padding: 2px 5px;
|
|
margin: 2px;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
padding: 30px 40px;
|
|
background: url("https://www.macports.org/img/top-backdrop.png") repeat-x #EDEDED;
|
|
font: 12px Helvetica, Arial, sans-serif;
|
|
line-height: 1.2em;
|
|
}
|
|
body.chunked {
|
|
/* For some reason, the header in chunked mode is lower; fix that */
|
|
padding-top: 28px;
|
|
}
|
|
|
|
/* Tabswitch for single page/chunked */
|
|
div#tabswitch {
|
|
position: relative;
|
|
right: 0;
|
|
background-color: #8695B3;
|
|
border: 1px solid #000;
|
|
float: right;
|
|
}
|
|
|
|
body.singlepage div#tabswitch {
|
|
top: 75px;
|
|
}
|
|
|
|
body.chunked div#tabswitch {
|
|
top: -75px;
|
|
}
|
|
|
|
div#tabswitch a {
|
|
padding: .3em;
|
|
line-height: 2em;
|
|
}
|
|
|
|
div#tabswitch a.selected {
|
|
font-weight: bold;
|
|
}
|
|
|
|
div#tabswitch a:link {
|
|
color: #fff;
|
|
text-decoration: none;
|
|
}
|
|
|
|
div#tabswitch a:hover {
|
|
color: #242933;
|
|
}
|
|
|
|
div#tabswitch a:visited {
|
|
color: #fff;
|
|
text-decoration: none;
|
|
}
|
|
|
|
div#vh-test {
|
|
width: 0;
|
|
float: left;
|
|
display: none;
|
|
height: 20px; /* some arbitrary value that's probably not == 100vh */
|
|
}
|
|
|
|
div.note {
|
|
background: #ffedcc;
|
|
border-left: 8px solid #ffa500;
|
|
padding: 10px;
|
|
margin: .2in .3in;
|
|
clear: right;
|
|
}
|
|
div.note h3.title {
|
|
color: #ffa500;
|
|
margin: 0 0 10px;
|
|
}
|
|
|
|
div.warning {
|
|
background: #f3e8e8;
|
|
border-left: 8px solid #8b1a1a;
|
|
padding: 10px;
|
|
margin: .2in .3in;
|
|
}
|
|
div.warning h3.title {
|
|
color: #8b1a1a;
|
|
margin: 0 0 10px;;
|
|
}
|
|
|
|
div.tip {
|
|
background: #e5ede5;
|
|
border-left: 8px solid #00b200;
|
|
padding: 10px;
|
|
}
|
|
div.tip h3.title {
|
|
color: #00b200;
|
|
margin: 0 0 10px;
|
|
}
|
|
div.tip table {
|
|
border-collapse: collapse;
|
|
}
|
|
div.tip table tr td,
|
|
div.tip table tr th {
|
|
border-bottom: 1px solid #999;
|
|
margin: 0;
|
|
padding: 4px 6px;
|
|
vertical-align: top;
|
|
}
|
|
.tip table thead tr th {
|
|
border-bottom: 3px double #333;
|
|
text-align: left;
|
|
}
|
|
.tip table tr td table tr td {
|
|
border: none;
|
|
padding: 1px 4px;
|
|
}
|
|
div.tip table tr td p {
|
|
margin: 0;
|
|
padding: 0.05ex 0;
|
|
}
|
|
div.tip table tr:nth-child(odd) {
|
|
background: #e5ede5;
|
|
}
|
|
div.tip table tr:nth-child(even) {
|
|
background: #eff4ef;
|
|
}
|