view website/issues/html/defaultfonts.css @ 6763:d93b441ee778

Handle build issues, update css for mobile I added www.roundup-tracker.org as a property of mine in google search console. It reports bad mobile experience. According to the goatcounter tracker I put in, we get 400 hits from phones/small tablets; 400 from tablets/small laptops and 800 from computer screens. So 1/4 is mobile and 1/2 is not a large computer screen. On mobile (<960px) the left hand menu is stacked on top of the column in mobile sizes. Sub-menu links are spaced apart to make them easier to clkick on with a finger. Same with the table of contents in the documents. The main document content is now full display width (rather than scrunched to the right side of the display). This is just a quick hack, but it should make the docs more usable. As I worked, I found that _static/style.css changes were not being copied into the html build directory when sphinx was rerun. Nuke entire html subdir and rebuild from scratch each time. Also added comments to Makefile. Also robots.txt was being added as extra_html by sphinx, but it causes a missing from TOC error that exits the build (when using -W). Since exiting on warning is better, I changed Makefile to add robots.txt. Removed robots.txt references from conf.py.
author John Rouillard <rouilj@ieee.org>
date Sun, 10 Jul 2022 18:16:13 -0400
parents d24e156f9069
children
line wrap: on
line source

/* Saved from http://legacy.python.org/styles/defaultfonts.css */

/* Main Styles for HTML Elements */
HTML, BODY
{
  margin: 0;
  padding: 0;
  font-family: sans;
  font-size: inherit;
  background-color: #FFF;
}

IMG
{
  border: 0;
}


H1
{
  margin: 0.7em 0 0.7em 0;
}

H1,H2,H3,H4 {
  font-family: serif;
}

H1 A,H2 A,H3 A,H4 A {
  text-decoration:none;
}


a:link {color: #00E;}
a:visited {color: #551A8B;}
a {color: #00E;}


#intro H1 {
  font-size: inherit;
}
H2
{
  margin: 0.7em 0 0.7em 0;
}

H3
{
  margin: 0.4em 0 0.0em 0;
}

H4
{
  margin: 0.4em 0 0.0em 0;
}

/* Logo */
#logoheader
{
  border: 0;
  margin: 0;
  padding: 1px;
  z-index: 1;
  background-color:#F7F7F7;
  background-image: url(../images/header-bg2.png);
  background-repeat: repeat-x;
  border-bottom: 1px solid #999999;
  }

#logo
{
  width: 211px;
  height:71px;
  margin-top: 10px;
  margin-left: 3px;
}



/* main content section */
#content-body
{
  position: absolute;
  left: 0;
  top: 55px;
  width: 99.9%;
  z-index: 0;
  color:  inherit;
  font-size: inherit;

}


#body-main
{

  padding: 0 0.55em 40px 0.0em;
  line-height:  inherit;
  color:  inherit;
  font-family: inherit;
  margin-left: 16em;
}

#body-main {
  font-size: inherit;
}


/* end subnav */
/* Left Hand Navigation */
#left-hand-navigation
{
  position: absolute;
  left: 0;
  z-index: 1;
  top: 100px;
}

#menu
{

  padding:0;
  margin-bottom: 5px;
  width: 16em;
  font-size: inherit;
}

#menu ul
{
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0; 
}

#menu li
{
  display:inline;
}

#menu ul.level-one a
{
  display: block;
  border: 1px solid #DADADA;
  padding: 2px 2px 2px 4px;
  margin: 0 0 4px 1.4em;
  width: 12em !important;
  width /**/: 13.4em;
  font-family:  inherit;
  background-image: url(../images/nav-off-bg.png);
  background-position: top right;
  background-repeat: no-repeat;
  background-color:#F5F5F5;
  text-transform: inherit;
  
}

/*\*//*/
#menu ul.level-one a
{
  width: 13.4em !important;
}
/**/ 

#menu ul.level-one a:hover
{
  color: inherit;
  text-decoration:underline;
}

#menu ul.level-one a.selected
{
  background-image: url(../images/nav-on-bg.png);
  background-color: #FFFFFF;
  color:#00e;
  border-left:3px solid #FFDB4C;
}
#menu ul.level-one a.selected:visited {
color: #551A8B;
}
#menu ul.level-two li:first-child a
{
  border-top:0;
}

#menu ul.level-two a
{

  background-image: none;
  background-color: transparent;
  display: block;
  border: 0;
  border-top: 1px solid #DDD;
  padding: 0.1em;
  margin: 0 3em 0px 1.5em;
  color:  #00E;
  background: none;
  width: 11em !important;
  width /**/: 11.2em;  
  font-family: inherit;
  text-transform: none;
}

#menu ul.level-two a:hover
{
  text-decoration: underline;
  color:  inherit;
}


#menu ul.level-two a:visited
{
  color:  #551A8B;
}

#menu ul.level-one ul.level-two a.selected
{
  background-image: url(../images/blank.gif);
  background-color: #FFFFFF;
  color:inherit;
  border-left:0;
  
  font-weight:inherit;
}
#menu ul.level-one ul.level-two a.selected:visited
{
  color: #551A8B;
}
#menu li ul
{
  margin-bottom: 7px
}

#menu a
{
  text-decoration: underline;
}

#menu ul.level-three a
{

  display: block;
  border: 0;
  padding: 0.1em;
  margin: 0 3em 0px 1.8em;
  padding-left:1em;
  color:  #00E;
  background-image: none;
  width: 10em !important;
  width /**/: 11.4em;  
  font-family: inherit;
  font-size: inherit;
}

#menu ul.level-three a:hover
{
  text-decoration: underline;
  color:  inherit;
}

#menu ul.level-three li.selected a.selected
{

  background-image: url(../images/bullet.gif);
  background-repeat: no-repeat;
  background-position: center left;
  color:inherit;
  font-weight:inherit;
}

#menu ul.level-three
{
margin-top:5px;
}

#left-hand-navigation h4
{
  font-family: inherit;
  font-size: inherit;
  color:  inherit;
  padding: 0.4em 0 0 1.5em;
  margin: 0.2em 0 0.3em 0;
}

#left-hand-navigation h4 a
{
  color: inherit;
  text-decoration:none;
  font-weight:inherit;
}

#left-hand-navigation h4 a:hover
{
  color:inherit;
  text-decoration:underline;
}

#body-main a:link
{
  color: #00E;
  text-decoration:underline;
  
}

#body-main a:visited
{
  color:  #551A8B;
  text-decoration:underline;
}

#body-main ul, #body-main li {
  margin-left:1em;
  padding-left:0;
}

/* Breadcrumb Trail */
#breadcrumb
{
  vertical-align: middle;
  color:  inherit;
  font-size: inherit;
  margin-bottom:20px;
}

#breadcrumb a:link
{
  text-decoration: underline;
  color:  #00E;
}

#breadcrumb a:visited
{
  text-decoration: underline;
  color:  #551A8B;
}

#breadcrumb a:hover
{
  text-decoration: underline;
  color:  inherit;
}

.breadcrumb-separator
{
  color: inherit;
}

#breadcrumb-text
{
  color:  inherit;
  font-size: inherit;
  vertical-align: middle;
}

/* Utility Menu */
#utility-menu
{
  position: absolute;
  top: 58px;
  right: 0.7em;
  z-index: 1;
  font-size: inherit;
  font-family: inherit;
}

#utility-menu a
{
  text-decoration: underline;
  padding: 0 0.5em 0 0.5em;
  color:  #00E;
}
#utility-menu a:visited
{
  color:  #551A8B;
}
#utility-menu a:hover
{
  text-decoration: underline;
}

/* Search Box */
#searchbox {
  position: absolute;
  white-space: nowrap;
  top: 0;
  right: 0;
  width: 28.1em;
  vertical-align: middle;
  font-size: inherit;
  font-weight: bold;
  text-align: right;
}
#searchbox form {
	display:inline;
}
#search
{
  padding: 5px 5px 0 0;
  color:  inherit;
}

#search .input-text
{
  margin-top: 3px;
  border: 1px solid #C4CCCC;
  background-color: #FFFFFF;
  vertical-align: top;
  font-weight:inherit;
  font-size: inherit;
  width: 11em;
}

#search .input-button
{
  color:  inherit;
  font-family: inherit;
  font-weight: bold;
  font-size: inherit;
  border-top: 1px solid #C4CCCC;
  border-left: 1px solid #C4CCCC;
  border-bottom: 1px solid #6F7777;
  border-right: 1px solid #6F7777;
  background-color:  #F8F7F7;
  background-image: url(../images/button-on-bg.png);
  background-repeat: no-repeat;
  padding: 0px 0.2em 0px 0.2em;
  margin: 3px 0.4em 0px 0.4em;
  vertical-align: text-top;
}

/* Navigation Skipper */
#skiptonav
{
  height: 1px;
  width: 1px;
}

/* Document Navigation */
.homepage-box h4, #document-navigation h4, .externallinks h4
{
  font-family: Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
  font-size: inherit;
  font-weight: bold;
  padding: 3px 0 4px 12px;
  margin-bottom:8px;
  border-bottom:3px solid #FFBC29;
  background-color: #F6F6F6;
  text-align: left;
  z-index: 0;
  -moz-border-radius-topleft: 16px;
}

#document-navigation
{
  font-family: Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
  font-size: inherit;
  text-align: left;
  color:  inherit;
  background-color: #F7F6F0;
  width: 15em;
  border: 1px solid #B7BECC;
  z-index: 999;
  float:right;
  margin: 0 12px 12px 12px;
  padding-bottom: 10px;
  list-style:none;
  -moz-border-radius-topleft: 12px;
  -moz-border-radius-bottomright: 12px;
}

#document-navigation ul
{
  list-style: none;
  display: block;
  border:0;
  padding: 0;
  margin: 0 3em 0 1.1em;
  color:  inherit;
  background: none;
  width: auto;
  font-size: inherit;
  font-family: Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif; 
}

#document-navigation a:link, #document-navigation a:visited 
{
  color: inherit;
  text-decoration:  underline;
}

#document-navigation a:hover
{
  color:  inherit;
  text-decoration: underline;
}

#document-navigation h4 a:link, #document-navigation  h4 a:visited
{
  color: #FFFFFF;
}


#document-navigation h4 a:hover
{
  color: #FFFFFF;

}
#document-navigation form {
  margin:12px;
}
#document-navigation input {
  margin-top:3px;
}
input.formbutton {
  color:  inherit;
  font-family: inherit;
  font-weight: bold;
  font-size: inherit;
  border-top: 1px solid #C4CCCC;
  border-left: 1px solid #C4CCCC;
  border-bottom: 1px solid #6F7777;
  border-right: 1px solid #6F7777;
  background-color:  #F8F7F7;
  vertical-align: text-top;
}
.formtextinput {
  border: 1px solid #C4CCCC;
  background-color: #FFFFFF;
  vertical-align: top;
  font-weight:inherit;
  font-size: inherit;
}
#id {
  width:6em;
}
#document-navigation .inputbox {
  width:6em;
}
#selecteditem
{
  padding-left: 12px;
  background-image: url(../images/bullet.gif);
  background-repeat: no-repeat;
  background-position: center left;
}

#selecteditem a
{
  color: inherit;
}

#selecteditem a:hover
{
  text-decoration:underline;
}

.group {
  background-image: url(../images/bullet.gif);
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 12px;
}
/* subnav */
#document-navigation ul.level-one {
    padding:0;
    margin:0 0 0 1.1em;
    font-size: inherit
}
#document-navigation ul.level-one li {
    padding:0;
    margin:0;
}
#document-navigation li ul
{
  margin-bottom: 7px
}
#document-navigation ul.level-one a
{
  border: 0;
  border-bottom: 1px solid #DDD;
  color: inherit;
  width: 160px;
  display: block;
  padding:0;
  margin:0
}

#document-navigation ul.level-one a:hover
{
  text-decoration: underline;
  color:  inherit;
}
#document-navigation ul.level-one a:link {
    border:0;
}
#document-navigation ul.level-one a:visited {
    border:0;
}
#document-navigation ul.level-one a.selected
{
  color:inherit;
  font-weight: inherit;
  border-left:0;
}
#document-navigation ul.level-two {
    padding:0;
    margin:0;
}
#document-navigation ul.level-two li {
    padding:0;
    margin:0;
}
#document-navigation ul.level-two a
{
  border: 0;
  margin: 0;
  padding:0 0 0 1em;
  color:  inherit;
  font-size: inherit;
  display: block;
  width: 140px;
  
}

#document-navigation ul.level-two a:hover
{
  text-decoration: underline;
  color:  inherit;
}

#document-navigation ul.level-two li.selected a.selected
{

  background-image: url(../images/bullet.gif);
  background-repeat: no-repeat;
  background-position: center left;
  color: inherit;
  border:0;
  font-size: inherit;
  font-weight:inherit;
  font-style: italic;  
}
#document-navigation a
{
  text-decoration: underline;
}

/* Quick Links */
ul.quicklinks
{
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  margin: 0 0 0 1.5em;
  line-height:  1.2em;
}

ul.quicklinks li
{
  padding-left: 16px;
  background-image: url(../images/bullet.gif);
  background-repeat: no-repeat;
  background-position: 0 50%;
  font-family: inherit;
  font-size: inherit;
}

ul.quicklinks a
{
  text-decoration:underline;
  color:  #00e;
}

ul.quicklinks a:visited
{
  text-decoration:underline;
  color:  #551A8B;
}


ul.quicklinks a:hover
{
  text-decoration:underline;
  color:  inherit;
}

#sidebar-wrapper
{
  position:relative;
  width:100%;
}

#sidebar {
  font-size: inherit;
  float:left;
  top:35px;
  width:37%;
  height:auto;
  padding:0;
  border:0;
  margin:0;
  text-align:left;
  padding-bottom:10px;
}

#sidebar2 {
  font-size: inherit;
  float:left;
  top:35px;
  width:25%;
  height:auto;
  padding:0;
  border:0;
  margin:0;
  text-align:left;
  padding-bottom:10px;
}
#sidebar3 {
  font-size: inherit;
  float:left;
  top:35px;
  width:37%;
  border:0;
  height:auto;
  padding:0;
  margin:0;
  text-align:left;
  padding-bottom:10px;
}

.teaser {
  overflow:hidden;
  margin-top:5px;
  border:0;
  width:100%;
  text-align:left;
}

P.news 
{
   padding-left:12px;
   margin:0 0 5px 0;
}

P A:link,P A:visited
{
}

P.news A:link {
}
P.news A:visited
{
}

#body-main h1.pageheading {
	margin:40px 0 10px 0;
}
#body-main H2.news
{
  background-image: url(../images/bullet.gif);
  background-repeat: no-repeat;
  background-position: center left;
  padding-left:12px;
  margin:0;
  font-size: inherit;
  color: inherit;  
  font-weight:inherit;
  font-weight:inherit;
}

#body-main H2.news A:link, #body-main H2.news A:visited
{
  text-decoration:underline;
  color:  inherit;
  
}

#body-main ul A:link,#body-main ul A:visited
{
}

/* Document Navigation */
#document-navigation h4, .homepage-box h4, .externallinks h4
{
  font-family: Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
  font-size: inherit;
  font-weight: bold;
  padding: 3px 0 4px 12px;
  margin:0 0 0 0;
  text-align: left;
  z-index: 0;
  color:#FFFFFF;
  -moz-border-radius-topleft: 11px;
  background-color:#376A94;

}
/* news specific */
.news-section {
  margin-top:15px;
}
.news-section h1 {
  margin:0 0 10px 0;
}
.news-section p {
   padding-left:12px;
   margin:0 0 2px 0;
}
.news-section .pubdate {
   padding:0 0 0 12px;
   margin:0 0 5px 0;
   color: inherit;
}
/* homepage specific */
#intro {
  margin-top:5px;
}
#intro h1 {
  margin:0 0 10px 0;
}
#intro p {
  margin-top:10px
}
.content-section {
  margin-top:15px;
}
.content-section h1 {
  margin:0 0 10px 0;
}
.content-section p {
   padding-left:12px;
   margin:0 0 5px 0;
}
.content-section .pubdate {
   padding:0 0 0 12px;
   margin:0 0 8px 0;
   color: inherit;
}
#homepage-boxes {
  width: 250px;
  float:right;
  margin: 12px;
}

#homepage-boxes .homepage-box, .externallinks
{
  font-family: Arial, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
  font-size: inherit;
  text-align: left;
  color:  inherit;
  background-color: #FBFBF7;
  width: 240px;
  border: 1px solid #B7BECC;
  z-index: 999;
  float:right;
  padding-bottom: 10px;
  list-style:none;
  margin: 6px;
  -moz-border-radius-topleft: 12px;
  -moz-border-radius-bottomright: 12px;
  background-color: #F7F6F0;
}

#homepage-boxes .homepage-box ul, .externallinks ul
{
  list-style: none;
  display: block;
  border:0;
  padding: 0;
  margin: 0.5em 3em 0 1.1em;
  color:  inherit;
  background: none;
  width: auto;
  font-family: inherit;
  font-size: inherit;
  margin-left:0;
}

#homepage-boxes .homepage-box li, .externallinks li {
  padding-left:15px;
}


#homepage-boxes .homepage-box a:link, .externallinks a:link
{
  color:  inherit;
  text-decoration:  underline;
  border-width:0;
}

#homepage-boxes .homepage-box a:visited, .externallinks a:visited 
{
  color:  inherit;
  text-decoration:  underline;
  border-width:0;
}

#homepage-boxes .homepage-box a:hover, .externallinks a:hover
{
  color:  inherit;
  text-decoration: underline;
}

#homepage-boxes .items, .externallinks .items {
  padding-left: 12px;
}

#homepage-boxes .homepage-box .items a:link, .externallinks .items a:link
{
  color:  inherit;
}

#homepage-boxes .homepage-box .items a:visited, .externallinks .items a:visited
{
  color:  inherit;
}

.homepage-box li.more {
	text-align:right;
}
#skiptonav {
  position:absolute;
}

/* additional rest styles */

a.toc-backref {
  color: inherit ! important;
}

ul.auto-toc {
  list-style-type: none;
}

p.admonition-title {
  display:none;
}

pre.literal-block {
  padding-left:12px;
  font-size: inherit;
}

div.topic {
  margin: 2em;
}

p.topic-title {
  font-weight: bold;
}

div.admonition, div.attention, div.caution, div.danger, div.error,
div.hint, div.important, div.note, div.tip, div.warning {
  margin: 2em;
  border-style: solid;
  border-color: #CCC;
  border-width: thin 0 0 thin;
  padding: 0 0.5em 0em 1em;
}

div.admonition p.admonition-title, div.hint p.admonition-title,
div.important p.admonition-title, div.note p.admonition-title,
div.tip p.admonition-title {
  font-weight: bold;
  font-size: 110%;
}

div.attention p.admonition-title, div.caution p.admonition-title,
div.danger p.admonition-title, div.error p.admonition-title,
div.warning p.admonition-title {
  color: red;
  font-weight: bold;
  font-size: 110%;
}

ol.arabic {
  list-style: decimal }

ol.loweralpha {
  list-style: lower-alpha }

ol.upperalpha {
  list-style: upper-alpha }

ol.lowerroman {
  list-style: lower-roman }

ol.upperroman {
  list-style: upper-roman }

/* General Table Style ?? built for sigs page */

#sigindex {
  border-collapse:collapse;
  width:100%;
}

#sigindex THEAD {
  border-bottom: 2px solid #CCC;
}

#sigindex TH {
  padding: 0.5em 0.2em 0.5em 0.2em  ;
  text-align:left;
}

#sigindex TD {
  padding: 0.5em 0.2em 0.5em 0.2em  ;
  border-bottom: 1px dotted #CCC;
}

blockquote {
  margin-left:1em;
  padding-left:1em;
  border-left:1px solid #CCC;
}

#sidebar-wrapper {
display:none;
}

.more {
  text-align:right;
}

#content-body #homepage-boxes a.more {
  display:block;
  padding:3px 10px 0 0;
  border-bottom:0;
}

.homepage-box div {
  padding: 0 15px 0 15px;
}


Roundup Issue Tracker: http://roundup-tracker.org/