From 60521cb12de74a80240ce2c9cda4812e1912aca6 Mon Sep 17 00:00:00 2001
From: Christopher Guindon <chris.guindon@eclipse-foundation.org>
Date: Wed, 21 Jun 2017 11:40:34 -0400
Subject: [PATCH] set max-width on content pane
Signed-off-by: Christopher Guindon <chris.guindon@eclipse-foundation.org>
---
docs/index.html | 2 +-
styles/styles.less | 23 ++++++++++++++++++-----
2 files changed, 19 insertions(+), 6 deletions(-)
diff --git a/docs/index.html b/docs/index.html
index 378971d..aab6250 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -3,7 +3,7 @@
* Yet another megamenu for Bootstrap 3
*
* http://geedmo.github.com/yamm3
- */.yamm .nav,.yamm .collapse,.yamm .dropup,.yamm .dropdown{position:static}.yamm .container{position:relative}.yamm .dropdown-menu{left:auto}.yamm .nav.navbar-right .dropdown-menu{left:auto;right:0}.yamm .yamm-content{padding:20px 30px}.yamm .dropdown.yamm-fw .dropdown-menu{left:0;right:0}html{position:relative;min-height:100%}.toolbar-container-wrapper{background:#fff}.toolbar-row{padding:8px 0;font-size:12px;color:#666;font-weight:300}.toolbar-row a{font-weight:300;padding-left:4px;color:#666}.toolbar-row a:hover{color:#f7941e}.toolbar-row ul{margin-bottom:0}.toolbar-contrast{background:#f1f1f1;color:#7c7c7c}.toolbar-contrast a{font-weight:300}.toolbar-contrast a:link,.toolbar-contrast a:visited{color:#7c7c7c}.toolbar-contrast a:hover{color:#afbbdc}#header-wrapper{background:#fff}#header-row .navbar-collapse{padding-left:0;padding-right:0}#header-row li{padding-bottom:0}.page-header-logo-bordered{border-top:1px solid #ccc}@media (min-width:768px){.page-header-logo-bordered{border-bottom:1px solid #ccc}}#header-right{text-align:right}.thin-header .visible-thin{display:block !important}.logo-eclipse-default-mobile{max-height:50px}#custom-search-form{height:34px;max-width:215px}@media (min-width:768px){#custom-search-form{float:right}}@media (max-width:991px){#custom-search-form{margin:0 auto}}.img-responsive{display:block;max-width:100%;height:auto}.list-unstyled{list-style:none}.barebone-layout{color:#333;font-family:'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857}.barebone-layout a{text-decoration:none}.barebone-layout .nav a{text-decoration:none}.barebone-layout .navbar-toggle{cursor:pointer}.barebone-layout .navbar-toggle.collapsed{display:block}.logo-eclipse-default{max-height:50px}.cla_dec{opacity:.33;vertical-align:bottom}.cla_dec:hover{opacity:1}@media (max-width:767px){#main-menu-wrapper{padding:0;margin:0}#main-menu{background:#efeef2;margin-bottom:0}#main-menu .navbar-header{padding-top:15px;padding-bottom:15px}#main-menu .navbar-brand{height:auto;padding:0;padding-left:15px}#main-menu.navbar{border:0;border-bottom:1px solid #ccc}#main-menu .navbar-toggle{margin:0;padding:10px 15px 10px 0}#main-menu .navbar-toggle .icon-bar{background:#2c2255;height:3px}#main-menu .nav{margin:0;background:#2c2255}#main-menu .nav>li{border:1px solid #fafafb}#main-menu .nav>li.open .dropdown-toggle{color:#000;background:#efeef2}#main-menu .nav>li>a{color:#fff;text-transform:uppercase}#main-menu .nav>li .dropdown-menu{background:#2a2a2c;padding:0}#main-menu .nav>li .dropdown-menu>li.active a:link,#main-menu .nav>li .dropdown-menu>li.active a:visited{background:#f7941e;color:#fff}#main-menu .nav>li .dropdown-menu>li.active a:hover,#main-menu .nav>li .dropdown-menu>li.active a:focus{color:#000;background:#f5f5f5}#main-menu .nav>li .dropdown-menu>li>a{padding:5px 20px 5px 30px;color:#fff}#main-menu .nav>li .dropdown-menu>li>a:hover,#main-menu .nav>li .dropdown-menu>li>a:focus{color:#000;background:#f5f5f5}}@media (min-width:768px){#main-menu{font-size:.9em;margin-bottom:5px}#main-menu ul li{text-transform:uppercase}#main-menu .dropdown li{text-transform:none}#main-menu li a{margin-right:0;color:#787878}#main-menu li a:hover,#main-menu li a:active{color:#f7941e}#main-menu li.dropdown .dropdown-menu{left:auto;right:auto}#main-menu li.dropdown.eclipse-more .dropdown-menu{width:100%;right:initial;left:0}#main-menu .navbar-right li.dropdown:last-child .dropdown-menu{left:initial;right:0}#main-menu .navbar-right li.dropdown.eclipse-more .dropdown-menu{width:100%}#main-menu .dropdown-menu a{margin:0;color:#787878}#main-menu .dropdown-menu a:hover{color:#f7941e}#main-menu .dropdown-menu a:active{color:#f7941e}}@media (min-width:992px){#main-menu{font-size:1em}#main-menu .dropdown-menu{max-width:630px}#main-menu .dropdown-menu li{padding-bottom:2px}}#main-menu{margin-bottom:0}#main-menu li{padding-bottom:0}#main-menu a{font-weight:400}#main-menu a:active,#main-menu a:focus{color:#f7941e}#main-menu .nav>li>a:hover,#main-menu .nav>li>a:focus{background-color:transparent}#main-menu .nav .open a{background-color:transparent}#main-menu .nav .open a:hover,#main-menu .nav .open a:focus{background-color:transparent}.dropdown-toggle:hover{cursor:pointer}.ul-left-nav{padding-left:0;margin-left:0}.ul-left-nav>li{list-style:none;margin-bottom:.45em}.ul-left-nav>li.active a{font-weight:600}.ul-left-nav>li.separator,.ul-left-nav>li.about{padding-left:0;font-weight:bold}.ul-left-nav>li.separator img,.ul-left-nav>li.about img{position:absolute;top:6px}.ul-left-nav>li.separator{border-top:1px solid #D4D4DD;padding-top:8px}.ul-left-nav>li.separator a{font-weight:700}.ul-left-nav>li.separator:first-child{border-top:none}.ul-left-nav>li>a{color:#545454;font-weight:400}.ul-left-nav>li>a:hover{color:#f7941e}header.thin-header{position:fixed;width:100%;margin:0;top:0;background:#fff;z-index:999;boder-color:#D9D9D5}@media (min-width:768px){header.thin-header{padding:10px}}body,html{padding:0;margin:0}nav,.container-content{margin-top:65px;padding-left:15px}</style></head><body id="body_solstice" class="preload solstice-footer-min"><header role="banner" class="thin-header margin-top-10" id="header-wrapper">
+ */.yamm .nav,.yamm .collapse,.yamm .dropup,.yamm .dropdown{position:static}.yamm .container{position:relative}.yamm .dropdown-menu{left:auto}.yamm .nav.navbar-right .dropdown-menu{left:auto;right:0}.yamm .yamm-content{padding:20px 30px}.yamm .dropdown.yamm-fw .dropdown-menu{left:0;right:0}html{position:relative;min-height:100%}.toolbar-container-wrapper{background:#fff}.toolbar-row{padding:8px 0;font-size:12px;color:#666;font-weight:300}.toolbar-row a{font-weight:300;padding-left:4px;color:#666}.toolbar-row a:hover{color:#f7941e}.toolbar-row ul{margin-bottom:0}.toolbar-contrast{background:#f1f1f1;color:#7c7c7c}.toolbar-contrast a{font-weight:300}.toolbar-contrast a:link,.toolbar-contrast a:visited{color:#7c7c7c}.toolbar-contrast a:hover{color:#afbbdc}#header-wrapper{background:#fff}#header-row .navbar-collapse{padding-left:0;padding-right:0}#header-row li{padding-bottom:0}.page-header-logo-bordered{border-top:1px solid #ccc}@media (min-width:768px){.page-header-logo-bordered{border-bottom:1px solid #ccc}}#header-right{text-align:right}.thin-header .visible-thin{display:block !important}.logo-eclipse-default-mobile{max-height:50px}#custom-search-form{height:34px;max-width:215px}@media (min-width:768px){#custom-search-form{float:right}}@media (max-width:991px){#custom-search-form{margin:0 auto}}.img-responsive{display:block;max-width:100%;height:auto}.list-unstyled{list-style:none}.barebone-layout{color:#333;font-family:'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857}.barebone-layout a{text-decoration:none}.barebone-layout .nav a{text-decoration:none}.barebone-layout .navbar-toggle{cursor:pointer}.barebone-layout .navbar-toggle.collapsed{display:block}.logo-eclipse-default{max-height:50px}.cla_dec{opacity:.33;vertical-align:bottom}.cla_dec:hover{opacity:1}@media (max-width:767px){#main-menu-wrapper{padding:0;margin:0}#main-menu{background:#efeef2;margin-bottom:0}#main-menu .navbar-header{padding-top:15px;padding-bottom:15px}#main-menu .navbar-brand{height:auto;padding:0;padding-left:15px}#main-menu.navbar{border:0;border-bottom:1px solid #ccc}#main-menu .navbar-toggle{margin:0;padding:10px 15px 10px 0}#main-menu .navbar-toggle .icon-bar{background:#2c2255;height:3px}#main-menu .nav{margin:0;background:#2c2255}#main-menu .nav>li{border:1px solid #fafafb}#main-menu .nav>li.open .dropdown-toggle{color:#000;background:#efeef2}#main-menu .nav>li>a{color:#fff;text-transform:uppercase}#main-menu .nav>li .dropdown-menu{background:#2a2a2c;padding:0}#main-menu .nav>li .dropdown-menu>li.active a:link,#main-menu .nav>li .dropdown-menu>li.active a:visited{background:#f7941e;color:#fff}#main-menu .nav>li .dropdown-menu>li.active a:hover,#main-menu .nav>li .dropdown-menu>li.active a:focus{color:#000;background:#f5f5f5}#main-menu .nav>li .dropdown-menu>li>a{padding:5px 20px 5px 30px;color:#fff}#main-menu .nav>li .dropdown-menu>li>a:hover,#main-menu .nav>li .dropdown-menu>li>a:focus{color:#000;background:#f5f5f5}}@media (min-width:768px){#main-menu{font-size:.9em;margin-bottom:5px}#main-menu ul li{text-transform:uppercase}#main-menu .dropdown li{text-transform:none}#main-menu li a{margin-right:0;color:#787878}#main-menu li a:hover,#main-menu li a:active{color:#f7941e}#main-menu li.dropdown .dropdown-menu{left:auto;right:auto}#main-menu li.dropdown.eclipse-more .dropdown-menu{width:100%;right:initial;left:0}#main-menu .navbar-right li.dropdown:last-child .dropdown-menu{left:initial;right:0}#main-menu .navbar-right li.dropdown.eclipse-more .dropdown-menu{width:100%}#main-menu .dropdown-menu a{margin:0;color:#787878}#main-menu .dropdown-menu a:hover{color:#f7941e}#main-menu .dropdown-menu a:active{color:#f7941e}}@media (min-width:992px){#main-menu{font-size:1em}#main-menu .dropdown-menu{max-width:630px}#main-menu .dropdown-menu li{padding-bottom:2px}}#main-menu{margin-bottom:0}#main-menu li{padding-bottom:0}#main-menu a{font-weight:400}#main-menu a:active,#main-menu a:focus{color:#f7941e}#main-menu .nav>li>a:hover,#main-menu .nav>li>a:focus{background-color:transparent}#main-menu .nav .open a{background-color:transparent}#main-menu .nav .open a:hover,#main-menu .nav .open a:focus{background-color:transparent}.dropdown-toggle:hover{cursor:pointer}.ul-left-nav{padding-left:0;margin-left:0}.ul-left-nav>li{list-style:none;margin-bottom:.45em}.ul-left-nav>li.active a{font-weight:600}.ul-left-nav>li.separator,.ul-left-nav>li.about{padding-left:0;font-weight:bold}.ul-left-nav>li.separator img,.ul-left-nav>li.about img{position:absolute;top:6px}.ul-left-nav>li.separator{border-top:1px solid #D4D4DD;padding-top:8px}.ul-left-nav>li.separator a{font-weight:700}.ul-left-nav>li.separator:first-child{border-top:none}.ul-left-nav>li>a{color:#545454;font-weight:400}.ul-left-nav>li>a:hover{color:#f7941e}body,html{padding:0;margin:0}header.thin-header{position:fixed;width:100%;margin:0;top:0;background:#fff;z-index:999;boder-color:#D9D9D5}@media (min-width:768px){header.thin-header{padding:10px}}nav,.container-content{margin-top:65px;padding-left:15px}.container-fluid .row .content{margin-left:25%;max-width:1000px;padding-right:10px}</style></head><body id="body_solstice" class="preload solstice-footer-min"><header role="banner" class="thin-header margin-top-10" id="header-wrapper">
<div class="container-fluid">
<div class="row" id="header-row">
<div class="col-sm-6 col-md-6 col-lg-5 padding-left-0" id="header-left">
diff --git a/styles/styles.less b/styles/styles.less
index f7f3139..6fbc671 100644
--- a/styles/styles.less
+++ b/styles/styles.less
@@ -1,5 +1,16 @@
+//
+// Eclipse API styles
+//
+// author: Christopher Guindon <chris.guindon@eclipse.org>
+// -------------------------------------------------------
+
@import url("../bower_components/solstice/stylesheets/_core/barebone/styles.less");
+body,html{
+ padding:0;
+ margin:0;
+}
+
header.thin-header{
position:fixed;
width:100%;
@@ -7,18 +18,20 @@ header.thin-header{
top:0;
background:#fff;
z-index:999;
+ boder-color:#D9D9D5;
@media (min-width: 768px) {
padding:10px;
}
- boder-color:#D9D9D5;
-}
-body,html{
- padding:0;
- margin:0;
}
nav,
.container-content{
margin-top:65px;
padding-left:15px;
+}
+
+.container-fluid .row .content{
+ margin-left: 25%;
+ max-width: 1000px;
+ padding-right: 10px;
}
\ No newline at end of file
--
GitLab