Bob Bergman avatar Bob Bergman committed 9c37a73

Update core.css with reset & typography from AUI

Change-Id: I7de80c5d672163e110b16d990d3247d4c039b712

Comments (0)

Files changed (1)

plugin/src/main/resources/css/iframe/core.css

-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-nav,
-section {
-  display: block;
-}
-audio,
-canvas,
-video {
-  display: inline-block;
-  *display: inline;
-  *zoom: 1;
+/**
+ * RESET
+ */
+html, body, p, div, h1, h2, h3, h4, h5, h6, img, pre, form, fieldset {
+  margin: 0;
+  padding: 0;
 }
-.clear {
-  clear: both;
+ul, ol, dl {
+  margin: 0;
 }
-.hidden,
-.assistive,
-legend.assistive span {
+img, fieldset {
   border: 0;
-  clip: rect(0 0 0 0);
-  height: 1px;
-  margin: -1px;
-  overflow: hidden;
-  padding: 0;
-  position: absolute;
-  width: 1px;
 }
-html,
-body,
-p,
-div,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-img,
-pre,
-form,
-fieldset {
-  margin: 0;
-  padding: 0;
+/**
+ * HTML5
+ */
+/* Solution from https://github.com/necolas/normalize.css/blob/master/normalize.css */
+/* Corrects block display not defined in IE6/7/8/9 & FF3 */
+article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
+  display: block;
 }
-ul,
-ol,
-dl {
-  margin: 0;
+
+/* Corrects inline-block display not defined in IE6/7/8/9 & FF3 */
+audio, canvas, video {
+  display: inline-block;
+  *display: inline;
+  *zoom: 1;
 }
+/**
+ * TYPOGRAPHY - 14px base font size, agnostic font stack
+ */
 body {
-  font-family: Arial,FreeSans,Helvetica,sans-serif;
-  font-size: 13px;
-  line-height: 1.3077;
+  color: #333;
+  font-family: sans-serif;
+  font-size: 14px;
+  line-height: 1.42857142857143; /* 20px equiv line-height */
 }
+
+/* Default margins */
 p,
 ul,
 ol,
 h4,
 h5,
 h6,
+blockquote,
+pre,
+form.aui,
+table.aui,
+.aui-tabs,
+.aui-panel,
+.aui-group {
+  margin: 10px 0 0 0;
+}
+
+/* No top margin to interfere with box padding */
 p:first-child,
 ul:first-child,
 ol:first-child,
 h3:first-child,
 h4:first-child,
 h5:first-child,
-h6:first-child {
+h6:first-child,
+blockquote:first-child,
+pre:first-child,
+form.aui:first-child,
+table.aui:first-child,
+.aui-tabs:first-child,
+.aui-panel:first-child,
+.aui-group:first-child {
   margin-top: 0;
 }
+
+/* Headings */
 h1 {
-  font-size: 25px;
-  line-height: 1.16;
+  font-size: 24px;
+  font-weight: normal;
+  line-height: 1.25; /* 30px equiv line-height */
+  margin: 40px 0 0 0;
 }
 h2 {
-  font-size: 23px;
-  line-height: 1.174;
+  font-size: 20px;
+  font-weight: normal;
+  line-height: 1.5; /* 30px equiv line-height */
+  margin: 40px 0 0 0;
 }
 h3 {
-  font-size: 19px;
-  line-height: 1.2106;
+  font-size: 16px;
+  line-height: 1.5625; /* 25px equiv line-height */
+  margin: 30px 0 0 0;
 }
 h4 {
-  font-size: 17px;
-  line-height: 1.2353;
+  font-size: 14px;
+  line-height: 1.5; /* 20px equiv line-height */
+  margin: 20px 0 0 0;
 }
 h5 {
-  font-size: 15px;
-  line-height: 1.2667;
+  color: #707070;
+  font-size: 12px;
+  line-height: 1.66666666666667;
+  margin: 20px 0 0 0;
+  text-transform: uppercase;
 }
 h6 {
-  font-size: 13px;
-  line-height: 1.3077;
-}
-a:link, a:visited {
-  color: #326ca6;
-  cursor: pointer;
-  text-decoration: none;
-}
-a:hover, a:active {
-  color:#326ca6;
-  text-decoration: underline;
-}
-table, caption {
-  font-size: inherit;
-  font-style: inherit;
-  font-variant: inherit;
-  font-weight: inherit;
+  color: #707070;
+  font-size: 12px;
+  line-height: 1.66666666666667;
+  margin: 20px 0 0 0;
+}
+h1:first-child,
+h2:first-child,
+h3:first-child,
+h4:first-child,
+h5:first-child,
+h6:first-child {
+  margin-top: 0;
+}
+/* Nice styles for using subheadings */
+h1 + h2,
+h2 + h3,
+h3 + h4,
+h4 + h5,
+h5 + h6 {
+  margin-top: 10px;
+}
+/* Increase the margins on all headings when used in the group/item pattern ... */
+.aui-group > .aui-item > h1:first-child,
+.aui-group > .aui-item > h2:first-child,
+.aui-group > .aui-item > h3:first-child,
+.aui-group > .aui-item > h4:first-child,
+.aui-group > .aui-item > h5:first-child,
+.aui-group > .aui-item > h6:first-child {
+  margin-top: 20px;
+}
+/* ... unless they're the first-child */
+.aui-group:first-child > .aui-item > h1:first-child,
+.aui-group:first-child > .aui-item > h2:first-child,
+.aui-group:first-child > .aui-item > h3:first-child,
+.aui-group:first-child > .aui-item > h4:first-child,
+.aui-group:first-child > .aui-item > h5:first-child,
+.aui-group:first-child > .aui-item > h6:first-child {
+  margin-top: 0;
+}
+
+/* Other typographical elements */
+small {
+  color: #707070;
+  font-size: 12px;
+  line-height: 1.33333333333333; /* 16px equiv line-height */
+}
+code,
+kbd {
+  font-family: monospace;
+}
+var,
+address,
+dfn,
+cite {
+  font-style: italic;
+}
+cite:before {
+  content: "\2014 \2009";
+}
+blockquote {
+  border-left: 1px solid #ccc;
+  color: #707070;
+  padding: 10px 30px;
+}
+blockquote > cite {
+  display: block;
+  margin-top: 10px;
+}
+q {
+  color: #707070;
+}
+q:before {
+  content: open-quote;
+}
+q:after {
+  content: close-quote;
+}
+abbr {
+  border-bottom: 1px #707070 dotted;
+  cursor: help;
 }
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.