Merge pull request #11540 from thaJeztah/some_cleanups

Various cleanups and some improvements in theme
This commit is contained in:
Usha Mandya 2020-10-14 16:24:33 +01:00 committed by GitHub
commit 6bf479a1fc
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
22 changed files with 168 additions and 621 deletions

View File

@ -1 +0,0 @@
_data/not_edited_here.yaml

View File

@ -184,7 +184,7 @@ Either way, you can now access the docs at port 4000 on your Docker host.
## Important files
- `/_data/toc.yaml` defines the left-hand navigation for the docs
- `/js/menu.js` defines most of the docs-specific JS such as TOC generation and menu syncing
- `/js/docs.js` defines most of the docs-specific JS such as TOC generation and menu syncing
- `/css/style.scss` defines the docs-specific style rules
- `/_layouts/docs.html` is the HTML template file, which defines the header and footer, and includes all the JS/CSS that serves the docs content

View File

@ -30,17 +30,11 @@
<section class="hero container">
<div class="row justify-content-center">
<div class="col-xs-12 text-center">
<h2>
What can we help you find?
</h2>
<h2>What can we help you find?</h2>
</div>
</div>
<div class="row justify-content-center">
<form
class="col-xs-12 col-sm-offset-2 col-sm-8 col-md-offset-2 col-md-8 col-lg-offset-3 col-lg-6"
method="GET"
action="/search/"
>
<form action="/search/" method="GET" class="col-xs-12 col-sm-offset-2 col-sm-8 col-md-offset-2 col-md-8 col-lg-offset-3 col-lg-6">
<label class="sr-only" for="st-search-input">Search</label>
<input
id="st-search-input"
@ -129,52 +123,18 @@
</div>
</div>
<div class="row">
<div class="col-xs-12 col-md-6">
<a href="/engine/reference/builder/">Write a Dockerfile</a>
</div>
<div class="col-xs-12 col-md-6">
<a href="/network/">Manage container networking</a>
</div>
<div class="col-xs-12 col-md-6">
<a href="/compose/compose-file/">Write a Docker Compose file</a>
</div>
<div class="col-xs-12 col-md-6">
<a href="/storage/">Work with volumes and bind mounts</a>
</div>
<div class="col-xs-12 col-md-6">
<a href="/get-started/part3/">Share my image on Docker Hub</a>
</div>
<div class="col-xs-12 col-md-6">
<a href="/config/daemon/">Configure the Docker daemon</a>
</div>
<div class="col-xs-12 col-md-6">
<a href="/get-started/part2/">Build and run an image</a>
</div>
<div class="col-xs-12 col-md-6">
<a href="/config/labels-custom-metadata/">
Manage Docker objects
</a>
</div>
<div class="col-xs-12 col-md-6">
<a href="/develop/develop-images/multistage-build/">
Use multi-stage builds
</a>
</div>
<div class="col-xs-12 col-md-6">
<a href="/get-started/kube-deploy/">
Scale apps using Kubernetes
</a>
</div>
<div class="col-xs-12 col-md-6">
<a href="/engine/reference/commandline/run/">
Run a command in a container
</a>
</div>
<div class="col-xs-12 col-md-6">
<a href="/get-started/swarm-deploy/">
Scale apps using Swarm
</a>
</div>
<div class="col-xs-12 col-md-6"><a href="/engine/reference/builder/">Write a Dockerfile</a></div>
<div class="col-xs-12 col-md-6"><a href="/network/">Manage container networking</a></div>
<div class="col-xs-12 col-md-6"><a href="/compose/compose-file/">Write a Docker Compose file</a></div>
<div class="col-xs-12 col-md-6"><a href="/storage/">Work with volumes and bind mounts</a></div>
<div class="col-xs-12 col-md-6"><a href="/get-started/part3/">Share my image on Docker Hub</a></div>
<div class="col-xs-12 col-md-6"><a href="/config/daemon/">Configure the Docker daemon</a></div>
<div class="col-xs-12 col-md-6"><a href="/get-started/part2/">Build and run an image</a></div>
<div class="col-xs-12 col-md-6"><a href="/config/labels-custom-metadata/">Manage Docker objects</a></div>
<div class="col-xs-12 col-md-6"><a href="/develop/develop-images/multistage-build/">Use multi-stage builds</a></div>
<div class="col-xs-12 col-md-6"><a href="/get-started/kube-deploy/">Scale apps using Kubernetes</a></div>
<div class="col-xs-12 col-md-6"><a href="/engine/reference/commandline/run/">Run a command in a container</a></div>
<div class="col-xs-12 col-md-6"><a href="/get-started/swarm-deploy/">Scale apps using Swarm</a></div>
</div>
</div>
</div>
@ -195,24 +155,16 @@
<div class="col-xs-12">
<ul class="nav nav-tabs">
<li class="active" role="presentation" data-tab="desktop">
<a onclick="onChangeHelpTab('desktop')">
Desktop
</a>
<a onclick="onChangeHelpTab('desktop')">Desktop</a>
</li>
<li role="presentation" data-tab="hub">
<a onclick="onChangeHelpTab('hub')">
Hub
</a>
<a onclick="onChangeHelpTab('hub')">Hub</a>
</li>
<li role="presentation" data-tab="engine">
<a onclick="onChangeHelpTab('engine')">
Engine
</a>
<a onclick="onChangeHelpTab('engine')">Engine</a>
</li>
<li role="presentation" data-tab="compose">
<a onclick="onChangeHelpTab('compose')">
Compose
</a>
<a onclick="onChangeHelpTab('compose')">Compose</a>
</li>
</ul>
</div>
@ -220,19 +172,10 @@
<!-- DESKTOP -->
<div class="row active" data-tab="desktop" data-os="win">
<div class="col-xs-12 col-md-4 col-lg-2 text-center">
<div
class="image"
style="background-image: url(/images/laptop.svg);"
></div>
<div class="image" style="background-image: url(/images/laptop.svg);"></div>
<h5>Docker Desktop</h5>
<div class="btn-group">
<button
type="button"
class="btn btn-default dropdown-toggle"
data-toggle="dropdown"
aria-haspopup="true"
aria-expanded="false"
>
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="os-label only-win">Windows</span>
<span class="os-label only-mac">Mac</span>
<span class="caret"></span>
@ -244,9 +187,7 @@
</div>
</div>
<div class="col-xs-12 col-md-4 col-lg-5">
<h6>
Getting Started with Docker
</h6>
<h6>Getting Started with Docker</h6>
<p>
Take a walkthrough that covers writing your first app, data
storage, networking, and swarms, and ends with your app running
@ -305,173 +246,68 @@
</p>
</div>
<div class="col-xs-12 col-md-4 col-lg-5">
<h6>
Popular articles
</h6>
<p class="only-win">
<a href="/docker-for-windows/wsl/">
Docker Desktop WSL 2 backend
</a>
</p>
<p class="only-mac">
<a href="/docker-for-mac/install/">
Install Docker Desktop on Mac
</a>
</p>
<p>
<a href="/docker-for-windows/dashboard/">
Docker Desktop Dashboard
</a>
</p>
<p class="only-win">
<a href="/docker-for-windows/kubernetes/">
Deploy on Kubernetes
</a>
</p>
<p class="only-win">
<a href="/docker-for-windows/release-notes/">
Stable Release notes
</a>
</p>
<p class="only-win">
<a href="/docker-for-windows/troubleshoot/">
Logs and troubleshooting
</a>
</p>
<p class="only-mac">
<a href="/docker-for-mac/networking/">
Networking features in Docker Desktop
</a>
</p>
<p class="only-mac">
<a href="/docker-for-mac/osxfs/">
Mac file system sharing
</a>
</p>
<h6>Popular articles</h6>
<p class="only-win"><a href="/docker-for-windows/wsl/">Docker Desktop WSL 2 backend</a></p>
<p class="only-mac"><a href="/docker-for-mac/install/">Install Docker Desktop on Mac</a></p>
<p><a href="/desktop/dashboard/">Docker Desktop Dashboard</a></p>
<p class="only-win"><a href="/docker-for-windows/kubernetes/">Deploy on Kubernetes</a></p>
<p class="only-win"><a href="/docker-for-windows/release-notes/">Stable Release notes</a></p>
<p class="only-win"><a href="/docker-for-windows/troubleshoot/">Logs and troubleshooting</a></p>
<p class="only-mac"><a href="/docker-for-mac/networking/">Networking features in Docker Desktop</a></p>
<p class="only-mac"><a href="/docker-for-mac/osxfs/">Mac file system sharing</a></p>
</div>
</div>
<!-- HUB -->
<div class="row" data-tab="hub">
<div class="col-xs-12 col-md-4 col-lg-2 text-center">
<div
class="image"
style="background-image: url(/images/hub.svg);"
></div>
<div class="image" style="background-image: url(/images/hub.svg);"></div>
<h5>Hub</h5>
</div>
<div class="col-xs-12 col-md-4 col-lg-5">
<h6>
Getting Started with Docker
</h6>
<h6>Getting Started with Docker</h6>
<p>
Take a walkthrough that covers writing your first app, data
storage, networking, and swarms, and ends with your app running
on production servers in the cloud.
</p>
<p>
<a href="/get-started/">
Learn Docker
</a>
</p>
<p><a href="/get-started/">Learn Docker</a></p>
<h6>FAQs</h6>
<p>
<a href="/get-started/part3/">
How do I share images on Docker Hub?
</a>
</p>
<p>
<a href="/docker-hub/orgs/#create-an-organization">
How do I create an organization?
</a>
</p>
<p>
<a href="/docker-hub/orgs/#create-a-team">
How do I create a team and add team members?
</a>
</p>
<p><a href="/get-started/part3/">How do I share images on Docker Hub?</a></p>
<p><a href="/docker-hub/orgs/#create-an-organization">How do I create an organization?</a></p>
<p><a href="/docker-hub/orgs/#create-a-team">How do I create a team and add team members?</a></p>
</div>
<div class="col-xs-12 col-md-4 col-lg-5">
<h6>
Popular articles
</h6>
<p>
<a href="/docker-hub/official_images/">
Docker Hub official images
</a>
</p>
<p>
<a href="/docker-hub/repos/">
Create Docker Hub repositories
</a>
</p>
<p>
<a href="/docker-hub/builds/">
Set up automated builds
</a>
</p>
<p>
<a href="/docker-hub/access-tokens/">
Manage access tokens
</a>
</p>
<p>
<a href="/docker-hub/webhooks/">
Docker Hub Webhooks
</a>
</p>
<h6>Popular articles</h6>
<p><a href="/docker-hub/official_images/">Docker Hub official images</a></p>
<p><a href="/docker-hub/repos/">Create Docker Hub repositories</a></p>
<p><a href="/docker-hub/builds/">Set up automated builds</a></p>
<p><a href="/docker-hub/access-tokens/">Manage access tokens</a></p>
<p><a href="/docker-hub/webhooks/">Docker Hub Webhooks</a></p>
</div>
</div>
<!-- ENGINE -->
<div class="row" data-tab="engine">
<div class="col-xs-12 col-md-4 col-lg-2 text-center">
<div
class="image"
style="background-image: url(/images/engine.svg);"
></div>
<div class="image" style="background-image: url(/images/engine.svg);"></div>
<h5>Engine</h5>
</div>
<div class="col-xs-12 col-md-4 col-lg-5">
<h6>
Getting Started with Docker
</h6>
<h6>Getting Started with Docker</h6>
<p>
Take a walkthrough that covers writing your first app, data
storage, networking, and swarms, and ends with your app running
on production servers in the cloud.
</p>
<p>
<a href="/get-started/">Learn Docker</a>
</p>
<p><a href="/get-started/">Learn Docker</a></p>
</div>
<div class="col-xs-12 col-md-4 col-lg-5">
<h6>
Popular articles
</h6>
<p>
<a href="/engine/install/ubuntu/">
Install Docker Engine on Ubuntu
</a>
</p>
<p>
<a href="/engine/reference/commandline/run/">
Run a command in a container
</a>
</p>
<p>
<a href="/engine/reference/builder/">
Dockerfile reference
</a>
</p>
<p>
<a href="/engine/reference/commandline/dockerd/#description">
Docker daemon reference
</a>
</p>
<p>
<a href="/engine/reference/commandline/build/">
Docker build reference
</a>
</p>
<h6>Popular articles</h6>
<p><a href="/engine/install/ubuntu/">Install Docker Engine on Ubuntu</a></p>
<p><a href="/engine/reference/commandline/run/">Run a command in a container</a></p>
<p><a href="/engine/reference/builder/">Dockerfile reference</a></p>
<p><a href="/engine/reference/commandline/dockerd/#description">Docker daemon reference</a></p>
<p><a href="/engine/reference/commandline/build/">Docker build reference</a></p>
</div>
</div>
<!-- COMPOSE -->
@ -484,62 +320,26 @@
<h5>Compose</h5>
</div>
<div class="col-xs-12 col-md-4 col-lg-5">
<h6>
Getting Started with Docker
</h6>
<h6>Getting Started with Docker</h6>
<p>
Take a walkthrough that covers writing your first app, data
storage, networking, and swarms, and ends with your app running
on production servers in the cloud.
</p>
<p>
<a href="/get-started/">Learn Docker</a>
</p>
<p><a href="/get-started/">Learn Docker</a></p>
<h6>FAQs</h6>
<p>
<a href="/compose/faq/#how-do-i-run-multiple-copies-of-a-compose-file-on-the-same-host">
How do I run multiple copies of a Compose file on the same
host?
</a>
</p>
<p>
<a href="/compose/faq/#can-i-use-json-instead-of-yaml-for-my-compose-file">
Can I use json instead of yaml for my Compose file?
</a>
</p>
<p>
<a href="/compose/faq/#where-can-i-find-example-compose-files">
Where can I find example Compose files?
</a>
</p>
<p>
<a href="/compose/faq/">View all</a>
</p>
<p><a href="/compose/faq/#how-do-i-run-multiple-copies-of-a-compose-file-on-the-same-host">How do I run multiple copies of a Compose file on the same host?</a></p>
<p><a href="/compose/faq/#can-i-use-json-instead-of-yaml-for-my-compose-file">Can I use json instead of yaml for my Compose file?</a></p>
<p><a href="/compose/faq/#where-can-i-find-example-compose-files">Where can I find example Compose files?</a></p>
<p><a href="/compose/faq/">View all</a></p>
</div>
<div class="col-xs-12 col-md-4 col-lg-5">
<h6>
Popular articles
</h6>
<p>
<a href="/compose/install/">
Install Docker Compose
</a>
</p>
<p>
<a href="/compose/gettingstarted/">
Getting started with Docker Compose
</a>
</p>
<p>
<a href="/compose/environment-variables/">
Environment variables in Compose
</a>
</p>
<p>
<a href="/compose/networking/">
Networking in Compose
</a>
</p>
<h6>Popular articles</h6>
<p><a href="/compose/install/">Install Docker Compose</a></p>
<p><a href="/compose/gettingstarted/">Getting started with Docker Compose</a></p>
<p><a href="/compose/environment-variables/">Environment variables in Compose</a></p>
<p><a href="/compose/networking/">Networking in Compose</a></p>
</div>
</div>
</div>
@ -558,55 +358,19 @@
Take a look at our best practices and reference architecture
topics to fine tune your deployment.
</p>
<p>
<a href="/develop/develop-images/dockerfile_best-practices/">
Best practices for writing Dockerfile
</a>
</p>
<p>
<a href="/develop/develop-images/dockerfile_best-practices/">
Best practices for writing a Docker Compose file
</a>
</p>
<p>
<a href="/develop/dev-best-practices/">
Docker Development best practices
</a>
</p>
<p>
<a href="/engine/security/">
Docker Security best practices
</a>
</p>
<p><a href="/develop/develop-images/dockerfile_best-practices/">Best practices for writing Dockerfile</a></p>
<p><a href="/develop/develop-images/dockerfile_best-practices/">Best practices for writing a Docker Compose file</a></p>
<p><a href="/develop/dev-best-practices/">Docker Development best practices</a></p>
<p><a href="/engine/security/">Docker Security best practices</a></p>
</div>
<div class="col-xs-12 col-md-6">
<h2 class="title">Develop with Docker</h2>
<p>Learn how to develop language-specific apps using Docker.</p>
<p>
<a href="https://github.com/docker/labs/tree/master/developer-tools/java/" target="_blank">
Docker for Java developers
</a>
</p>
<p>
<a href="https://github.com/docker/labs/tree/master/developer-tools/nodejs/porting/" target="_blank">
Port a node.js app to Docker
</a>
</p>
<p>
<a href="https://github.com/docker/labs/tree/master/developer-tools/ruby" target="_blank">
Ruby on Rails app on Docker
</a>
</p>
<p>
<a href="/engine/examples/dotnetcore/">
Dockerize a .Net Core application
</a>
</p>
<p>
<a href="/compose/aspnet-mssql-compose/" target="_blank">
Dockerize an ASP.NET Core application with SQL Server on Linux
</a>
</p>
<p><a href="https://github.com/docker/labs/tree/master/developer-tools/java/" target="_blank">Docker for Java developers</a></p>
<p><a href="https://github.com/docker/labs/tree/master/developer-tools/nodejs/porting/" target="_blank">Port a node.js app to Docker</a></p>
<p><a href="https://github.com/docker/labs/tree/master/developer-tools/ruby" target="_blank">Ruby on Rails app on Docker</a></p>
<p><a href="/engine/examples/dotnetcore/">Dockerize a .Net Core application</a></p>
<p><a href="/compose/aspnet-mssql-compose/" target="_blank">Dockerize an ASP.NET Core application with SQL Server on Linux</a></p>
</div>
</div>
</div>
@ -667,11 +431,7 @@
</a>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 card-holder">
<a
href="https://events.docker.com/docker-virtual-meetups/"
class="card"
target="_blank"
>
<a href="https://events.docker.com/docker-virtual-meetups/" class="card" target="_blank">
<h5 class="title">Tune in Monthly</h5>
<p>
Join the Virtual Docker Meetup Group and online meetups every month.

View File

@ -89,7 +89,6 @@
</footer>
<script>const pageURL = "{{ page.url }}";</script>
<script defer src="/js/anchorlinks.js"></script>
<script defer src="/js/menu.js"></script>
<script src="/js/jquery.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script defer src="/js/metadata.js"></script>

View File

@ -45,7 +45,6 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/css/font-awesome.min.css">
<link rel="stylesheet" href="/css/bootstrap.min.css">
<link rel="stylesheet" href="/css/pygments/perldoc.css" id="pygments">
<link rel="stylesheet" href="/css/style.css" id="pagestyle">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans">

View File

@ -1,9 +1,3 @@
/*
*
* Buttons ***********************************************************************
*
*/
ul.buttons {
list-style: none;
width: 450px;

View File

@ -1,21 +1,16 @@
/*
*
* Custom Content Docs ******************************************
*
*/
/*
*
* images
*
*/
* Images **********************************************************************
*/
.content img {
display: block;
max-width: 100%;
height: auto;
}
/** code formatting **/
/*
* Code formatting *************************************************************
*/
pre {
background-color: #F5F8FA!important;
@ -48,10 +43,8 @@ pre code {
}
/*
*
* Guides : components
*
*/
* Guides : components *********************************************************
*/
.component-container {
padding: 0;

View File

@ -1,8 +1,6 @@
/*
*
* hero banner text *************************************************************
*
*/
* hero banner text *************************************************************
*/
.hero-text {
-ms-flex-align: center;
@ -40,7 +38,7 @@
}
/** dockercon banner **/
/* dockercon banner */
.banner {
width: 270px;

View File

@ -1,8 +1,6 @@
/*
*
* branding *********************************************************************
*
*/
* branding ********************************************************************
*/
.logo {
margin: 12px 10px 0 10px;
@ -29,10 +27,8 @@
}
/*
*
* Header ***********************************************************************
*
*/
* Header **********************************************************************
*/
.header {
background-color: $bg-header;
@ -100,10 +96,8 @@ section.section {
}
/*
*
* sidebar ***********************************************************************
*
*/
* sidebar *********************************************************************
*/
.wrapper.right-open #sidebar-wrapper {
width: 270px;
@ -113,10 +107,6 @@ section.section {
padding-right: 190px;
}
/*
* Sidebar
*/
.col-nav,
.col-toc {
min-height: 100vh;
@ -138,17 +128,10 @@ section.section {
padding-top: 20px;
padding-bottom: 20px;
}
/***Swagger***/
.swagger-section {
padding-top: 2rem;
}
/*
*
* global footer ***********************************************************************
*
*/
* global footer **************************************************************
*/
footer {
background: $white;

View File

@ -1,8 +1,6 @@
/*
*
* for rescaling **********************************************************
*
*/
* for rescaling **************************************************************
*/
@media only screen
and (min-width : 376px)
@ -70,10 +68,8 @@
/*
*
* small displays mobile **********************************************************
*
*/
* small displays mobile **********************************************************
*/
/* Portrait and Landscape */
@media only screen
@ -118,10 +114,6 @@
.header {
height: 100px;
}
/*.nav-secondary-tabs,
.nav-sidebar a {
color: #a8a8a8;
}*/
.tabs {
float: left;
margin: 0;
@ -143,7 +135,6 @@
.sidebar,
.sidebar-home {
background-color: $bg-sidebar;
/*border-right: 1px solid rgba(204,204,204,0.29);*/
top: 51px;
left: 0;
display: block;
@ -237,9 +228,6 @@
.main-content {
padding: 0 10px;
}
/*.nav-sidebar a {
color: #a8a8a8;
}*/
.sidebar,
.sidebar-home {
background-color: $bg-sidebar;
@ -265,10 +253,8 @@
/*
*
* medium displays mobile **********************************************************
*
*/
* medium displays mobile *****************************************************
*/
@media only screen
@ -338,8 +324,6 @@
@media (max-width: 1024px) {
.nav-secondary-tabs.affix-top {
/*background-color: $bg-secondary;
background-color: rgba(0,0,0,.05); */
position: fixed;
top: 0;
}

View File

@ -1,8 +1,6 @@
/*
*
* Primary navigation - top header **********************************************************
*
*/
* Primary navigation - top header *********************************************
*/
.nav-container {
height: 55px;
}
@ -30,10 +28,8 @@
}
/*
*
* user-nav ***********************************************************************
*
*/
* user-nav ********************************************************************
*/
.user-nav {
padding: 20px 0 0;
@ -51,10 +47,8 @@
}
/*
*
* Secondary Navigation **********************************************************
*
*/
* Secondary Navigation *******************************************************
*/
.nav-secondary {
background-color: $bg-secondary;
@ -64,10 +58,8 @@
/*
*
* nav-secondary-tabs ***********************************************************************
*
*/
* nav-secondary-tabs *********************************************************
*/
.nav-secondary-tabs {
background-color: $bg-secondary-tabs;
@ -89,10 +81,8 @@
}
/*
*
* NAV SIDEBAR ***********************************************************************
*
*/
* NAV SIDEBAR *****************************************************************
*/
// Some links don't have 'href' attr, hence no mouse pointer
.nav-sidebar li a {
@ -173,10 +163,8 @@
}
/*
*
* Table of contents menu ***********************************************************************
*
*/
* Table of contents menu *****************************************************
*/
.toc-toggle {
width: 25px;
@ -229,10 +217,8 @@ div#side-toc-title {
}
/*
*
* Toggle Switches **************************************************************
*
*/
* Toggle Switches *************************************************************
*/
.toggle-mode {
float: left;
@ -273,7 +259,6 @@ div#side-toc-title {
bottom: 0;
background-color: $slider-bg;
border: 1px solid #c3e4f7;
// transition: 0.4s;
}
.slider:before {
@ -284,7 +269,6 @@ div#side-toc-title {
width: 15px;
left: 2px;
bottom: 1px;
// transition: 0.4s;
}
input:focus+.slider {
@ -306,10 +290,8 @@ input:checked+.slider:before {
/*
*
* Tabs ***********************************************************************
*
*/
* Tabs ************************************************************************
*/
#tabs {
float: left;
margin: 0;
@ -319,10 +301,7 @@ input:checked+.slider:before {
}
}
.tabs {
li {
float: left;
list-style: none;
@ -347,10 +326,8 @@ input:checked+.slider:before {
}
/*
*
* feedback links ***********************************************************************
*
*/
* feedback links **************************************************************
*/
#sidebar-right.affix .feedback-links {
margin: 50px 0 10px 0;
@ -368,10 +345,8 @@ input:checked+.slider:before {
}
/*
*
* Controls ***********************************************************************
*
*/
* Controls ********************************************************************
*/
.ctrl-left {
float: left;

View File

@ -1,9 +1,3 @@
/*
*
* night mode
*
*/
body.night {
background-color: $bg-body-night;
color: $body-text-night;
@ -151,20 +145,6 @@ body.night {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.hljs {
color: #f5f5f5!important;
}
.hljs-tag,
.hljs-name,
.hljs-attribute {
color: #e3e3f2!important;
font-weight: normal;
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-subst {
color: #f5f5f5!important;
}
div#autocompleteResults {
background: $bg-search-results-night;
border: 1px solid $black;
@ -198,7 +178,7 @@ body.night {
display: block;
color: #bfabe5;
}
/** for google results styles - forgive us css gods **/
/* for google results styles - forgive us css gods */
.gsc-control-cse {
border-color: #192837!important;
background-color: #192837!important;
@ -246,7 +226,7 @@ body.night {
.footer_social_nav ul li a {
background-color: #2f2f2f;
}
/** force blockquote styles **/
/* force blockquote styles */
blockquote.warning {
color: #ff7e7a!important;
}
@ -259,18 +239,16 @@ body.night {
blockquote.important p:first-child {
color: #f5ac45!important;
}
/** syntax highlighting **/
/* syntax highlighting */
.highlight .nt {
color: #e8a0e8;
}
.highlight .k {
color: #da5ada;
}
/*
*
* Primary Global Menu Overrides
*
*/
/* Primary Global Menu Overrides */
.dropdown-menu{
background: $black;
}
@ -280,20 +258,11 @@ body.night {
h6.dropdown-header {
color: $white;
}
/** apply to images with garbled text **/
/* apply to images with garbled text */
img.white-bg {
background-color: white;
}
}
/*
*
* night mode component overrides
*
*/
body.night {
/* accordion */
.panel {
color: $body-text-night;
@ -313,7 +282,8 @@ body.night {
background: rgb(35, 54, 72);
color: #bcbfc3;
}
/** tabs **/
/* tabs */
.nav-tabs {
border-bottom: 1px solid #4f6071;
}

View File

@ -1,75 +1,63 @@
/*
* note, important, and important admonition styles
*/
* note, important, and important admonition styles
*/
$note-color: #1488C6;
$important-color: #aa6708;
$warning-color: #ce4844;
/*** Blocquotes with no Liquid tag get $note-color sidebar
***/
/* Blockquotes with no Liquid tag get $note-color sidebar */
blockquote {
border-left-color: $note-color;
}
/*** First paragraph of a multi-paragraph blockquote is bold and defaults to $note-color if not tagged differently
***/
/* First paragraph of a multi-paragraph blockquote is bold and defaults to $note-color if not tagged differently */
blockquote > p:first-child {
margin-top: 0;
font-weight: 700;
color: $note-color;
}
/*** This used to prepend "Note" to title of any multi-paragraph blockquote, now it adds the note icon instead
***/
/* This used to prepend "Note" to title of any multi-paragraph blockquote, now it adds the note icon instead */
blockquote > p:first-child::before {
content: '\f058 \00a0';
font-family: FontAwesome;
}
/*** Blockquotes with important tag get $important-color sidebar
***/
/* Blockquotes with important tag get $important-color sidebar */
blockquote.important {
border-left-color: $important-color;
}
/*** First paragraph of a multi-paragraph .important blockquote inherits bold, and is $important-color
***/
/* First paragraph of a multi-paragraph .important blockquote inherits bold, and is $important-color */
blockquote.important > p:first-child {
color: $important-color;
}
/*** This used to prepend "Important" to important admonitions, now it adds the important icon instead
***/
/* Add "important" icon to important admonitions */
blockquote.important > p:first-child::before {
content: '\f06a \00a0';
font-family: FontAwesome;
}
/*** Blockquotes with warning tag get $warning-color sidebar
***/
/* Blockquotes with warning tag get $warning-color sidebar */
blockquote.warning {
border-left-color: $warning-color;
}
/*** First paragraph of a multi-paragraph .warning blockquote inherits bold, and is $warning-color
***/
/* First paragraph of a multi-paragraph .warning blockquote inherits bold, and is $warning-color */
blockquote.warning > p:first-child {
color: $warning-color;
}
/*** This used to prepend the "Warning" text as content, now it adds the warning icon instead
***/
/* Add "warning" icon to warning admonitions */
blockquote.warning > p:first-child::before {
content: '\f057 \00a0';
font-family: FontAwesome;
}
/* Maintain backwards compatibility with old
* note style
*/
/* Maintain backwards compatibility with old note style */
blockquote > p:only-child {
font-weight: inherit;
color: inherit;

View File

@ -1,8 +1,6 @@
/*
*
* Bootstrap Overrides ***********************************************************************
*
*/
* Bootstrap Overrides *********************************************************
*/
.nav-secondary-tabs .dropdown-btn {
background: transparent;
@ -100,10 +98,8 @@
}
/*
*
* Bootstrap expand/collapse accordions
*
*/
* Bootstrap expand/collapse accordions ****************************************
*/
.panel-heading .chevron:after {
content: "\f0d8";
@ -117,12 +113,9 @@
background-color: #fafdfe;
}
/*
*
* override google results +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*
*/
* override google results +++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType {
color: #27343B!important;
line-height: 23px!important;

View File

@ -1,8 +1,6 @@
/*
*
* Fonts ***********************************************************************
*
*/
* Fonts **********************************************************************
*/
@font-face {
font-family: 'Geomanist Book';

View File

@ -1,8 +1,6 @@
/*
*
* utilities
*
*/
* utilities *******************************************************************
*/
.archive-panel {
padding: 10px 5px;
@ -29,10 +27,8 @@
}
/*
*
* tables
*
*/
* tables **********************************************************************
*/
table {
border: 1px solid rgba(204, 204, 204, 0.29);
@ -68,33 +64,22 @@ i.fa.fa-outdent {
opacity: 0.5;
}
.block {
padding: 0 15px 10px 15px;
}
/*
*
* Inline graphics and icons (like the whale menu icon in d4mac, d4win)
*
*/
/* Inline graphics and icons (like the whale menu icon in d4mac, d4win) */
img.inline {
display: inline;
}
/*
* Search *********************************************************************
*
*/
* Search **********************************************************************
*/
.search-form {
float: left;
margin: 5px 0 0;
// width: 200px;
& input[type=text] {
background: rgba(0, 0, 0, 0.17) url("/images/search.png") no-repeat 10px 9px;
border: 0;
@ -183,29 +168,9 @@ input[type=text] {
opacity: 1;
}
// .search-form input[type=text]::-webkit-input-placeholder {
// color: #fff;
// }
// .search-form input[type=text]:-moz-placeholder {
// /* Firefox 18- */
// color: #fff;
// }
// .search-form input[type=text]::-moz-placeholder {
// /* Firefox 19+ */
// color: #fff;
// }
// .search-form input[type=text]:-ms-input-placeholder {
// color: #fff;
// }
/*
*
* autocompleteResults **********************************************************
*
*/
* autocompleteResults *********************************************************
*/
div#autocompleteResults {
display: none;
@ -277,23 +242,16 @@ div#autocompleteResults span {
padding-right: 20px;
margin: 0;
}
/*
*
* google-Results **********************************************************
*
*/
* google-Results *************************************************************
*/
input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
display: none!important;
}
/*
*
* moved from temp css
*
*/
@media print
{
.footer

View File

@ -1,7 +1,7 @@
/*
* global
*/
* global
*/
$headings: "Geomanist Book", sans-serif;
$font: "Open Sans", sans-serif;
$body-text-size: 14px;
@ -12,8 +12,8 @@ $black: #000;
$clear: 0;
/*
* standard mode
*/
* standard mode
*/
$body-text: #33444c;
$primary-links: #2496ed;
@ -35,8 +35,8 @@ $table-head: #cfd2d4;
/*
* night mode
*/
* night mode
*/
$body-text-night: #d3d4d4;
$primary-links-night: #9cd7f7;

View File

@ -14,7 +14,7 @@
@import "buttons";
@import "content";
@import "utilities";
@import "github";
@import "perldoc";
@import "overrides";
@import "mobile";
@import "notes";

View File

@ -186,11 +186,8 @@ if (selectedNightTheme === "true" || (selectedNightTheme === null && prefersDark
$("#switch-style").prop("checked", false);
}
/*
*
* toggle menu *********************************************************************
*
*/
$("#menu-toggle").click(function (e) {
@ -268,11 +265,8 @@ $(document).ready(function () {
});
});
/*
*
* make dropdown show on hover *********************************************************************
*
*/
$("ul.nav li.dropdown").hover(function () {
@ -282,9 +276,7 @@ $("ul.nav li.dropdown").hover(function () {
});
/*
*
* swapStyleSheet*********************************************************************
*
*/
function applyNight() {
@ -305,27 +297,8 @@ $("#switch-style").change(function () {
}
});
/*
*
* TEMP HACK For side menu*********************************************************************
*
*/
$(".nav-sidebar ul li a").click(function () {
$(this).addClass("collapse").siblings().toggleClass("in");
});
if ($(".nav-sidebar ul a.active").length !== 0) {
$(".nav-sidebar ul").click(function () {
$(this).addClass("collapse in").siblings;
});
}
/*
*
* Components *********************************************************************
*
*/
$(function () {

View File

@ -1,16 +0,0 @@
function hookupTOCEvents() {
$('.expand-menu').on('click', function(elem) {
var menu = elem.currentTarget.parentElement
if (menu.classList.contains("menu-closed")) {
menu.classList.remove("menu-closed")
menu.classList.add("menu-open")
} else {
menu.classList.add("menu-closed")
menu.classList.remove("menu-open")
}
return false;
});
$(".left-off-canvas-menu").css("display","block");
}
$(document).ready(hookupTOCEvents);

1
js/modernizr.min.js vendored

File diff suppressed because one or more lines are too long