Al-Qurtas-Islamic-bank-The-.../docs/markdown/stylesheets/extra.css

184 lines
3.4 KiB
CSS

/* Body and page */
.wy-nav-content {
max-width: 90%;
}
.md-grid {
max-width: 90%;
}
.md-sidebar--secondary {
margin-left: 90%;
}
p {
text-align: justify;
}
/* code blocks */
pre.colored {
color: blue;
}
pre>code {
font-family: monospace;
background-color: #D6E8FF;
padding: 2ex 0 2ex 1%;
overflow-x:auto;
}
span.keyword {
font-family: monospace;
text-align: left;
white-space: pre;
color: #d73a49;
}
.md-typeset pre>code {
white-space: pre;
}
/* H4 Heading */
h4 {
background-color: #EEEEFF;
font-size: medium;
font-style: oblique;
font-weight: bold;
padding: 0.3em 0 0.3em 1%;
}
/* Fields table */
table.fields {
width: 90%;
margin: 1.5ex 0 1.5ex 10%;
}
table.fields td.val {
font-weight: bold;
text-align: right;
width: 30%;
vertical-align: baseline;
padding: 1em 1em 0 0;
}
table.fields td.desc {
vertical-align: baseline;
padding: 1ex 0 0 1em;
}
table.fields td.desc p:first-child {
margin: 0;
}
table.fields td.desc p {
margin: 1.5ex 0 0 0;
}
/* Define 'long' tables */
table.long {
display: block;
width: 93%;
}
table.long thead,
table.long tbody,
table.long th,
table.long td,
table.long tr {
display: block;
}
/* Hide table headers (but not display: none;
, for accessibility) */
table.long thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
table.long tr {
border: 0;
}
table.long {
margin: 1.5ex 3% 1.5ex 3%;
}
table.long td.val {
text-align: left;
}
table.long td {
/* Behave like a "row" */
border: none;
border-bottom: 0;
position: relative;
padding-left: 50%;
}
table.long td:before {
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
}
/* End 'long' table definition */
/* toc table */
table.toc {
width: 95%;
margin: 1.5ex 0 1.5ex 5%;
}
table.toc td.link {
width: 30%;
text-align: right;
vertical-align: baseline;
padding: 1ex 1em 1ex 0;
}
table.toc td.desc {
vertical-align: baseline;
padding: 1ex 0 1ex 1em;
text-align: left;
}
table.toc td.desc p:first-child {
margin: 0;
text-align: left;
}
table.toc td.desc p {
margin: 1.5ex 0 0 0;
text-align: left;
}
div.timestamp {
font-size: small;
}
/* Change table layout for smaller screens. This query will take effect for any screen smaller than
760px and also iPads specifically. */
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
/* Force table to not be like tables anymore */
table, thead, tbody, th, td, tr {
display: block;
}
/* Hide table headers (but not display: none;
, for accessibility) */
thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
tr {
border: 0;
}
table.fields {
width: 93%;
margin: 1.5ex 3% 1.5ex 3%;
}
table.fields td.val {
text-align: left;
}
td {
/* Behave like a "row" */
border: none;
border-bottom: 0;
position: relative;
padding-left: 50%;
}
td:before {
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
}
}