HPCE/gitea-pages
HPCE/gitea-pages
0
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Activity

style fix to improve the look of the third level of the sidebar items

Browse Source
This commit is contained in:
tomjohnson1492 2016-03-23 10:50:43 -07:00
parent c0cb9ce91f
commit 2791c87f38
1 changed files with 238 additions and 239 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

477
css/customstyles.css
View File

@ -79,8 +79,8 @@ body {
/*h5[id],*/ /*h5[id],*/
/*h6[id],*/ /*h6[id],*/
/*dt[id]{*/ /*dt[id]{*/
/*padding-top: 60px; */ /*padding-top: 60px; */
/*margin-top: -40px*/ /*margin-top: -40px*/
/*}*/ /*}*/
body h1 {margin-top:40px;} body h1 {margin-top:40px;}
@ -94,44 +94,44 @@ body h1 {margin-top:40px;}
} }
.post-content ol li, .post-content ul li { .post-content ol li, .post-content ul li {
margin: 10px 0px; margin: 10px 0px;
} }
.pageSummary { .pageSummary {
font-size:13px; font-size:13px;
display:block; display:block;
margin-bottom:15px; margin-bottom:15px;
padding-left:20px; padding-left:20px;
} }
.post-summary { .post-summary {
margin-bottom:12px; margin-bottom:12px;
} }
.bs-example{ .bs-example{
margin: 20px; margin: 20px;
} }
.breadcrumb li { .breadcrumb li {
color: gray; color: gray;
} }
table { table {
background-color: transparent; background-color: transparent;
} }
caption { caption {
padding-top: 8px; padding-top: 8px;
padding-bottom: 8px; padding-bottom: 8px;
color: #777; color: #777;
text-align: left; text-align: left;
} }
th { th {
text-align: left; text-align: left;
} }
table { table {
max-width: 90%; max-width: 90%;
margin-bottom: 20px; margin-bottom: 20px;
border: 1px solid #dedede; border: 1px solid #dedede;
} }
table > thead > tr > th, table > thead > tr > th,
@ -140,18 +140,18 @@ table > tfoot > tr > th,
table > thead > tr > td, table > thead > tr > td,
table > tbody > tr > td, table > tbody > tr > td,
table > tfoot > tr > td { table > tfoot > tr > td {
padding: 8px; padding: 8px;
line-height: 1.42857143; line-height: 1.42857143;
vertical-align: top; vertical-align: top;
border-top: 1px solid #ddd; border-top: 1px solid #ddd;
} }
table > thead > tr > th { table > thead > tr > th {
vertical-align: bottom; vertical-align: bottom;
border-bottom: 2px solid #ddd; border-bottom: 2px solid #ddd;
text-transform: uppercase; text-transform: uppercase;
background-color: #444; background-color: #444;
color: white; color: white;
text-align: center; text-align: center;
} }
table > caption + thead > tr:first-child > th, table > caption + thead > tr:first-child > th,
table > colgroup + thead > tr:first-child > th, table > colgroup + thead > tr:first-child > th,
@ -159,31 +159,31 @@ table > thead:first-child > tr:first-child > th,
table > caption + thead > tr:first-child > td, table > caption + thead > tr:first-child > td,
table > colgroup + thead > tr:first-child > td, table > colgroup + thead > tr:first-child > td,
table > thead:first-child > tr:first-child > td { table > thead:first-child > tr:first-child > td {
border-top: 0; border-top: 0;
} }
table > tbody + tbody { table > tbody + tbody {
b b
} }
table > tbody > tr:nth-of-type(odd) { table > tbody > tr:nth-of-type(odd) {
background-color: #f9f9f9; background-color: #f9f9f9;
} }
table col[class*="col-"] { table col[class*="col-"] {
position: static; position: static;
display: table-column; display: table-column;
float: none; float: none;
} }
table td[class*="col-"], table td[class*="col-"],
table th[class*="col-"] { table th[class*="col-"] {
position: static; position: static;
display: table-cell; display: table-cell;
float: none; float: none;
} }
table td:first-child { table td:first-child {
width: 150px; width: 150px;
/*font-weight:bold;*/ /*font-weight:bold;*/
} }
table.boldFirstColumn td:first-child { table.boldFirstColumn td:first-child {
@ -191,19 +191,19 @@ table.boldFirstColumn td:first-child {
} }
table tr td { table tr td {
hyphens: auto; hyphens: auto;
} }
p.external a { p.external a {
text-align:right; text-align:right;
font-size:12px; font-size:12px;
font-color: #0088cc; font-color: #0088cc;
display:inline; display:inline;
} }
#definition-box-container div a.active { #definition-box-container div a.active {
font-weight: bold; font-weight: bold;
} }
p.post-meta {font-size: 80%; color: #777;} p.post-meta {font-size: 80%; color: #777;}
@ -211,117 +211,117 @@ p.post-meta {font-size: 80%; color: #777;}
/* search area */ /* search area */
#search-demo-container ul#results-container { #search-demo-container ul#results-container {
list-style: none; list-style: none;
font-size: 12px; font-size: 12px;
background-color: white; background-color: white;
position: absolute; position: absolute;
top: 40px; /* if you change anything about the nav, you'll prob. need to reset the top and left values here.*/ top: 40px; /* if you change anything about the nav, you'll prob. need to reset the top and left values here.*/
left: 20px; left: 20px;
z-index: -1; z-index: -1;
width:223px; width:223px;
border-left: 1px solid #dedede; border-left: 1px solid #dedede;
box-shadow: 2px 3px 2px #dedede; box-shadow: 2px 3px 2px #dedede;
} }
ul#results-container a { ul#results-container a {
background-color: transparent; background-color: transparent;
} }
ul#results-container a: hover { ul#results-container a: hover {
color: black; color: black;
} }
#search-demo-container a:hover { #search-demo-container a:hover {
color: black; color: black;
} }
#search-input { #search-input {
padding: .5em; padding: .5em;
margin-left:20px; margin-left:20px;
width:20em; width:20em;
font-size: 0.8em; font-size: 0.8em;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
float: right; float: right;
margin-top:10px; margin-top:10px;
} }
/* end search */ /* end search */
.filter-options { .filter-options {
margin-bottom: 20px; margin-bottom: 20px;
} }
.filter-options button { .filter-options button {
margin: 3px; margin: 3px;
} }
div#toc ul li { div#toc ul li {
margin: 8px 0px 8px 22px; margin: 8px 0px 8px 22px;
font-size: 90%; font-size: 90%;
list-style: square; list-style: square;
} }
div#toc ul { div#toc ul {
background-color: whitesmoke; background-color: whitesmoke;
padding: 5px; padding: 5px;
border-radius: 5px; border-radius: 5px;
max-width: 300px; max-width: 300px;
color: gray; color: gray;
} }
div#toc ul li ul { div#toc ul li ul {
padding-left:8px; padding-left:8px;
} }
div#toc ul li ul li::before { div#toc ul li ul li::before {
content: "– "; content: "– ";
} }
div#toc >ul::before { div#toc >ul::before {
content: "Table of Contents"; content: "Table of Contents";
font-weight: 500; font-weight: 500;
color: #555; color: #555;
text-align:center; text-align:center;
margin-left:auto; margin-left:auto;
margin-right:auto; margin-right:auto;
width:70px; width:70px;
padding-top:20px; padding-top:20px;
padding-bottom:20px; padding-bottom:20px;
padding-left:10px; padding-left:10px;
} }
li.dropdownActive a { li.dropdownActive a {
font-weight: bold; font-weight: bold;
} }
.post-content a.fa-rss { .post-content a.fa-rss {
color: orange; color: orange;
} }
.navbar-inverse .navbar-nav > li > a { .navbar-inverse .navbar-nav > li > a {
background-color: transparent; background-color: transparent;
margin-top:10px; margin-top:10px;
} }
.post-content .rssfeedLink { .post-content .rssfeedLink {
color: #248EC2; color: #248EC2;
} }
footer { footer {
font-size: smaller; font-size: smaller;
} }
/* FAQ page */ /* FAQ page */
#accordion .panel-heading { #accordion .panel-heading {
font-size: 12px; font-size: 12px;
} }
a.accordion-toggle, a.accordion-collapsed { a.accordion-toggle, a.accordion-collapsed {
font-size: 14px; font-size: 14px;
text-decoration: none; text-decoration: none;
} }
/* navgoco sidebar styles (customized) */ /* navgoco sidebar styles (customized) */
@ -379,7 +379,7 @@ text-decoration: none;
} }
/*.nav > li.active > a {*/ /*.nav > li.active > a {*/
/*background-color: #347DBE;*/ /*background-color: #347DBE;*/
/*}*/ /*}*/
.nav li a { .nav li a {
@ -395,28 +395,27 @@ text-decoration: none;
} }
ul#mysidebar { ul#mysidebar {
border-radius:0px; border-radius:0px;
} }
.nav ul li ul li a { .nav ul li ul li a {
padding-left:20px; padding-left:40px;
} }
.nav li.thirdlevel > a { .nav li.thirdlevel > a {
background-color: #FAFAFA !important; color: #248EC2;
color: #248EC2; font-weight:bold;
font-weight:bold; padding-left:20px;
background-color: whitesmoke !important;
} }
.nav ul li a { .nav ul li a {
background-color: #FAFAFA; background-color: #FAFAFA;
} }
.nav li a { .nav li a {
background-color: #e9e9e9; padding-right:10px;
padding-right:10px;
} }
.nav li a:hover { .nav li a:hover {
@ -424,17 +423,17 @@ background-color: #FAFAFA;
} }
.nav ul li a { .nav ul li a {
border-top:1px solid whitesmoke; border-top:1px solid whitesmoke;
padding-left:10px; padding-left:10px;
} }
/* end sidebar */ /* end sidebar */
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
border-radius:5px; border-radius:5px;
} }
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover { .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
border-radius: 5px; border-radius: 5px;
} }
span.projectTitle { span.projectTitle {
@ -443,21 +442,21 @@ span.projectTitle {
} }
.footer { .footer {
text-align: right; text-align: right;
} }
.footerMeta { .footerMeta {
background-color: whitesmoke; background-color: whitesmoke;
padding: 10px; padding: 10px;
max-width: 250px; max-width: 250px;
border-radius: 5px; border-radius: 5px;
margin-top: 50px; margin-top: 50px;
font-style:italic; font-style:italic;
font-size:12px; font-size:12px;
} }
img.screenshotSmall { img.screenshotSmall {
max-width: 300px; max-width: 300px;
} }
@ -479,79 +478,79 @@ figcaption {
padding-bottom:12px; padding-bottom:12px;
padding-top:6px; padding-top:6px;
max-width: 90%; max-width: 90%;
margin-bottom:20px; margin-bottom:20px;
font-style: italic; font-style: italic;
color: gray; color: gray;
} }
.testing { .testing {
color: orange; color: orange;
} }
.preference { .preference {
color: red; color: red;
} }
table.dataTable thead { table.dataTable thead {
background-color: #444; background-color: #444;
} }
table td { table td {
hyphens: auto; hyphens: auto;
} }
section table tr.success { section table tr.success {
background-color: #dff0d8 !important; background-color: #dff0d8 !important;
} }
table tr.info { table tr.info {
background-color: #d9edf7 !important; background-color: #d9edf7 !important;
} }
section table tr.warning, table tr.testing, table tr.testing > td.sorting_1 { section table tr.warning, table tr.testing, table tr.testing > td.sorting_1 {
background-color: #fcf8e3 !important; background-color: #fcf8e3 !important;
} }
section table tr.danger, table tr.preference, table tr.preference > td.sorting_1 { section table tr.danger, table tr.preference, table tr.preference > td.sorting_1 {
background-color: #f2dede !important; background-color: #f2dede !important;
} }
.orange { .orange {
color: orange; color: orange;
} }
table.profile thead tr th { table.profile thead tr th {
background-color: #248ec2; background-color: #248ec2;
} }
table.request thead tr th { table.request thead tr th {
background-color: #ED1951; background-color: #ED1951;
} }
.audienceLabel { .audienceLabel {
margin: 10px; margin: 10px;
float: right; float: right;
border:1px solid #dedede; border:1px solid #dedede;
padding:7px; padding:7px;
} }
.prefaceAudienceLabel { .prefaceAudienceLabel {
color: gray; color: gray;
text-align: center; text-align: center;
margin:5px; margin:5px;
} }
span.myLabel { span.myLabel {
padding-left:10px; padding-left:10px;
padding-right:10px; padding-right:10px;
} }
button.cursorNorm { button.cursorNorm {
cursor: default; cursor: default;
} }
a.dropdown-toggle, .navbar-inverse .navbar-nav > li > a { a.dropdown-toggle, .navbar-inverse .navbar-nav > li > a {
margin-left: 10px; margin-left: 10px;
} }
hr.faded { hr.faded {
@ -585,26 +584,26 @@ i.border {
} }
a[data-toggle] { a[data-toggle] {
color: #248EC2; color: #248EC2;
} }
.summary { .summary {
font-size:120%; font-size:120%;
color: #808080; color: #808080;
margin:20px 0px 20px 0px; margin:20px 0px 20px 0px;
border-left: 5px solid #ED1951; border-left: 5px solid #ED1951;
padding-left: 10px; padding-left: 10px;
} }
.summary:before { .summary:before {
content: "Summary: "; content: "Summary: ";
font-weight: bold; font-weight: bold;
} }
a.fa.fa-envelope-o.mailto { a.fa.fa-envelope-o.mailto {
font-weight: 600; font-weight: 600;
} }
h3 {color: #ED1951; font-weight:normal; font-size:130%;} h3 {color: #ED1951; font-weight:normal; font-size:130%;}
@ -630,8 +629,8 @@ div#toc ul li ul li {
} }
.tab-content { .tab-content {
padding: 15px; padding: 15px;
background-color: #FAFAFA; background-color: #FAFAFA;
} }
span.tagTitle {font-weight: 500;} span.tagTitle {font-weight: 500;}
@ -653,7 +652,7 @@ li.activeSeries {
div.alert code, h2 code { div.alert code, h2 code {
background-color: transparent !important; background-color: transparent !important;
} }
/* without this, the links in these notes aren't visible.*/ /* without this, the links in these notes aren't visible.*/
.alert a { .alert a {
text-decoration: underline; text-decoration: underline;
} }
@ -683,7 +682,7 @@ h2 {
line-height:29px; line-height:29px;
} }
span.otherProgrammingLanguages { span.otherProgrammingLanguages {
font-style: normal; font-style: normal;
} }
a[data-toggle="tooltip"] { a[data-toggle="tooltip"] {
@ -911,101 +910,101 @@ span.soft {
} }
} }
*:hover > .anchorjs-link { *:hover > .anchorjs-link {
transition: color .25s linear; transition: color .25s linear;
text-decoration: none; text-decoration: none;
} }
.kbCaption { .kbCaption {
color: white; color: white;
background-color: #444; background-color: #444;
padding:10px; padding:10px;
} }
/* this part adds an icon after external links, using FontAwesome*/ /* this part adds an icon after external links, using FontAwesome*/
a[href^="http://"]:after, a[href^="https://"]:after { a[href^="http://"]:after, a[href^="https://"]:after {
content: "\f08e"; content: "\f08e";
font-family: FontAwesome; font-family: FontAwesome;
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
display: inline-block; display: inline-block;
text-decoration: none; text-decoration: none;
padding-left: 3px; padding-left: 3px;
} }
/* Strip the outbound icon when this class is present */ /* Strip the outbound icon when this class is present */
a[href^="http://own-domain.com"]:after, a[href^="http://own-domain.com"]:after,
a.no_icon:after { a.no_icon:after {
content:"" !important; content:"" !important;
padding-left: 0; padding-left: 0;
} }
.btn-default { .btn-default {
margin-bottom: 10px; margin-bottom: 10px;
} }
/* algolia search */ /* algolia search */
.search { .search {
text-align: left; text-align: left;
} }
.search input { .search input {
font-size: 20px; font-size: 20px;
width: 300px; width: 300px;
} }
.results { .results {
margin: auto; margin: auto;
text-align: left; text-align: left;
} }
.results ul { .results ul {
list-style-type: none; list-style-type: none;
padding: 0; padding: 0;
} }
/* algolia */ /* algolia */
div.results { div.results {
position: absolute; position: absolute;
background-color: white; background-color: white;
width: 100%; width: 100%;
} }
.post-meta { .post-meta {
font-size: 14px; font-size: 14px;
color: #828282; color: #828282;
} }
.post-link { .post-link {
font-size: 22px; font-size: 22px;
} }
.post-list p { .post-list p {
margin: 10px 0px; margin: 10px 0px;
} }
time { time {
margin-right: 10px; margin-right: 10px;
} }
p.post-meta time { p.post-meta time {
margin-right: 0px; margin-right: 0px;
} }
span.label.label-default { span.label.label-default {
background-color: gray; background-color: gray;
} }
span.label.label-primary { span.label.label-primary {
background-color: #f0ad4e; background-color: #f0ad4e;
} }
.col-lg-12 .nav li a {background-color: white} .col-lg-12 .nav li a {background-color: white}
li.sidebarTitle { li.sidebarTitle {
margin-top:40px; margin-top:40px;
font-weight:normal; font-weight:normal;
font-size:130%; font-size:130%;
color: #ED1951; color: #ED1951;
margin-bottom:10px; margin-bottom:10px;
margin-left: 5px; margin-left: 5px;
} }