Update logo and theme per Corporate Marketing request #378
There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -6,18 +6,17 @@ body { | |
| font-style: normal; | ||
| font-weight: 300; | ||
| font-size: 18px; | ||
| color: #1F2121; | ||
| letter-spacing: 0px; | ||
| } | ||
|
|
||
| a, a:visited { | ||
| color: #02B388; | ||
| text-decoration: none; | ||
| } | ||
| a:hover, | ||
| a:focus { | ||
| color: #016454; | ||
| text-decoration: none; | ||
| } | ||
|
|
||
|
|
@@ -27,8 +26,9 @@ a:focus { | |
|
|
||
| img.logo { | ||
| width: 232px !important; | ||
| height: 57px !important; | ||
| padding: 0px !important; | ||
| margin-bottom: 10px !important; | ||
| } | ||
|
|
||
| .wy-side-nav-search, .wy-side-nav-search>a:hover { | ||
|
|
@@ -49,7 +49,7 @@ h1 { | |
| font-style: normal; | ||
| font-weight: 300; | ||
| font-size: 36pt; | ||
| color: #1F2121; | ||
| padding-bottom: 60px; | ||
| padding-top: 5px; | ||
| line-height: 48px; | ||
|
|
@@ -62,27 +62,27 @@ h2 { | |
| line-height: 1.1; | ||
| padding-top: 5px; | ||
| padding-bottom: 10px; | ||
| border-bottom: 1px solid #eaeaea; | ||
| margin-bottom: 20px; | ||
| } | ||
|
|
||
| h3 { | ||
| font-family: 'Open Sans'; | ||
| font-style: normal; | ||
| color: #1F2121; | ||
| font-size: 18pt; | ||
| font-weight: 500; | ||
| padding: 10px 10px 10px 0; | ||
| } | ||
|
|
||
| hr { | ||
| border-top: 1px solid #eaeaea; | ||
| margin-bottom: 10px; | ||
| margin-top: 0; | ||
| } | ||
|
|
||
| .document { | ||
| color: #1F2121; | ||
| } | ||
|
|
||
| div.section h1 { | ||
|
|
@@ -159,22 +159,26 @@ tr:nth-child(odd) { | |
| } | ||
|
|
||
| code.docutils { | ||
| border: none; | ||
| padding: 2px; | ||
| border-radius: 4px; | ||
| background-color: #F5F5F5; | ||
| font-size: .7em; | ||
| color: #555555; | ||
| margin: 0 0 10px; | ||
| word-break: break-all; | ||
| word-wrap: break-word; | ||
| font-family: Menlo, Monaco, Consolas, "Courier New", monospace; | ||
| white-space: pre-wrap; | ||
| } | ||
|
|
||
| /* applied to <span> for one-liner preformatted text */ | ||
| .pre { | ||
| font-family: Consolas, monospace; | ||
| word-break: break-all; | ||
| word-wrap: break-word !important; | ||
| color: #1F2121; | ||
| background-color: #CCF0E7; | ||
| border-radius: 4px; | ||
| padding: 6px 4px 4px 4px !important; | ||
| font-size: 14px !important; | ||
|
|
@@ -187,8 +191,8 @@ pre { | |
|
|
||
| /* applied to <pre> for multi-line preformatted text */ | ||
| .literal-block { | ||
| color: #000000; | ||
| background-color: #CCF0E7 !important; | ||
| font-family: Consolas, monospace; | ||
| font-size: 14px !important; | ||
| border: none !important; | ||
|
|
@@ -207,15 +211,15 @@ pre { | |
| } | ||
|
|
||
| cite { | ||
| color: #000000; | ||
| background-color: #eeeeee !important; | ||
| font-family: Consolas, monospace; | ||
| font-size: 14px !important; | ||
| border: none !important; | ||
| border-radius: 4px; | ||
| overflow-x: auto; | ||
| display: inline; | ||
| padding: 2px 4px !important; | ||
| word-break: break-all; | ||
| word-wrap: break-word; | ||
| white-space: pre-wrap; /* css-3 */ | ||
|
|
@@ -226,11 +230,6 @@ cite { | |
| line-height: 25px; | ||
| } | ||
|
|
||
| /*********************LEFT HAND NAV************************/ | ||
| /* search box */ | ||
| .wy-side-nav-search { | ||
|
|
@@ -256,9 +255,9 @@ cite { | |
|
|
||
| /* nav menu side bar */ | ||
| .wy-nav-side { | ||
| height: 100%; | ||
| padding-bottom: 0; | ||
| background: #fff; | ||
| } | ||
|
|
||
| /* menu scroll bar */ | ||
|
|
@@ -267,7 +266,6 @@ cite { | |
| overflow-x: hidden; | ||
| overflow-y: scroll; | ||
| position: relative; | ||
| } | ||
|
|
||
| .wy-menu-vertical { | ||
|
|
@@ -276,33 +274,33 @@ cite { | |
| } | ||
|
|
||
| .wy-menu-vertical a { | ||
| color: #02B388; | ||
| } | ||
|
|
||
| .wy-menu-vertical a:hover { | ||
| color: #016454; | ||
| background: #fff; | ||
| } | ||
|
|
||
| .wy-menu-vertical li.current, | ||
| .wy-menu-vertical li.toctree-l2.current > a, | ||
| .wy-menu-vertical li.toctree-l2.current li.toctree-l3 > a { | ||
| background: #fff; | ||
| } | ||
|
|
||
| .wy-menu-vertical li.current a:hover { | ||
| color: #02B388 !important; | ||
| background: #fff; | ||
| } | ||
|
|
||
| /* make nav links green */ | ||
| .wy-menu-vertical li.current > a { | ||
| color: #016454; | ||
| } | ||
|
|
||
| .wy-menu-vertical li.current a { | ||
| border: 0px; | ||
| padding-right: 0px; | ||
| } | ||
|
|
||
| .wy-menu-vertical .toctree-l1 { | ||
|
|
@@ -312,21 +310,16 @@ cite { | |
| .wy-menu-vertical .toctree-l1 > a { | ||
| font-weight: 500; | ||
| font-size: 110%; | ||
| color: #3B3B3B; | ||
| margin: 10px 0; | ||
| } | ||
|
|
||
| .wy-menu-vertical .toctree-l1 > a:hover { | ||
| color: #02B388; | ||
| } | ||
|
|
||
| .wy-menu-vertical a .toctree-expand { | ||
| display: none | ||
| } | ||
|
|
||
| .wy-menu-vertical .toctree-l1 > a:before { | ||
|
|
@@ -352,13 +345,12 @@ cite { | |
| /*********************RIGHT HAND CONTENT************************/ | ||
| /* wraps up .wy-nav-content and its subordinates */ | ||
| .wy-nav-content-wrap { | ||
| font-size: 12pt; | ||
| background: #fafafa; | ||
| } | ||
|
|
||
| /* Content in middle (lives inside .wy-nav-content-wrap) */ | ||
| .wy-nav-content { | ||
| max-width: 1200px; | ||
| } | ||
|
|
||
|
|
@@ -371,21 +363,6 @@ cite { | |
| background-color: #EBB336; | ||
| } | ||
|
|
||
| .rst-content .section ol li p:last-child { | ||
| margin-bottom: 12px; | ||
| } | ||
|
|
@@ -394,10 +371,10 @@ cite { | |
| .endpoint-list a { | ||
| display: block; | ||
| border-radius: 4px; | ||
| color: #1F2121; | ||
| font-weight: 500; | ||
| font-size: 14px; | ||
| background-color: rgba(0, 0, 0, 0.03); | ||
| padding: 14px; | ||
| margin: 5px 0 0 0; | ||
| } | ||
|
|
@@ -410,17 +387,17 @@ cite { | |
|
|
||
| .endpoint-list a div.GET { | ||
| width: 10%; | ||
| color: #02B388; | ||
| } | ||
|
|
||
| .endpoint-list a div.action { | ||
| width: 10%; | ||
| color: #02B388; | ||
| } | ||
|
|
||
| .endpoint-list a div.POST { | ||
| width: 10%; | ||
| color: #02B388; | ||
| } | ||
|
|
||
| .toctree-l3 ul { | ||
|
|
@@ -458,8 +435,7 @@ cite { | |
| .endpoint-long-description { | ||
| cursor: text; | ||
| padding: 25px; | ||
| background-color: #fff; | ||
| border-top-right-radius: 0px; | ||
| border-top-left-radius: 0px; | ||
| border-bottom-right-radius: 4px; | ||
|
|
@@ -526,16 +502,17 @@ div[role=navigation][aria-label~=breadcrumbs] { | |
| .highlight-json .kc, .kd, .kn, .kp, .kr, .kt, .mf, .mh, .mi, .mo { | ||
|
Contributor
There was a problem hiding this comment. This may be out of scope, but while we're here, I wonder if there's anyway we could tweak the json highlighting for the Swagger UI to be in-line with the other API pages?
Contributor
Author
There was a problem hiding this comment. I was noticing the Swagger UI code blocks were hard to read (mainly the yellow JSON strings), but did confirm they were that way before as well and thus hadn't gotten worse -- so, I didn't pull on that thread. I'll see if there is anything quick
Contributor
There was a problem hiding this comment. I have a vague recollection from when I first implemented this that it was something of a hassle to adjust the highlighting, which probably explains why I left it as the default colors... You may have better luck than me though.
Contributor
Author
There was a problem hiding this comment. Short answer is no.. not without more research and likely updating the swagger JS. They only support 7 themes, and you configure it in JS and that changes the colors per language and per element I switched themes and cleaned up a few overrides, so it's more inline with our styling, but not matching the other blocks and not as readable still as I'd like. Unless we go with a dark background for the textareas, this was the best I could find: |
||
| color: #445588; | ||
| } | ||
|
|
||
| .wy-table-responsive table td { | ||
| white-space: normal !important; | ||
| } | ||
|
|
||
| .rst-content table.docutils { | ||
| border-top-color: #016454; | ||
| } | ||
|
|
||
| table.parameters th { | ||
| background-color: #016454; | ||
| color: #E4E4E4; | ||
| } | ||
|
|
||
|
|
@@ -606,14 +583,29 @@ div.endpoint-list div.panel-body .container { | |
| margin-bottom: 0; | ||
| } | ||
|
|
||
| .swagger-ui .response-col_description__inner, | ||
| .swagger-ui .response-control-media-type, | ||
| .swagger-ui .response-col_links | ||
| { | ||
| display: none; | ||
| } | ||
|
|
||
| /******** RTD Versions panel ******/ | ||
| .rst-versions { | ||
| color: #1F2121; | ||
| background: #eee; | ||
| border-top: solid 10px #aaa; | ||
| } | ||
|
|
||
| .rst-versions .rst-current-version { | ||
| background-color: #ddd; | ||
| } | ||
|
|
||
| .rst-versions .rst-other-versions dd a { | ||
| color: #02B388; | ||
| } | ||
|
|
||
| .rst-versions .rst-current-version .fa { | ||
| color: #1F2121; | ||
| padding-top: 5px; | ||
| } | ||
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
After reviewing the changes on ReadtheDocs, it looks like the
colorof h3 elements will need to be updated from white to something darker. Right now there are a few h3 headers that cannot be read because they are white on white.There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thanks for catching that, will take a look and fix
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Resolved in 549fcf5