From bd56ae9a2da9bfe0e721b469adc5e4508f6d47e4 Mon Sep 17 00:00:00 2001 From: Petar Simic Date: Fri, 5 Aug 2016 21:54:37 +0200 Subject: [PATCH] Update typography.css Update to current CSS & browser standards. --- css/typography.css | 69 ++++++++++++++++++++++++++-------------------- 1 file changed, 39 insertions(+), 30 deletions(-) diff --git a/css/typography.css b/css/typography.css index ac0ed8f..027a222 100644 --- a/css/typography.css +++ b/css/typography.css @@ -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 ); }