silverstripe-docsviewer/css/typography.css

356 lines
6.8 KiB
CSS

/*! text selection */
::-moz-selection {
text-shadow:none;
color: #ffffff;
background: #1389CE;
}
::selection {
text-shadow: none;
color: #ffffff;
background: #1389CE;
}
/*! links */
a {
color: #0071c4;
text-decoration: none;
}
a:hover,
a:focus {
text-decoration: underline;
}
a[href$=".pdf"],
a[href$=".PDF"],
a.pdf {
padding: 2px;
padding-left: 20px;
background: url(../../docsviewer/images/icons/page_white_acrobat.png) no-repeat left center;
}
a[href$=".doc"],
a[href$=".DOC"],
a.doc {
padding: 2px;
padding-left: 20px;
background: url(../../docsviewer/images/icons/page_word.png) no-repeat left center;
}
a[href$=".xls"],
a[href$=".XLS"],
a.xls {
padding: 2px;
padding-left: 20px;
background: url(../../docsviewer/images/icons/page_excel.png) no-repeat left center;
}
a[href$=".gz"],
a[href$=".GZ"],
a[href$=".gzip"],
a[href$=".GZIP"],
a[href$=".zip"],
a[href$=".ZIP"],
a.archive {
padding: 2px;
padding-left: 20px;
background: url(../../docsviewer/images/icons/page_white_zip.png) no-repeat left center;
}
a[href$=".exe"],
a[href$=".EXE"],
a.application {
padding: 2px;
padding-left: 20px;
background: url(../../docsviewer/images/icons/application.png) no-repeat left center;
}
/*! pargraphs */
p {
font-size: 15px;
line-height: 1.5;
margin: 0 0 25px;
}
.text-wrap {
word-break: break-all;
}
/*! lists */
ul {
margin: 10px 0 20px 20px;
padding: 0;
}
li, dd, li p {
font-size: 15px;
margin: 0 0 10px 0;
line-height: 1.5;
}
li {
list-style-position: inside;
}
li ul,
li ol {
margin: 0 0 5px 20px;
}
dl {
margin: 7px 0 21px 0;
}
dt {
font-weight: bold;
}
dd {
margin: 5px 0 10px 20px;
}
.semantic {
list-style: none;
margin: 0;
padding: 0;
}
ul.third {
overflow: hidden;
}
ul.third li {
float: left;
width: 33.3%;
padding-right: 30px;
padding-bottom: 20px;
}
ul.third li:nth-child(3n+1) {
clear: both;
}
/*! headers */
h1 {
font-size: 35px;
line-height: 40px;
margin-bottom: 10px;
margin-top: 0;
letter-spacing: -1px;
color:rgb(3, 91, 136);
}
#table-of-contents + p {
font-size: 18px;
line-height: 20px;
}
h1 + p {
margin-top: 30px;
}
h2 {
font-size: 28px;
line-height: 30px;
margin: 40px 0 20px;
border-top: 1px solid #eee;
padding-top: 29px;
letter-spacing: -1px;
color: rgb(3, 91, 136);
}
h3 {
font-size: 20px;
line-height: 20px;
margin: 30px 0 10px;
color: #586667;
}
h4 {
font-size: 16px;
margin-bottom: 14px;
line-height: 21px;
}
h5 {
font-size: 14px;
line-height: 14px;
margin-bottom: 7px;
}
h6 {
font-size: 12px;
line-height: 15px;
margin-bottom: 10px;
}
h1 .heading-anchor-link,
h2 .heading-anchor-link,
h3 .heading-anchor-link,
h4 .heading-anchor-link,
h5 .heading-anchor-link,
h6 .heading-anchor-link {
display: none;
color: #fff;
text-decoration: none;
}
h1.hover .heading-anchor-link,
h2.hover .heading-anchor-link,
h3.hover .heading-anchor-link,
h4.hover .heading-anchor-link,
h5.hover .heading-anchor-link,
h6.hover .heading-anchor-link,
.heading-anchor-link:hover {
display: inline;
color: #aaa;
}
/*! images */
img {
max-width: 100%;
border: 1px solid #ccc;
padding: 6px;
margin: 10px 0;
border-radius: 3px;
}
/*! code */
pre {
font-size: 12px;
}
pre code {
/* reset block styles */
font-size: 1em;
line-height: 1.5em;
}
code {
/* inline styles, fit with non-code text */
font-size: 13px;
line-height: 15px;
font-family: Monaco, 'Bitstream Vera Sans Mono', Courier, monospace;
background: #f0f4f4;
color: #ed135a;
padding: 2px;
}
code a {
color: #ed135a;
text-decoration: underline;
}
/*! quotes */
blockquote {
margin: 28px 0;
padding: 14px 14px 0 38px;
background: #f8f9fa url(../../docsviewer/images/quote.gif) no-repeat 9px 18px;
overflow: hidden;
}
blockquote h1,
blockquote h2,
blockquote h3,
blockquote h4,
blockquote h5,
blockquote h6 {
font-style: italic;
color: #627871;
}
blockquote h4 {
font-size: 18px;
}
blockquote p {
font-style: italic;
font-size: 14px;
color: #667D76;
}
/*! tables */
table {
border-collapse: collapse;
width: 100%;
background-color: #fafafa;
margin-bottom: 28px;
border: 1px solid #c3cdca;
}
table tr:nth-child(even) {
background: #eef4f6;
}
table caption {
text-align: left;
font-weight: bold;
font-size: 18px;
line-height: 21px;
}
table thead {
background: #fafafa;
}
table thead th {
padding: 7px 10px 6px;
font-size: 15px;
text-align: left;
border-right: 1px solid #c3cdca;
}
table tbody tr {
border-top: 1px solid #c3cdca;
}
table td {
font-size: 15px;
line-height: 21px;
padding: 7px;
border-right: 1px solid #c3cdca;
}
/*! Edit Link */
#edit-link {
margin: 30px 0;
}
#edit-link p {
margin: 0;
overflow: hidden;
}
#edit-link a {
display: block;
background: #fafafa;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fafafa), color-stop(100%,#e6e6e6));
background: -webkit-linear-gradient(top, #fafafa 1%,#e6e6e6 100%);
background: -webkit-linear-gradient(top, #fafafa 1%, #e6e6e6 100%);
background: linear-gradient(to bottom, #fafafa 1%,#e6e6e6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e6e6e6',GradientType=0 );
border: 1px solid #d4d4d4;
border-bottom-color: #bcbcbc;
text-shadow: 0 1px 0 #fff;
color: #444;
font-weight: bold;
margin-bottom: 5px;
text-decoration: none;
padding: 5px 10px;
border-radius: 3px;
float: left;
}
#edit-link a:hover,
#edit-link a:focus {
color: #fff;
text-shadow: 0 -1px 1px #3072B3;
border-color: #518CC6;
background: #599BDC;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#3072B3), color-stop(100%,#3072B3));
background: -webkit-linear-gradient(top, #599BDC 1%,#3072B3 100%);
background: -webkit-linear-gradient(top, #599BDC 1%, #3072B3 100%);
background: linear-gradient(to bottom, #599BDC 1%,#3072B3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#599BDC', endColorstr='#3072B3',GradientType=0 );
}