mirror of
https://github.com/silverstripe/silverstripe-docsviewer
synced 2024-10-22 09:05:56 +00:00
Update typography.css
Update to current CSS & browser standards.
This commit is contained in:
parent
ff5b667022
commit
bd56ae9a2d
@ -16,6 +16,7 @@ a {
|
||||
color: #1389ce;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:focus {
|
||||
text-decoration: underline;
|
||||
@ -24,19 +25,24 @@ a {
|
||||
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; }
|
||||
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; }
|
||||
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;
|
||||
padding: 2px;
|
||||
padding-left: 20px;
|
||||
background: url(../../docsviewer/images/icons/page_excel.png) no-repeat left center;
|
||||
}
|
||||
|
||||
@ -47,14 +53,17 @@ a[href$=".GZIP"],
|
||||
a[href$=".zip"],
|
||||
a[href$=".ZIP"],
|
||||
a.archive {
|
||||
padding: 2px; padding-left: 20px;
|
||||
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;
|
||||
padding: 2px;
|
||||
padding-left: 20px;
|
||||
background: url(../../docsviewer/images/icons/application.png) no-repeat left center;
|
||||
}
|
||||
|
||||
/*! pargraphs */
|
||||
@ -110,6 +119,7 @@ dd {
|
||||
ul.third {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
ul.third li {
|
||||
float: left;
|
||||
width: 33.3%;
|
||||
@ -135,7 +145,7 @@ h1 {
|
||||
font-size: 18px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
|
||||
h1 + p {
|
||||
margin-top: 30px;
|
||||
}
|
||||
@ -213,11 +223,11 @@ pre {
|
||||
background-color: #f6f7f8;
|
||||
border: 1px solid #e9eaed;
|
||||
padding: 14px;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
overflow-x: scroll;
|
||||
color: #4E5661;
|
||||
}
|
||||
|
||||
pre code {
|
||||
background: none;
|
||||
font-weight: normal;
|
||||
@ -229,6 +239,7 @@ code {
|
||||
background: #ecf0f1;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
code a {
|
||||
color: #4E5661;
|
||||
}
|
||||
@ -240,13 +251,15 @@ blockquote {
|
||||
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;
|
||||
font-style: italic;
|
||||
color: #627871;
|
||||
}
|
||||
|
||||
blockquote h4 {
|
||||
@ -267,10 +280,11 @@ table {
|
||||
margin-bottom: 28px;
|
||||
border: 1px solid #c3cdca;
|
||||
}
|
||||
|
||||
table tr:nth-child(even) {
|
||||
background: #eef4f6;
|
||||
}
|
||||
|
||||
|
||||
table caption {
|
||||
text-align: left;
|
||||
font-weight: bold;
|
||||
@ -281,13 +295,14 @@ table {
|
||||
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;
|
||||
}
|
||||
@ -310,15 +325,12 @@ table {
|
||||
|
||||
#edit-link a {
|
||||
display: block;
|
||||
background: #fafafa; /* Old browsers */
|
||||
background: -moz-linear-gradient(top, #fafafa 1%, #e6e6e6 100%); /* FF3.6+ */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fafafa), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, #fafafa 1%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
|
||||
background: -o-linear-gradient(top, #fafafa 1%,#e6e6e6 100%); /* Opera 11.10+ */
|
||||
background: -ms-linear-gradient(top, #fafafa 1%,#e6e6e6 100%); /* IE10+ */
|
||||
background: linear-gradient(to bottom, #fafafa 1%,#e6e6e6 100%); /* W3C */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
|
||||
|
||||
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;
|
||||
@ -327,22 +339,19 @@ table {
|
||||
margin-bottom: 5px;
|
||||
text-decoration: none;
|
||||
padding: 5px 10px;
|
||||
|
||||
-moz-border-radius: 3px;
|
||||
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: -moz-linear-gradient(top, #599BDC 1%, #3072B3 100%); /* FF3.6+ */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#3072B3), color-stop(100%,#3072B3)); /* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, #599BDC 1%,#3072B3 100%); /* Chrome10+,Safari5.1+ */
|
||||
background: -o-linear-gradient(top, #599BDC 1%,#3072B3 100%); /* Opera 11.10+ */
|
||||
background: -ms-linear-gradient(top, #599BDC 1%,#3072B3 100%); /* IE10+ */
|
||||
background: linear-gradient(to bottom, #599BDC 1%,#3072B3 100%); /* W3C */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#599BDC', endColorstr='#3072B3',GradientType=0 ); /* IE6-9 */
|
||||
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 );
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user