fixes button dividers between groups, fixes resizing of homepage

Former-commit-id: ebec03da3d Former-commit-id: 37a1f1c1fa
12 years ago · e6d964c999
4 changed files with 33 additions and 48 deletions
--- a/node/src/files/components/semantic/src/elements/button.css
+++ b/node/src/files/components/semantic/src/elements/button.css
@ -687,36 +687,19 @@ input:focus + .ui.attached.button {
 .ui.buttons {
  overflow: hidden;
 }
-.ui.buttons .button,
-.ui.buttons .mini.button,
-.ui.buttons .tiny.button,
-.ui.buttons .small.button,
-.ui.buttons .massive.button,
-.ui.buttons .huge.button,
-.ui.buttons .gigantic.button {
+.ui.buttons .button {
  float: left;
  -webkit-border-radius: 0em;
  -moz-border-radius: 0em;
  border-radius: 0em;
+  border-left: 1px solid rgba(0, 0, 0, 0.05);
 }
-.ui.buttons .button:first-child,
-.ui.buttons .mini.button:first-child,
-.ui.buttons .tiny.button:first-child,
-.ui.buttons .small.button:first-child,
-.ui.buttons .massive.button:first-child,
-.ui.buttons .huge.button:first-child,
-.ui.buttons .gigantic.button:first-child {
+.ui.buttons .button:first-child  {
  margin-left: 0em;
  border-top-left-radius: 0.3125em;
  border-bottom-left-radius: 0.3125em;
 }
-.ui.buttons .button:last-child,
-.ui.buttons .mini.button:last-child,
-.ui.buttons .tiny.button:last-child,
-.ui.buttons .small.button:last-child,
-.ui.buttons .massive.button:last-child,
-.ui.buttons .huge.button:last-child,
-.ui.buttons .gigantic.button:last-child {
+.ui.buttons .button:last-child {
  border-top-right-radius: 0.3125em;
  border-bottom-right-radius: 0.3125em;
 }
@ -728,6 +711,9 @@ input:focus + .ui.attached.button {
 .ui.buttons.vertical .button {
  display: block;
  float: none;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+  border-left: none;
+  box-shadow: none;
 }
 .ui.buttons.vertical .button:first-child,
 .ui.buttons.vertical .mini.button:first-child,
@ -857,6 +843,7 @@ input:focus + .ui.attached.button {
  -moz-border-radius: 0px 0px 4px 0px;
  border-radius: 0px 0px 4px 0px;
 }
+
 /* Left Side */
 .left.attached.ui.buttons {
  margin-left: -1px;
--- a/node/src/files/stylesheets/semantic.css
+++ b/node/src/files/stylesheets/semantic.css
@ -345,9 +345,8 @@ box-shadow: 3px 0px 2px rgba(0, 0, 0, 0.2); */
  width: 800px;
  margin: 0px auto;
 }
-#example .masthead .container,
-#example .solid .container,
-#example .stripe .container {
+
+#example.index .container {
  width: 950px;
 }

@ -668,10 +667,14 @@ box-shadow: 3px 0px 2px rgba(0, 0, 0, 0.2); */
 }

@media only screen and (max-width : 1600px) {
-
  #example .container {
    width: auto;
-    margin: 0px 100px 0px 395px;
+    margin-right: 100px;
+    margin-left: 395px;
+  }
+  #example.index .container {
+    margin-left: auto;
+    margin-right: auto;
  }
  #example .sticky-wrapper.stuck .peek {
    margin-left: 0px;
@ -679,6 +682,14 @@ box-shadow: 3px 0px 2px rgba(0, 0, 0, 0.2); */
  }
 }

+@media only screen and (max-width : 1130px) {
+  #example.index .container {
+    margin-left: 100px;
+    margin-right: 30px;
+    width: auto;
+  }
+}
+
@media only screen and (max-width : 1000px) {
  #example .fixed .section,
  #example .fixed .title b {
--- a/node/src/layouts/default.html.eco
+++ b/node/src/layouts/default.html.eco
@ -63,7 +63,7 @@
  <script src="/javascript/shape.js"></script>

 </head>
-<body id="example">
+<body id="example" class="<%= @document.css %>">
  <div class="ui large vertical menu" id="menu">
    <div class="item"><a href="/index.html"><b>Introduction</b></a></div>
    <div class="item"><a href="/download.html"><b>Download</b></a></div>
--- a/src/elements/button.css
+++ b/src/elements/button.css
@ -687,36 +687,19 @@ input:focus + .ui.attached.button {
 .ui.buttons {
  overflow: hidden;
 }
-.ui.buttons .button,
-.ui.buttons .mini.button,
-.ui.buttons .tiny.button,
-.ui.buttons .small.button,
-.ui.buttons .massive.button,
-.ui.buttons .huge.button,
-.ui.buttons .gigantic.button {
+.ui.buttons .button {
  float: left;
  -webkit-border-radius: 0em;
  -moz-border-radius: 0em;
  border-radius: 0em;
+  border-left: 1px solid rgba(0, 0, 0, 0.05);
 }
-.ui.buttons .button:first-child,
-.ui.buttons .mini.button:first-child,
-.ui.buttons .tiny.button:first-child,
-.ui.buttons .small.button:first-child,
-.ui.buttons .massive.button:first-child,
-.ui.buttons .huge.button:first-child,
-.ui.buttons .gigantic.button:first-child {
+.ui.buttons .button:first-child  {
  margin-left: 0em;
  border-top-left-radius: 0.3125em;
  border-bottom-left-radius: 0.3125em;
 }
-.ui.buttons .button:last-child,
-.ui.buttons .mini.button:last-child,
-.ui.buttons .tiny.button:last-child,
-.ui.buttons .small.button:last-child,
-.ui.buttons .massive.button:last-child,
-.ui.buttons .huge.button:last-child,
-.ui.buttons .gigantic.button:last-child {
+.ui.buttons .button:last-child {
  border-top-right-radius: 0.3125em;
  border-bottom-right-radius: 0.3125em;
 }
@ -728,6 +711,9 @@ input:focus + .ui.attached.button {
 .ui.buttons.vertical .button {
  display: block;
  float: none;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+  border-left: none;
+  box-shadow: none;
 }
 .ui.buttons.vertical .button:first-child,
 .ui.buttons.vertical .mini.button:first-child,
@ -857,6 +843,7 @@ input:focus + .ui.attached.button {
  -moz-border-radius: 0px 0px 4px 0px;
  border-radius: 0px 0px 4px 0px;
 }
+
 /* Left Side */
 .left.attached.ui.buttons {
  margin-left: -1px;