diff options
Diffstat (limited to 'doc/global/template/style/offline.css')
-rw-r--r-- | doc/global/template/style/offline.css | 87 |
1 files changed, 44 insertions, 43 deletions
diff --git a/doc/global/template/style/offline.css b/doc/global/template/style/offline.css index a63ccc60ff..6426109a49 100644 --- a/doc/global/template/style/offline.css +++ b/doc/global/template/style/offline.css @@ -1,6 +1,6 @@ body { font: normal 400 14px/1.2 Arial; - margin-top: 85px; + margin-top: 50px; font-family: Arial, Helvetica; text-align: left; margin-left: 5px; @@ -96,6 +96,10 @@ a[href*="https://"]::before { padding-right: 5px; } +.video a { + background: none; +} + .flags { text-decoration: none; text-height: 24px; @@ -110,39 +114,18 @@ a[href*="https://"]::before { NOTE styles ------------------------------- */ - -.notetitle, .tiptitle, .fastpathtitle { - font-weight: bold -} - -.attentiontitle, .cautiontitle, .dangertitle, .importanttitle, .remembertitle, .restrictiontitle { - font-weight: bold +.admonition { + padding: 5px 0 5px 40px; + border: #ccc 1px solid; } -.note, .tip, .fastpath { - background: #F2F2F2 url(../images/ico_note.png); - background-repeat: no-repeat; - background-position: top left; - padding: 5px; - padding-left: 40px; - padding-bottom: 10px; - border: #999 1px dotted; - color: #666666; - margin: 5px; +.admonition.note, .admonition.important { + background: #f2f2f2 3px 6px no-repeat url(../images/ico_note.png); } -.attention, .caution, .danger, .important, .remember, .restriction { - background: #F2F2F2 url(../images/ico_note_attention.png); - background-repeat: no-repeat; - background-position: top left; - padding: 5px; - padding-left: 40px; - padding-bottom: 10px; - border: #999 1px dotted; - color: #666666; - margin: 5px; +.admonition.warning { + background: #f2f2f2 3px 6px no-repeat url(../images/ico_note_attention.png); } - /* ------------------------------- Top navigation @@ -164,7 +147,7 @@ Top navigation display: block; position: relative; text-align: right; - top: -47px; + top: -30px; float: right; height: 20px; z-index: 1; @@ -230,7 +213,6 @@ footer and license .navigationbar { display: block; position: relative; - top: -20px; border-top: 1px solid #cecece; border-bottom: 1px solid #cecece; background-color: #F2F2F2; @@ -318,18 +300,17 @@ headers @media screen { .title { color: #313131; - font-size: 24px; + font-size: 20px; font-weight: normal; left: 0; - padding-bottom: 20px; + padding-bottom: 15px; padding-left: 10px; - padding-top: 20px; + padding-top: 15px; position: absolute; right: 0; top: 0; background-color: #E6E6E6; border-bottom: 1px #CCC solid; - border-top: 2px #CCC solid; font-weight: bold; margin-left: 0px; margin-right: 0px; @@ -349,7 +330,7 @@ h2, p.h2 { font-weight: 100; background-color: #F2F3F4; padding: 4px; - margin-bottom: 30px; + margin-bottom: 15px; margin-top: 30px; border-top: #E0E0DE 1px solid; border-bottom: #E0E0DE 1px solid; @@ -364,7 +345,7 @@ h3 { font: 500 14px/1.2 Arial; font-weight: 100; text-decoration: underline; - margin-bottom: 30px; + margin-bottom: 15px; margin-top: 30px; } @@ -383,14 +364,23 @@ h3.fn, span.fn { max-width: 75%; font-size: 14px; margin: 0px; - margin-top: 45px; + margin-top: 30px; } .fngroup h3.fngroupitem { margin-bottom: 5px; } -h3.fn code { + +h3.fn code, +h3.flags code, +td.tblQmlFuncNode > p > code, +td.tblQmlPropNode > p > code { float: right; } + +code.extra.summary { + font-size: 12px; +} + h3.fn:target { background-color: #F6F6D6; } @@ -593,6 +583,20 @@ ol.I > li { padding: 3px 15px 3px 0 } +span.status.technical-preview { + display: inline-block; + position: relative; + background: center/contain no-repeat url(tech_preview.svg); + width: 26px; + height: 23px; +} + +td.memItemRight span.status { + margin-top: -10px; + right: -10px; + top: 6px; +} + .qml { display: block; margin: 10px; @@ -667,6 +671,7 @@ Content table width: 200px; text-align: left; margin-left: 20px; + margin-top: 5px; } } @@ -803,10 +808,6 @@ div.multi-column div { display:table } -.mainContent .video > .vspan { - padding-top:60%; - display:block -} .mainContent .video iframe { width:100%; height:100%; |