tonyair
/
silverstripe-docsviewer
mirror of https://github.com/silverstripe/silverstripe-docsviewer
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Update typography.css 

Update to current CSS & browser standards.
This commit is contained in:
Petar Simic 2016-08-05 21:54:37 +02:00 committed by GitHub
parent ff5b667022
commit bd56ae9a2d
1 changed files with 39 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

69
css/typography.css
View File

@ -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 );
}