From 1cac32a5fb26a9b825ae2b0c7e6a90c8016ceecc Mon Sep 17 00:00:00 2001
From: Tim Wickberg <tim@schedmd.com>
Date: Wed, 9 Nov 2016 19:04:10 -0700
Subject: [PATCH] doc/html - change to new web page design.
Change header and footer over to new design, switch around the css
files, and adjust the build system to match.
Design by Grant Zabriskie.
---
doc/html/Makefile.am | 5 +-
doc/html/Makefile.in | 5 +-
doc/html/footer.txt | 25 +-
doc/html/header.txt | 206 +++++++----
doc/html/linuxstyles.css | 312 ----------------
doc/html/reset.css | 49 +++
doc/html/slurm.css | 169 +++++++++
doc/html/slurmstyles.css | 612 -------------------------------
doc/html/style.css | 772 +++++++++++++++++++++++++++++++++++++++
9 files changed, 1138 insertions(+), 1017 deletions(-)
delete mode 100644 doc/html/linuxstyles.css
create mode 100644 doc/html/reset.css
create mode 100644 doc/html/slurm.css
delete mode 100644 doc/html/slurmstyles.css
create mode 100644 doc/html/style.css
diff --git a/doc/html/Makefile.am b/doc/html/Makefile.am
index 6c116797310..3d6ec5f571f 100644
--- a/doc/html/Makefile.am
+++ b/doc/html/Makefile.am
@@ -119,7 +119,6 @@ html_DATA = \
ibm_pe_fig1.png \
ibm_pe_fig2.png \
k_function.gif \
- linuxstyles.css \
mc_support.gif \
plane_ex1.gif \
plane_ex2.gif \
@@ -128,12 +127,14 @@ html_DATA = \
plane_ex5.gif \
plane_ex6.gif \
plane_ex7.gif \
+ reset.css \
slurm_logo.png \
schedmd.png \
- slurmstyles.css \
+ slurm.css \
Slurm_Entity.pdf \
Slurm_Individual.pdf \
squeue_color.png \
+ style.css \
topo_ex1.gif \
topo_ex2.gif \
tutorial_intro_files.tar \
diff --git a/doc/html/Makefile.in b/doc/html/Makefile.in
index 019f4448c08..6894a74ead1 100644
--- a/doc/html/Makefile.in
+++ b/doc/html/Makefile.in
@@ -573,7 +573,6 @@ html_DATA = \
ibm_pe_fig1.png \
ibm_pe_fig2.png \
k_function.gif \
- linuxstyles.css \
mc_support.gif \
plane_ex1.gif \
plane_ex2.gif \
@@ -582,12 +581,14 @@ html_DATA = \
plane_ex5.gif \
plane_ex6.gif \
plane_ex7.gif \
+ reset.css \
slurm_logo.png \
schedmd.png \
- slurmstyles.css \
+ slurm.css \
Slurm_Entity.pdf \
Slurm_Individual.pdf \
squeue_color.png \
+ style.css \
topo_ex1.gif \
topo_ex2.gif \
tutorial_intro_files.tar \
diff --git a/doc/html/footer.txt b/doc/html/footer.txt
index 5763c7de34e..79dd811c22c 100644
--- a/doc/html/footer.txt
+++ b/doc/html/footer.txt
@@ -1,17 +1,18 @@
-</div> <!-- closes "row" -->
-</div> <!-- closes "content" -->
-<div id="row">
-<div id="footer">
-<div id="left"> <a href="disclaimer.shtml" target="_blank" class="privacy">Legal Notices</a></div>
-<div id="right"><span class="ucrlnum"></span></div>
-</div>
+ </div> <!-- END .container -->
+ </div> <!-- END .section -->
+ </div> <!-- END .content -->
+</div> <!-- END .main -->
-<div id="footer2">
-<div style="clear:both;"></div>
-</div>
-</div> <!-- closes "row" -->
-</div> <!-- closes "container" -->
+<footer class="site-footer" role="contentinfo">
+
+ <nav class="footer-nav section">
+ <div class="container">
+ <p><a href="disclaimer.shtml" target="_blank" class="privacy">Legal Notices</a></p>
+ </div>
+ </nav>
+
+</footer>
</body>
</html>
diff --git a/doc/html/header.txt b/doc/html/header.txt
index 62b99c16dee..e4033f9281c 100644
--- a/doc/html/header.txt
+++ b/doc/html/header.txt
@@ -1,84 +1,136 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
- "http://www.w3.org/TR/REC-html40/loose.dtd">
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <meta charset="UTF-8" />
+ <meta name="viewport" content="width=device-width" />
-<html>
+ <title>Slurm Workload Manager</title>
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
-<meta http-equiv="Pragma" content="no-cache">
-<meta http-equiv="keywords" content="Slurm, Slurm Workload Manager,
-Simple Linux Utility for Resource Management, workload manager,
-resource management, Linux clusters, high-performance computing">
-<meta name="description" content="Slurm Workload Manager">
-<title>Slurm Workload Manager</title>
-<link href="linuxstyles.css" rel="stylesheet" type="text/css">
-<link href="slurmstyles.css" rel="stylesheet" type="text/css">
-<script src="http://www.google.com/jsapi" type="text/javascript"></script>
-<script type="text/javascript">
- google.load('search', '1', {language : 'en', style : google.loader.themes.V2_DEFAULT});
- google.setOnLoadCallback(function() {
- var customSearchOptions = {}; var customSearchControl = new google.search.CustomSearchControl(
- '011890816164765777536:jvrtxrd3f0w', customSearchOptions);
- customSearchControl.setResultSetSize(google.search.Search.SMALL_RESULTSET);
- customSearchControl.draw('cse');
- }, true);
-
-function window_check ()
-{
- obj = document.getElementById('navigation');
- if ((window.innerWidth>=800) && (window.innerHeight>=700) &&
- (screen.width>=800) && (screen.height>=700)) {
- obj.style.position = 'fixed';
- } else {
- obj.style.position = 'absolute';
- }
-}
+ <link rel="shortcut icon" href="favicon.ico" />
+
+ <link href="https://fonts.googleapis.com/css?family=Source+Code+Pro|Source+Sans+Pro:400,400i,600,600i|Ubuntu:300,300i,400,400i,500,500i" rel="stylesheet">
+
+ <link rel="stylesheet" type="text/css" href="reset.css" />
+ <link rel="stylesheet" type="text/css" href="style.css" />
+ <link rel="stylesheet" type="text/css" href="slurm.css" />
-window.onload = window_check;
-window.onresize = window_check;
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
+ <script type="text/javascript">
+ jQuery(document).ready(function() {
+ jQuery('.menu-trigger').bind('click touchstart', function() {
+ jQuery(this).find('.menu-trigger__lines').toggleClass('menu-trigger__lines--closed');
+ jQuery(this).parents('.site-header').find('.site-nav').toggleClass('site-nav--active');
-</script>
+ return false;
+ });
+ });
+ </script>
+ <script src="https://www.google.com/jsapi" type="text/javascript"></script>
+ <script type="text/javascript">
+ google.load('search', '1', {language : 'en', style : google.loader.themes.V2_DEFAULT});
+ google.setOnLoadCallback(function() {
+ var customSearchOptions = {}; var customSearchControl = new google.search.CustomSearchControl(
+ '011890816164765777536:jvrtxrd3f0w', customSearchOptions);
+ customSearchControl.setResultSetSize(google.search.Search.SMALL_RESULTSET);
+ customSearchControl.draw('cse');
+ }, true);
+ function window_check ()
+ {
+ obj = document.getElementById('navigation');
+ if ((window.innerWidth>=800) && (window.innerHeight>=700) &&
+ (screen.width>=800) && (screen.height>=700)) {
+ obj.style.position = 'fixed';
+ } else {
+ obj.style.position = 'absolute';
+ }
+ }
+
+ window.onload = window_check;
+ window.onresize = window_check;
+
+ </script>
</head>
-<body><div id="container"><div id="row">
-
-<div id="navigation">
-<a href="slurm.shtml"><img class="displayed" src="slurm_logo.png" width="130" usemap="#Map"></a>
-
-<div id="version">Version @SLURM_VERSION@</div>
-<p></p>
-<div id="slurmh2">About</div>
-<ul>
- <li><a href="overview.shtml" class="nav">Overview</a></li>
- <li><a href="news.shtml" class="nav">What's New</a></li>
- <li><a href="team.shtml" class="nav">Slurm Team</a></li>
- <li><a href="meetings.shtml" class="nav">Meetings</a></li>
- <li><a href="testimonials.shtml" class="nav">Testimonials</a></li>
- <li><a href="disclaimer.shtml" class="nav">Legal Notices</a></li>
-</ul>
-<div id="slurmh2">Using</div>
-<ul>
- <li><a href="tutorials.shtml" class="nav">Tutorials</a></li>
- <li><a href="documentation.shtml" class="nav">Documentation</a></li>
- <li><a href="faq.shtml" class="nav">FAQ</a></li>
- <li><a href="publications.shtml" class="nav">Publications</a></li>
-</ul>
-<div id="slurmh2">Installing</div>
-<ul>
- <li><a href="download.shtml" class="nav">Download</a></li>
- <li><a href="quickstart_admin.shtml" class="nav">Installation Guide</a></li>
-</ul>
-<div id="slurmh2">Getting Help</div>
-<ul>
- <li><a href="http://www.schedmd.com/#services" class="nav">Support</a></li>
- <li><a href="mail.shtml" class="nav">Mailing Lists</a></li>
- <li><a href="http://www.schedmd.com/#services" class="nav">Training</a></li>
- <li><a href="troubleshoot.shtml" class="nav">Troubleshooting</a></li>
-</ul>
-<a href="http://www.schedmd.com"><img class="displayed" src="schedmd.png" width="130" usemap="#Map"></a>
-</div>
-
-<div id="content">
-
-<div id="cse"></div>
+<body>
+
+<div class="container container--main">
+
+ <header class="site-header" role="banner">
+
+ <div class="site-masthead">
+ <h1 class="site-masthead__title site-masthead__title--slurm">
+ <a href="/slurm" rel="home">
+ <span class="slurm-logo">Slurm Workload Manager</span>
+ </a>
+ </h1>
+ <div class="site-masthead__title">
+ <a href="http://www.schedmd.com/" rel="home">
+ <span class="site-logo">SchedMD</span>
+ </a>
+ </div>
+
+ <button class="site-masthead__trigger menu-trigger" type="button" role="button" aria-label="Toggle Navigation"><span class="menu-trigger__lines"></span></button>
+ </div>
+
+
+ <nav class="site-nav">
+ <h2 class="site-nav__title">Navigation</h2>
+
+ <div class="slurm-title">
+ <div class="slurm-logo"><a href="/slurm">Slurm Workload Manager</a></div>
+ <div class="slurm-title__version">Version @SLURM_VERSION@</div>
+ </div>
+
+ <ul class="site-nav__menu slurm-menu menu" role="navigation">
+ <li class="site-menu__item slurm-menu__item">
+ About
+ <ul class="slurm-menu__sub">
+ <li><a href="overview.shtml" class="nav">Overview</a></li>
+ <li><a href="news.shtml" class="nav">What's New</a></li>
+ <li><a href="team.shtml" class="nav">Slurm Team</a></li>
+ <li><a href="meetings.shtml" class="nav">Meetings</a></li>
+ <li><a href="testimonials.shtml" class="nav">Testimonials</a></li>
+ <li><a href="disclaimer.shtml" class="nav">Legal Notices</a></li>
+ </ul>
+ </li>
+ <li class="site-menu__item slurm-menu__item">
+ Using
+ <ul class="slurm-menu__sub">
+ <li><a href="tutorials.shtml" class="nav">Tutorials</a></li>
+ <li><a href="documentation.shtml" class="nav">Documentation</a></li>
+ <li><a href="faq.shtml" class="nav">FAQ</a></li>
+ <li><a href="publications.shtml" class="nav">Publications</a></li>
+ </ul>
+ </li>
+ <li class="site-menu__item slurm-menu__item">
+ Installing
+ <ul class="slurm-menu__sub">
+ <li><a href="download.shtml" class="nav">Download</a></li>
+ <li><a href="quickstart_admin.shtml" class="nav">Installation Guide</a></li>
+ </ul>
+ </li>
+ <li class="site-menu__item slurm-menu__item">
+ Getting Help
+ <ul class="slurm-menu__sub">
+ <li><a href="http://www.schedmd.com/#services" class="nav">Support</a></li>
+ <li><a href="mail.shtml" class="nav">Mailing Lists</a></li>
+ <li><a href="http://www.schedmd.com/#services" class="nav">Training</a></li>
+ <li><a href="troubleshoot.shtml" class="nav">Troubleshooting</a></li>
+ </ul>
+ </li>
+ </ul>
+
+ </nav>
+
+ </header>
+
+ <div class="content" role="main">
+ <section class="slurm-search">
+ <div class="container">
+ <div id="cse"></div>
+ </div>
+ </section>
+
+ <div class="section">
+ <div class="container">
diff --git a/doc/html/linuxstyles.css b/doc/html/linuxstyles.css
deleted file mode 100644
index 546b8fb70f1..00000000000
--- a/doc/html/linuxstyles.css
+++ /dev/null
@@ -1,312 +0,0 @@
-html {
- min-height:100%;
-}
-
-body {
- margin-top:20px;
- padding:0px;
- background-color: #FFFFFF;
- font-family: Arial, Verdana, Helvetica, Sans-serif;
- text-align:center;
-}
-
-h1 { font-size: 150%; font-weight:bold; text-align:left; color: #066cb2; }
-h2 { font-size: 105%; font-weight:bold; text-align:left; color: #066cb2; }
-h3 { font-size: 100%; font-weight:bold; text-align:left; color: #066cb2; }
-p { font-size: 90%; }
-p ul { font-size: 90%; }
-ul {font-size: 90%;}
-ol {font-size: 90%;}
-ul ul { font-size: 100%; }
-li li { font-size: 100%; }
-pre {font-size: 90%; font-family:"Courier New", Courier, monospace}
-
-#slurmh2 { font-size: 105%; font-weight:bold; text-align:left;
- padding-left: 5px; color: #066cb2; margin-bottom: -10px; }
-
-#slurmtd {
- border:1px;
- border-color:#066cb2;
- border-style:solid;
- padding:10px;
- display:table-cell;
-}
-#slurmtable {
- margin-left: auto;
- margin-right: auto;
- border:1px;
- border-color:#066cb2;
- border-style:solid;
- display:table;
-}
-/* container wraps the entire web page; the margin left and */
-/* right and text align tags are needed for rendering in IE */
-#container {
- margin-left: auto;
- margin-right: auto;
- text-align: left;
- width: 800px;
- padding:10px;
- border:2px;
- border-color:#066cb2;
- border-style:solid;
- background-color: #FFFFFF;
- line-height:130%;
- display:table;
- min-height:770px;
- height:auto;
- height:685px;
-}
-
-#row {
- display: table-row;
-}
-
-IMG.displayed {
- margin-top: 10px;
- margin-bottom: 10px;
- display: block;
- margin-left: auto;
- margin-right: auto;
- border:0px;
-}
-
-/* The left-hand navigation links */
-#navigation {
- float: left;
- text-align:left;
- width: 175px;
- overflow: auto;
- background-color: #d2cf82;
- border:2px;
- border-color:#066cb2;
- border-style:solid;
- display:table-cell;
-}
-
-/* The main text of the page */
-#content {
- float: right;
- width: 605px;
- display:table-cell;
-}
-
-#content h1 { margin: 0 0 .5em 0;
-}
-
-.bold {
- font-weight:bold;
-}
-
-.command {
- font-family:"Courier New", Courier, monospace;
- font-size:90%;
-}
-
-.pnav {
- font-size: 95%;
- font-weight: bold;
- color: #066cb2;
-}
-
-#footer #left {
- clear: both;
- float:left;
- margin: 0;
- background-color: #066cb2;
- width:400px;
- text-align: left;
- height: 22px;
- display: table-cell;
-}
-
-#footer #right {
- margin: 0;
- float:left;
- width:400px;
- background-color: #066cb2;
- text-align: right;
- height: 22px;
- display: table-cell;
-}
-
-#footer2 #left2 {
- clear: both;
- float: left;
- padding-top:3px;
- background-color: #FFFFFF;
- width: 266px;
- text-align: left;
- line-height:0.9em;
-}
-
-#footer2 #center2 {
- float: left;
- padding-top: 3px;
- width: 268px;
- background-color: #FFFFFF;
- text-align: center;
- line-height:0.9em;
-}
-
-#footer2 #right2 {
- float: right;
- width: 266px;
- background-color: #FFFFFF;
- text-align: center;
- line-height:0.9em;
-}
-
-#figure {
- float: right;
- width: 300px;
- padding: 0px 5px 0px 10px;
-}
-
-#version {
- text-align: center;
- font-size: 150%;
- font-weight:bold;
- color: #066cb2;
-}
-
-.figcaption {
- font-family: Arial, Verdana, Helvetica, sans-serif;
- text-align: left;
- line-height:100%;
- font-size: 70%;
- font-weight: bold;
- padding-top: 10px;
- color: #066cb2
-}
-
-.boldsubnav {
- font-family:Arial, Verdana, Helvetica, sans-serif;
- font-size:80%;
- font-weight:bold;
-}
-
-.ucrlnum {
- font-family: Arial, Verdana, Helvetica, sans-serif;
- font-size: 70%;
- color: #FFFFFF
-}
-
-.smalltextblue {
- font-size: 70%;
- line-height:1;
- color: #066cb2;
-}
-
-a:link {
- color: #066cb2;
- text-decoration: underline
-}
-
-a:visited {
- color: #3366CC;
- text-decoration: underline
-}
-
-a:hover {
- color: #B0BDD0;
- text-decoration: none
-}
-
-a:active {
- color: #066cb2;
- text-decoration: underline
-}
-
-a.nav:link {
- font-size: 95%;
- color: #066cb2;
- font-weight: bold;
- text-decoration: none;
-}
-
-a.nav:visited {
- font-size: 95%;
- color: #066cb2;
- font-weight: bold;
- text-decoration: none;
-}
-a.nav:hover {
- font-size: 95%;
- color: #B0BDD0;
- font-weight: bold;
- text-decoration: none;
-}
-a.nav:active {
- font-size: 95%;
- color: #066cb2;
- font-weight: bold;
- text-decoration: none;
-}
-
-a.footer:link {
- font-size: 70%;
- color: #066cb2;
- text-decoration: none;
-}
-
-a.footer:visited {
- font-size: 70%;
- color: #066cb2;
- text-decoration: none;
-}
-
-a.footer:hover {
- font-size: 70%;
- color: #066cb2;
- text-decoration: underline;
-}
-
-a.footer:active {
- font-size: 70%;
- color: #066cb2;
- text-decoration: none;
-}
-
-a.privacy:link {
- font-size: 70%;
- color: #FFCC33;
- text-decoration: none;
-}
-
-a.privacy:visited {
- font-size: 70%;
- color: #FFCC33;
- text-decoration: none;
-}
-
-a.privacy:hover {
- font-size: 70%;
- color: #FFCC33;
- text-decoration: underline;
-}
-
-a.privacy:active {
- font-size: 70%;
- color: #FFCC33;
- text-decoration: none;
-}
-
-div.terminal {
- width: 90%;
- margin: 0 0 15px 20px;
- padding: 15px;
- border: 1px solid gray;
- background-color: #ddd;
- font-family: monospace;
- white-space: pre;
- overflow: auto;
-}
-
-/* When printing, eliminate the nagivation column on the left,
- * and make the content section fill the width of the page.
- */
-@media print {
- #navigation { display: none }
- #content { margin-left: 0px; border-left: 0px solid gray; }
- }
diff --git a/doc/html/reset.css b/doc/html/reset.css
new file mode 100644
index 00000000000..00831f0c10a
--- /dev/null
+++ b/doc/html/reset.css
@@ -0,0 +1,49 @@
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-size: 100%;
+ font: inherit;
+ vertical-align: baseline;
+}
+
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+ display: block;
+}
+
+body {
+ line-height: 1;
+}
+
+ol, ul {
+ list-style: none;
+}
+
+blockquote, q {
+ quotes: none;
+}
+
+blockquote:before, blockquote:after,
+q:before, q:after {
+ content: '';
+ content: none;
+}
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
diff --git a/doc/html/slurm.css b/doc/html/slurm.css
new file mode 100644
index 00000000000..1d7d72ba148
--- /dev/null
+++ b/doc/html/slurm.css
@@ -0,0 +1,169 @@
+body:before {
+ background: #FCFCFC;
+}
+
+
+/* ELEMENT: Slurm Logo */
+/* ---------------------------- */
+
+.slurm-logo {
+ display: block;
+ width: 100%;
+ height: 0;
+ padding-top: 91.8%;
+ background: url("slurm_logo.png") no-repeat 0 0;
+ background-size: contain;
+ text-indent: -99999em;
+}
+
+
+/* ELEMENT: Slurm Title */
+/* ---------------------------- */
+
+.slurm-title {
+ display: none;
+ max-width: 160px;
+ margin: 0 auto 36px;
+ text-align: center;
+}
+
+.slurm-title__version {
+ color: #888888;
+ font-size: 18px;
+ font-weight: 600;
+ margin-top: .5em;
+ line-height: 1.2em;
+ font-family: 'Ubuntu', 'Source Sans Pro', Helvetica, Arial, sans-serif;
+}
+
+
+/* ELEMENT: Slurm Menu */
+/* ---------------------------- */
+
+.slurm-menu__item {
+ margin-bottom: 27px;
+}
+
+.slurm-menu__sub {
+ margin-top: 9px;
+}
+
+.slurm-menu__sub li a {
+ text-transform: none;
+ letter-spacing: 0;
+}
+
+.slurm-menu__sub a {
+ padding: 2px 18px;
+ font-size: 17px;
+}
+
+
+/* ELEMENT: Figure */
+/* ---------------------------- */
+
+.figure {
+ text-align: center;
+ margin-bottom: 2em;
+ color: #555555;
+}
+
+.figure img {
+ margin-bottom: 0.5em;
+ display: inline;
+}
+
+
+/* ELEMENT: Google Custom Search */
+/* ---------------------------- */
+
+.slurm-search {
+ background: #FCFCFC;
+ border-bottom: 1px solid #D8D8D8;
+ padding: 14px 0 10px;
+}
+
+#cse * {
+ box-sizing: content-box;
+}
+
+.gsc-input-box {
+ height: auto !important;
+}
+
+.gsc-search-button {
+ vertical-align: top;
+}
+
+.gsc-control-cse {
+ padding: 0 !important;
+}
+
+
+/* STRUCTURE: Masthead; */
+/* ---------------------------- */
+
+.site-masthead__title {
+ float: left;
+}
+
+.site-masthead__title--slurm {
+ width: 71px;
+}
+
+
+/* STRUCTURE: Site Navigation */
+/* ---------------------------- */
+
+.site-nav {
+ padding-top: 36px;
+}
+
+.site-nav__menu {
+ max-width: 160px;
+ margin: 0 auto;
+}
+
+
+/* Large Size */
+@media screen and (min-width: 54em) {
+
+ body:after {
+ position: absolute;
+ top: 0;
+ width: 100%;
+ height: 67px;
+ content: "";
+ background: linear-gradient(to right, #F5F5F5 0, #F5F5F5 50%, #FCFCFC 50%, #FCFCFC 100%);
+ z-index: -1;
+ border-bottom: 1px solid #D8D8D8;
+ }
+
+ .site-header {
+ background: #FCFCFC;
+ }
+
+ .site-masthead {
+ overflow: hidden;
+ border-bottom: 1px solid #D8D8D8;
+ background: #F5F5F5;
+ }
+
+ .site-masthead__title {
+ padding: 18px 0;
+ width: 130px;
+ margin: 0 auto;
+ float: none;
+ }
+
+ .site-masthead__title--slurm {
+ position: absolute;
+ left: -99999em;
+ }
+
+ .slurm-title {
+ display: block;
+ }
+}
+
+
diff --git a/doc/html/slurmstyles.css b/doc/html/slurmstyles.css
deleted file mode 100644
index d189e905568..00000000000
--- a/doc/html/slurmstyles.css
+++ /dev/null
@@ -1,612 +0,0 @@
-div.figure {
- /*float: right;*/
- margin: 0 0 15px 20px;
- padding: 15px;
- /*border: 1px solid gray;*/
- text-align: center;
- font-style: italic;
- overflow: auto;
-}
-
-pre {
- /*width: 90%;*/
- margin: 0 0 15px 20px;
- padding: 15px;
- border: 1px solid gray;
- background-color: #ddd;
- white-space: pre;
- overflow: auto;
-}
-
-a:visited {
- /*color: #6633FF;*/
- color: #581C90;
-}
-
-a.nav:visited {
- /*color: #6633FF;*/
- color: #581C90;
-}
-
-/* When printing, eliminate the nagivation column on the left,
- * and make the content section fill the width of the page.
- */
-@media print {
- #container {
- border: 0px solid gray;
- }
- #content {
- margin-left: 0px;
- border: 0px solid gray;
- width: 95%;
- }
- #cse { display: none }
- #footer { display: none }
- #footer2 { display: none }
- #navigation { display: none }
-}
-
-/**
- * Default Theme, v2.
- *
- */
-/* Slight reset to make the preview have ample padding. */
-.cse .gsc-control-cse,
-.gsc-control-cse {
- margin-top: 13px;
- margin-bottom: 13px;
-}
-.cse .gsc-control-wrapper-cse,
-.gsc-control-wrapper-cse {
- width: 100%;
-}
-.cse .gsc-branding,
-.gsc-branding {
- display: none;
-}
-.cse .gsc-control-cse div,
-.gsc-control-cse div {
- position: normal;
-}
-/* Selector for entire element. */
-.cse .gsc-control-cse,
-.gsc-control-cse {
- background-color: #fff;
- border: 1px solid #fff;
-}
-.cse .gsc-control-cse:after,
-.gsc-control-cse:after {
- content:".";
- display:block;
- height:0;
- clear:both;
- visibility:hidden;
-}
-.cse .gsc-resultsHeader,
-.gsc-resultsHeader {
- border: block;
-}
-table.gsc-search-box td.gsc-input {
- padding-right: 24px;
-}
-
-.gsc-search-box-tools .gsc-search-box .gsc-input {
- padding-right: 12px;
-}
-
-input.gsc-input {
- font-size: 16px;
- padding: 4px 9px;
- border: 1px solid #D9D9D9;
- width: 99%;
-}
-
-.gsc-input-box {
- border: 1px solid #D9D9D9;
- background: #fff;
- height: 25px;
-}
-
-.gsc-search-box .gsc-input>input:hover,
-.gsc-input-box-hover {
- border: 1px solid #b9b9b9;
- border-top-color: #a0a0a0;
- -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
- -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
- box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
- outline: none;
-}
-.gsc-search-box .gsc-input>input:focus,
-.gsc-input-box-focus {
- border: 1px solid #4d90fe;
- -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.3);
- -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.3);
- box-shadow: inset 0 1px 2px rgba(0,0,0,.3);
- outline: none;
-}
-
-/* Search button */
-.cse input.gsc-search-button,
-input.gsc-search-button {
- font-family: inherit;
- font-size: 11px;
- font-weight: bold;
- color: #fff;
- padding: 0 8px;
- height: 29px;
- min-width: 54px;
-
- border: 1px solid #666666;
- border-radius: 2px;
- -moz-border-radius: 2px;
- -webkit-border-radius: 2px;
-
- border-color: #3079ed;
- background-color: #4d90fe;
- background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));
- background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
- background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
- background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
- background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
- background-image: linear-gradient(top,#4d90fe,#4787ed);
- filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d90fe',EndColorStr='#4787ed');
-}
-.cse input.gsc-search-button:hover,
-input.gsc-search-button:hover {
- border-color: #2f5bb7;
- background-color: #357ae8;
- background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8));
- background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8);
- background-image: -moz-linear-gradient(top,#4d90fe,#357ae8);
- background-image: -ms-linear-gradient(top,#4d90fe,#357ae8);
- background-image: -o-linear-gradient(top,#4d90fe,#357ae8);
- background-image: linear-gradient(top,#4d90fe,#357ae8);
- filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d90fe',EndColorStr='#357ae8');
-}
-
-.cse input.gsc-search-button:focus,
-input.gsc-search-button:focus {
- box-shadow:inset 0 0 0 1px rgba(255,255,255,0.5);
- -webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.5);
- -moz-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.5);
-}
-
-.cse .gsc-search-button input.gsc-search-button-v2,
-input.gsc-search-button-v2 {
- width: 13px;
- height: 13px;
- padding: 6px 27px;
- min-width: 13px;
- margin-top: 2px;
-}
-
-.gsc-refinementHeader {
- text-decoration: none;
- font-weight: bold;
- color: #666;
-}
-
-.gsc-refinementHeader.gsc-refinementhActive {
- text-decoration: none;
- color: #DD4B39;
-}
-
-.gsc-refinementHeader.gsc-refinementhInactive {
- text-decoration: none;
- cursor: pointer;
-}
-
-.gsc-refinementHeader.gsc-refinementhInactive>span:hover {
- text-decoration: underline;
-}
-
-.gsc-refinementhActive>span {
- border-bottom: 3px solid;
- padding-bottom: 2px;
-}
-
-.gsc-refinementsArea {
- margin-top: 0;
- padding-bottom: 4px;
- padding-top: 10px;
-}
-
-/* Foont size for refinements */
-.gsc-tabsArea {
- font-size: 11px;
-}
-/* For searcher tabs */
-.gsc-tabsArea > .gsc-tabHeader {
- height: 27px;
-}
-.gsc-tabsArea > div {
- height: 30px;
- overflow: auto;
-}
-/* No spacers needed for keneddy refinements */
-.gsc-tabsArea .gs-spacer {
- display: none;
-}
-.gsc-tabsArea .gs-spacer-opera {
- display: none;
-}
-.gsc-tabsArea {
- margin-top: 12px;
- margin-bottom: 0;
- height: 29px;
- border-bottom: 1px solid #CCC;
-}
-/* Refinement tab properties */
-.gsc-tabHeader {
- display: inline-block;
- padding: 0 8px 1px 8px;
- margin-right: 0px;
- margin-top: 0px;
- font-weight: bold;
- height: 27px;
- line-height: 27px;
- min-width: 54px;
- text-align: center;
-}
-/* Active refinement tab properties */
-.gsc-tabHeader.gsc-tabhActive {
- border: 1px solid #ccc;
- border-bottom-color: #fff;
- color: #202020;
-}
-/* Inactive refinement tab properties */
-.gsc-tabHeader.gsc-tabhInactive {
- background: #fff;
- color: #666;
- border-left: 0;
- border-right: 0;
- border-top: 0;
-}
-/* Inner wrapper for an image result */
-.gsc-imageResult-column,
-.gsc-imageResult-classic {
- padding: .25em;
- border: 1px solid #fff;
- margin-bottom: 1em;
-}
-/* Inner wrapper for a result */
-.gsc-webResult.gsc-result {
- padding: .25em;
- border: 1px solid #fff;
- margin-bottom: 0;
-}
-/* Inner wrapper for a result */
-.cse .gsc-webResult.gsc-result {
- border: 1px solid #fff;
- margin-bottom: 0;
-}
-/* Wrapper for a result. */
-.gsc-webResult .gsc-result {
- padding: 10px 0 10px 0;
-}
-/* Result hover event styling */
-.cse .gsc-webResult.gsc-result:hover,
-.gsc-webResult.gsc-result:hover,
-.gsc-webResult.gsc-result.gsc-promotion:hover,
-.gsc-results .gsc-imageResult-classic:hover,
-.gsc-results .gsc-imageResult-column:hover {
- border: 1px solid #fff;
-}
-.gs-web-image-box,
-.gs-promotion-image-box {
- padding: 2px 0;
-}
-.gs-promotion-image-box img.gs-promotion-image {
- max-width: 50px;
-}
-.gs-promotion-image-box img.gs-promotion-image,
-.gs-promotion-image-box {
- width: 50px;
-}
-.gs-web-image-box img.gs-image {
- max-width: 70px;
- max-height: 70px;
-}
-
-.gs-web-image-box-landscape img.gs-image {
- max-width: 70px;
- max-height: 50px;
-}
-
-.gs-web-image-box-portrait img.gs-image {
- max-width: 50px;
- max-height: 120px;
-}
-
-.gs-image-box.gs-web-image-box.gs-web-image-box-landscape {
- width: 80px;
-}
-
-.gs-image-box.gs-web-image-box.gs-web-image-box-portrait {
- width: 60px;
- height: 50px;
- overflow: hidden;
-}
-
-.gs-web-image-box {
- text-align: inherit;
-}
-.gs-promotion-image-box img.gs-promotion-image {
- border: 1px solid #ebebeb;
-}
-/*Promotion Settings*/
-/* The entire promo */
-.cse .gsc-webResult.gsc-result.gsc-promotion,
-.gsc-webResult.gsc-result.gsc-promotion {
- background-color: #F6F6F6;
- margin-top: 5px;
- margin-bottom: 10px;
-}
-.gsc-result-info {
- margin-top: 0;
- margin-bottom: 0;
- padding: 8px;
- padding-bottom: 10px;
-}
-.gs-promotion-text-cell .gs-visibleUrl,
-.gs-promotion-text-cell .gs-snippet {
- font-size: 13px;
-}
-
-.gsc-table-result,
-.gsc-thumbnail-inside,
-.gsc-url-top {
- padding-left: 8px;
- padding-right: 8px;
-}
-
-.gs-promotion-table {
- margin-left: 8px;
- margin-right: 8px;
-}
-
-.gs-promotion table {
- padding-left: 8px;
- padding-right: 8px;
-}
-
-table.gs-promotion-table-snippet-with-image{
- padding-left: 0;
- padding-right: 0;
-}
-
-.gs-promotion-text-cell {
- margin-left: 8px;
- margin-right: 8px;
-}
-
-.gs-promotion-text-cell-with-image {
- padding-left: 10px;
- padding-right: 10px;
- vertical-align: top;
-}
-
-/* Promotion links */
-.cse .gs-promotion a.gs-title:link,
-.gs-promotion a.gs-title:link,
-.cse .gs-promotion a.gs-title:link *,
-.gs-promotion a.gs-title:link *,
-.cse .gs-promotion .gs-snippet a:link,
-.gs-promotion .gs-snippet a:link {
- color: #15C;
-}
-.cse .gs-promotion a.gs-title:visited,
-.gs-promotion a.gs-title:visited,
-.cse .gs-promotion a.gs-title:visited *,
-.gs-promotion a.gs-title:visited *,
-.cse .gs-promotion .gs-snippet a:visited,
-.gs-promotion .gs-snippet a:visited {
- color: #15C;
-}
-.cse .gs-promotion a.gs-title:hover,
-.gs-promotion a.gs-title:hover,
-.cse .gs-promotion a.gs-title:hover *,
-.gs-promotion a.gs-title:hover *,
-.cse .gs-promotion .gs-snippet a:hover,
-.gs-promotion .gs-snippet a:hover {
- color: #15C;
-}
-.cse .gs-promotion a.gs-title:active,
-.gs-promotion a.gs-title:active,
-.cse .gs-promotion a.gs-title:active *,
-.gs-promotion a.gs-title:active *,
-.cse .gs-promotion .gs-snippet a:active,
-.gs-promotion .gs-snippet a:active {
- color: #15C;
-}
-/* Promotion snippet */
-.cse .gs-promotion .gs-snippet,
-.gs-promotion .gs-snippet,
-.cse .gs-promotion .gs-title .gs-promotion-title-right,
-.gs-promotion .gs-title .gs-promotion-title-right,
-.cse .gs-promotion .gs-title .gs-promotion-title-right *,
-.gs-promotion .gs-title .gs-promotion-title-right * {
- color: #000;
-}
-/* Promotion url */
-.cse .gs-promotion .gs-visibleUrl,
-.gs-promotion .gs-visibleUrl {
- color: #093;
-}
-/* Style for auto-completion table
- * .gsc-completion-selected : styling for a suggested query which the user has moused-over
- * .gsc-completion-container : styling for the table which contains the completions
- */
-.gsc-completion-selected {
- background: #EEE;
-}
-
-.gsc-completion-container {
- font-family: Arial, sans-serif;
- font-size: 16px;
- background: white;
- border: 1px solid #CCC;
- border-top-color: #D9D9D9;
- margin: 0;
-}
-
-.gsc-completion-title {
- color: #15C;
-}
-.gsc-completion-snippet {
- color: #000;
-}
-
-/* Full URL */
-.gs-webResult div.gs-visibleUrl-short,
-.gs-promotion div.gs-visibleUrl-short {
- display: none;
-}
-.gs-webResult div.gs-visibleUrl-long,
-.gs-promotion div.gs-visibleUrl-long {
- display: block;
-}
-
-/* Keneddy shows url at the top of the snippet, after title */
-.gsc-url-top {
- display: block;
-}
-
-.gsc-url-bottom {
- display: none;
-}
-
-/* Keneddy shows thumbnail inside the snippet, under title and url */
-.gsc-thumbnail-left {
- display: none;
-}
-
-.gsc-thumbnail-inside {
- display: block;
-}
-
-.gsc-result .gs-title {
- height: 1.2em;
-}
-
-.gs-result .gs-title,
-.gs-result .gs-title * {
- color: #15C;
-}
-
-.gs-result a.gs-visibleUrl,
-.gs-result .gs-visibleUrl {
- color: #093;
- text-decoration: none;
- padding-bottom: 2px;
-}
-
-.gsc-results .gsc-cursor-box {
- margin: 10px;
-}
-
-.gsc-results .gsc-cursor-box .gsc-cursor-page {
- text-decoration: none;
-}
-
-.gsc-results .gsc-cursor-box .gsc-cursor-page:hover {
- text-decoration: underline;
-}
-
-.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
- text-decoration: none;
- color: #DD4B39;
-}
-
-.gsc-preview-reviews,
-.gsc-control-cse .gs-snippet,
-.gsc-control-cse .gs-promotion em,
-.gsc-control-cse .gs-snippet,
-.gsc-control-cse .gs-promotion em {
- color: #333;
-}
-
-.gsc-control-cse-zh_CN .gs-snippet b,
-.gsc-control-cse-zh_CN .gs-promotion em,
-.gsc-control-cse-zh_TW .gs-snippet b,
-.gsc-control-cse-zh_TW .gs-promotion em {
- color: #C03;
-}
-
-.gsc-snippet-metadata,
-.gsc-role,
-.gsc-tel,
-.gsc-org,
-.gsc-location,
-.gsc-reviewer,
-.gsc-author {
- color: #666;
-}
-
-.gsc-wrapper.gsc-thinWrapper {
- border-right: 1px solid #e9e9e9;
-}
-
-.gs-spelling a {
- color: #15C;
-}
-
-.gs-spelling {
- color: #333;
- padding-left: 7px;
- padding-right: 7px;
-}
-
-.gs-snippet {
- margin-top: 1px;
-}
-
-div.gsc-clear-button {
- background-image: url('//www.google.com/uds/css/v2/clear.png');
-}
-
-div.gsc-clear-button:hover {
- background-image: url('//www.google.com/uds/css/v2/clear-hover.png');
-}
-
-.gsc-preview-reviews ul {
- padding-left: 0;
- padding-right: 0;
-}
-
-.gsc-completion-container .gsc-completion-icon-cell {
- width: 42px;
- height: 42px;
- padding-right: 10px;
-}
-
-td.gsc-branding-text, td.gcsc-branding-text {
- color: #666;
-}
-
-.gcsc-branding {
- padding-top: 4px;
- padding-left: 8px;
- padding-right: 8px;
-}
-
-.gsc-adBlock {
- padding-bottom: 5px;
-}
-
-.gsc-table-cell-snippet-close,
-.gsc-table-cell-snippet-open {
- padding-left: 0;
- padding-right: 0;
-}
-
-.gsc-selected-option-container {
- background-color: whiteSmoke;
- background-image: linear-gradient(top,whiteSmoke,#F1F1F1);
- background-image: -webkit-linear-gradient(top,whiteSmoke,#F1F1F1);
- background-image: -moz-linear-gradient(top,whiteSmoke,#F1F1F1);
- background-image: -ms-linear-gradient(top,whiteSmoke,#F1F1F1);
- background-image: -o-linear-gradient(top,whiteSmoke,#F1F1F1);
-}
-
-
diff --git a/doc/html/style.css b/doc/html/style.css
new file mode 100644
index 00000000000..b1111d6e510
--- /dev/null
+++ b/doc/html/style.css
@@ -0,0 +1,772 @@
+/* General */
+/* ---------------------------- */
+
+*, *:before, *:after {
+ box-sizing: border-box;
+}
+
+* > :last-child {
+ margin-bottom: 0;
+}
+
+body:before {
+ content: "";
+ background: #F5F5F5;
+ position: absolute;
+ top: 0;
+ right: 50%;
+ bottom: 0;
+ left: 0;
+ z-index: -1;
+}
+
+.container {
+ margin: 0 auto;
+ padding: 0 18px;
+ max-width: 1400px;
+}
+
+.container--main {
+ background: #FFFFFF;
+ padding: 0 !important;
+ overflow: hidden;
+}
+
+
+/* Base Typography */
+/* ---------------------------- */
+
+body {
+ font-size: 18px;
+ line-height: 1.5em;
+ font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;;
+ color: #46545C;
+ border-top: 8px solid #222222;
+ background: #FFFFFF;
+ position: relative;
+}
+
+h1, h2, h3, h4, input, button, textarea, label, button, .button {
+ font-family: 'Ubuntu', 'Source Sans Pro', Helvetica, Arial, sans-serif;
+}
+
+h1, h2, h3, h4 {
+ margin-bottom: .85em;
+ line-height: 1.3em;
+ font-weight: 400;
+}
+
+h1 {
+ font-size: 36px;
+}
+
+h1 a {
+ color: inherit;
+ text-decoration: none;
+}
+
+h2 {
+ font-size: 24px;
+ margin-top: 2em;
+}
+
+h2:first-child,
+.page-title + h2 {
+ margin-top: 0;
+}
+
+h3 {
+ font-size: 18px;
+ text-transform: uppercase;
+ letter-spacing: 0.1em;
+ font-weight: 500;
+}
+
+h4 {
+ font-size: 16px;
+ font-weight: 600px;
+}
+
+p, ul, ol, dl, blockquote, code, pre {
+ line-height: 1.5em;
+ margin-bottom: 1.5em;
+}
+
+ul, ol {
+ margin-left: 1.5em;
+}
+
+ul {
+ list-style-type: disc;
+}
+
+ol {
+ list-style-type: decimal;
+}
+
+nav ul,
+nav ol {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+
+b,
+strong {
+ font-weight: bold;
+}
+
+i,
+em {
+ font-style: italic;
+}
+
+small {
+ font-size: 80%;
+}
+
+a,
+a:visited {
+ outline: none;
+ color: #1578B7;
+}
+
+a:hover {
+ outline: none;
+ text-decoration:none;
+}
+
+a:active,
+a:focus {
+ outline: none;
+}
+
+img {
+ max-width: 100%;
+ height: auto;
+ display: block;
+ margin: 0 0 1.5em;
+}
+
+figure {
+ margin: 0 0 1.5em;
+}
+
+figure img {
+ margin-bottom: 0;
+}
+
+figcaption {
+ margin-top: .25em;
+}
+
+sup, sub {
+ font-size: .8em;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sup {
+ top: -0.5em;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+code,
+pre {
+ font-family: 'Source Code Pro', monospace;
+ display: block;
+ background: #333333;
+ color: #EEEEEE;
+ padding: 12px 18px;
+ overflow: auto;
+ font-size: .85em;
+}
+
+
+/* Base Forms */
+/* ---------------------------- */
+
+label {
+ color: #6666666;
+}
+
+input,
+textarea {
+ font-family: inherit;
+ background: #FFFFFF;
+ border: 1px solid #CCCCCC;
+ border-radius: 3px;
+ padding: 6px 9px;
+ font-weight: 600;
+ width: 100%;
+}
+
+label,
+input,
+textarea,
+select {
+ font-size: 18px;
+}
+
+input[type="submit"],
+input[type="checkbox"] {
+ width: auto;
+}
+
+
+/* HElPERS */
+/* ---------------------------- */
+
+.section {
+ padding-top: 1.5em;
+ padding-bottom: 1.5em;
+}
+
+
+/* ELEMENT: Site Logo */
+/* ---------------------------- */
+
+.site-logo {
+ display: block;
+ width: 100%;
+ height: 0;
+ padding-top: 23.1%;
+ background: url("schedmd.png") no-repeat 0 0;
+ background-size: contain;
+ text-indent: -99999em;
+}
+
+
+/* ELEMENT: Site Title */
+/* ---------------------------- */
+
+.site-title a {
+ font-weight: normal;
+ text-decoration: none;
+ text-align: center;
+}
+
+.site-title__slogan {
+ color: #888888;
+ font-size: 17px;
+ margin-top: .5em;
+ line-height: 1.2em;
+}
+
+
+/* ELEMENT: Menu Trigger */
+/* ---------------------------- */
+
+.menu-trigger {
+ display: block;
+ background: none;
+ border: none;
+ padding: 25px 18px 29px;
+ transition: .2s;
+ cursor: pointer;
+ user-select: none;
+ opacity: 0.85;
+}
+
+.menu-trigger:hover {
+ opacity: 1;
+}
+
+.menu-trigger:active {
+ transition: 0;
+ background: hsla(0, 0%, 0%, .1);
+}
+
+.menu-trigger:focus {
+ outline: 0;
+}
+
+.menu-trigger__lines,
+.menu-trigger__lines:before,
+.menu-trigger__lines:after {
+ display: inline-block;
+ width: 24px;
+ height: 3.5px;
+ background: #222222;
+ border-radius: 2px;
+ transition: .2s;
+}
+
+.menu-trigger__lines {
+ position: relative;
+}
+
+.menu-trigger__lines:before,
+.menu-trigger__lines:after {
+ position: absolute;
+ left:0;
+ content: '';
+ transform-origin: 17px center;
+}
+
+.menu-trigger__lines:before {
+ top: 6px;
+}
+
+.menu-trigger__lines:after {
+ top: -6px;
+}
+
+.menu-trigger__lines--closed {
+ background: transparent;
+}
+
+.menu-trigger__lines--closed:before,
+.menu-trigger__lines--closed:after {
+ transform-origin: 50% 50%;
+ top: 0;
+ width: 24px;
+}
+
+.menu-trigger__lines--closed:before {
+ transform: rotate3d(0,0,1,45deg);
+}
+
+.menu-trigger__lines--closed:after {
+ transform: rotate3d(0,0,1,-45deg);
+}
+
+
+/* ELEMENT: General Menu */
+/* ---------------------------- */
+
+.menu {
+ font-family: 'Ubuntu', 'Source Sans Pro', Helvetica, Arial, sans-serif;
+ text-transform: uppercase;
+ letter-spacing: .1em;
+ line-height: 1em;
+}
+
+.menu a {
+ text-decoration: none;
+ opacity: 0.75;
+ display: block;
+}
+
+.menu a:hover {
+ opacity: 1;
+}
+
+
+/* ELEMENT: Site Menu */
+/* ---------------------------- */
+
+.site-menu {
+ margin: 0 0 1.5em;
+}
+
+.site-menu__item a {
+ font-size: 20px;
+ color: #595959;
+ padding: 9px 18px;
+ position: relative;
+}
+
+.site-menu__item span {
+ background: #F5F5F5;
+ z-index: 1000;
+ padding: 0 9px;
+ position: relative;
+}
+
+.site-menu__item--current a {
+ opacity: 1;
+}
+
+.site-menu__item--current a:before {
+ content: "";
+ display: block;
+ border-top: 5px solid #64AEDC;
+ width: 100%;
+ position: absolute;
+ top: 17px;
+ left: 0;
+}
+
+
+/* ELEMENT: Footer Menu */
+/* ---------------------------- */
+
+.footer-menu__item a {
+ font-size: 14px;
+ font-weight: 500;
+ padding: 12px 0;
+ color: #fff;
+}
+
+
+/* ELEMENT: Feature */
+/* ---------------------------- */
+
+.feature {
+ padding: 0 9px;
+}
+
+.feature > * {
+ font-size: 14px;
+}
+
+.feature + .feature {
+ border-top: 1px solid #DDDDDD;
+ margin-top: 1.5em;
+ padding-top: 1.5em;
+}
+
+.feature__title {
+ color: #46545C;
+ font-size: 15px;
+ text-transform: uppercase;
+ letter-spacing: 1px;
+}
+
+
+/* Element: Button */
+/* ---------------------------- */
+
+.button {
+ display: inline-block;
+ background: #64AEDC;
+ color: #ffffff;
+ text-decoration: none;
+ line-height: 1.2em;
+ padding: 16px 20px;
+ border: none;
+ border-radius: 3px;
+ font-size: 16px;
+ text-transform: uppercase;
+ letter-spacing: .1em;
+ transition: .2s;
+ cursor: pointer;
+}
+
+.button:hover {
+ background: #539ac5;
+}
+
+
+/* Element: Page Section */
+/* ---------------------------- */
+
+.page-section {
+ border-bottom: 1px solid #DDDDDD;
+ margin-bottom: 2em;
+ padding-bottom: 2em;
+}
+
+.page-section:last-child {
+ margin-bottom: 0;
+ padding-bottom: 0;
+ border-bottom: 0;
+}
+
+
+/* Element: News Post */
+/* ---------------------------- */
+
+.news-post {
+ background: #F5F5F5;
+ padding: 4% 5%;
+ cursor: pointer;
+ font-size: 18px;
+ border-radius: 2px;
+ border: 1px solid #DDDDDD;
+ margin-bottom: 1.5em;
+}
+
+.news-post__title {
+ color: #1578B7;
+ margin-bottom: .3em;
+}
+
+.news-post__meta {
+ color: #777777;
+}
+
+.news-post__readmore {
+ color: #1578B7;
+ text-decoration: underline
+}
+
+
+/* Element: Form */
+/* ---------------------------- */
+
+.form {
+ background: #F5F5F5;
+ padding: 4% 5%;
+ border-radius: 2px;
+ border: 1px solid #DDDDDD;
+ max-width: 600px;
+}
+
+.form__field {
+ margin-bottom: 1em;
+}
+
+.form__label {
+ margin-bottom: 0.1em;
+ display: block;
+}
+
+.form__label--inline {
+ display: inline;
+}
+
+
+
+/* STRUCTURE: Site Header */
+/* ---------------------------- */
+
+.site-header {
+ background: #F5F5F5;
+ color: #46545C; /* Dark blue-gray */
+ border-bottom-width: 1px;
+ border-style: solid;
+ border-color: #D8D8D8;
+}
+
+
+/* STRUCTURE: Masthead; */
+/* ---------------------------- */
+
+.site-masthead {
+ overflow: hidden;
+}
+
+.site-masthead__title {
+ width: 172px;
+ padding: 18px;
+ float: left;
+ margin: 0;
+}
+
+.site-masthead__title .site-title__slogan {
+ display: none;
+}
+
+.site-masthead__trigger {
+ float: right;
+}
+
+
+/* STRUCTURE: Site Navigation */
+/* ---------------------------- */
+
+.site-nav {
+ padding: 1em 0 2em;
+ display: none;
+}
+
+.site-nav--active {
+ display: block;
+}
+
+.site-nav__title {
+ display: none;
+}
+
+.site-nav__menu {
+ margin-bottom: 2.5em;
+}
+
+.site-nav__features {
+ padding: 0 18px;
+}
+
+
+/* STRUCTURE: Content */
+/* ---------------------------- */
+
+.content {
+ background: #FFFFFF;
+}
+
+.page-title {
+ font-size: 36px;
+ color: #5096C2;
+}
+
+
+/* SECTION: Highlight */
+/* ---------------------------- */
+
+.highlight {
+ font-family: 'Ubuntu', 'Source Sans Pro', Helvetica, Arial, sans-serif;
+ font-size: 24px;
+ font-weight: 300;
+ background: #46545C;
+ color: #FFFFFF;
+}
+
+
+/* STRUCTURE: Site Footer */
+/* ---------------------------- */
+
+.site-footer {
+
+}
+
+
+/* STRUCTURE: Footer Nav */
+/* ---------------------------- */
+
+.footer-nav {
+ background: #222222;
+ padding: 1.5em 0;
+ color: #EEEEEE;
+}
+
+.footer-nav a {
+ color: #EEEEEE;
+}
+
+.footer-nav__menu {
+ margin-bottom: 1em;
+}
+
+.footer-nav__social {
+ margin-bottom: .5em;
+}
+
+
+/* STRUCTURE: Footer Copyright */
+/* ---------------------------- */
+
+.footer-copyright {
+ font-family: 'Ubuntu', 'Source Sans Pro', Helvetica, Arial, sans-serif;
+ font-size: 14px;
+ background: #FFFFFF;
+ padding: 1.5em 0;
+ text-align: center;
+ font-weight: 600;
+}
+
+
+/* Media Queries */
+/* ---------------------------- */
+
+/* Medium Size */
+@media screen and (min-width: 32em) {
+ .container {
+ padding: 0 36px;
+ }
+}
+
+/* Large Size */
+@media screen and (min-width: 54em) {
+
+ body {
+ font-size: 20px;
+ }
+
+ .container {
+ padding: 0 48px;
+ }
+
+ .container--main {
+ display: flex;
+ }
+
+ .section {
+ padding: 48px 0;
+ }
+
+ .site-header {
+ float: left;
+ width: 360px;
+ z-index: 1000;
+ border-bottom-width: 0;
+ border-right-width: 1px;
+ }
+
+ .site-masthead__title {
+ width: 100%;
+ padding: 38px 48px 24px;
+ float: left;
+ margin: 0;
+ }
+
+ .site-masthead__title .site-title__slogan {
+ display: block;
+ }
+
+ .site-masthead__trigger {
+ display: none;
+ }
+
+ .site-nav {
+ display: block;
+ }
+
+ .site-menu__item a {
+ padding: 12px 0px 12px 38px;
+ }
+
+ .site-menu__item--current a:before {
+ top: 20px;
+ }
+
+ .site-nav__features {
+ padding: 0 40px;
+
+ }
+
+ .content {
+ flex: 1;
+ width: calc(100% - 360px);
+ float: right;
+ }
+
+ .content .container {
+ padding: 0 12.2% 0 9.2%;
+ margin: 0;
+ }
+
+ .highlight {
+ clear: both;
+ text-align: center;
+ padding: 2.5em 0;
+ }
+
+ .highlight__text {
+ line-height: 1.8em;
+ }
+
+ .highlight .container {
+ max-width: 40em;
+ }
+
+ .site-footer {
+ text-align: center;
+ }
+
+ .footer-nav {
+ padding: 1.5em;
+ }
+
+ .footer-menu__item {
+ display: inline-block;
+ padding: 3px 1.5%;
+ }
+
+ .social-menu__item {
+ margin: 0 .5%;
+ }
+}
+
+}
+
+/* Extra Large Size */
+@media screen and (min-width: 78em) {
+
+}
+
--
GitLab