real-world-css-libraries 1.0.2 → 1.0.4

package/libs/gridism-v0.2.2.css

@@ -0,0 +1,133 @@
+/* https://github.com/cobyism/gridism/blob/master/gridism.css */
+/*
+ * Gridism
+ * A simple, responsive, and handy CSS grid by @cobyism
+ * https://github.com/cobyism/gridism
+ */
+
+/* Preserve some sanity */
+.grid,
+.unit {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+
+/* Set up some rules to govern the grid */
+.grid {
+  display: block;
+  clear: both;
+}
+.grid .unit {
+  float: left;
+  width: 100%;
+  padding: 10px;
+}
+
+/* This ensures the outer gutters are equal to the (doubled) inner gutters. */
+.grid .unit:first-child { padding-left: 20px; }
+.grid .unit:last-child { padding-right: 20px; }
+
+/* Nested grids already have padding though, so let's nuke it */
+.unit .unit:first-child { padding-left: 0; }
+.unit .unit:last-child { padding-right: 0; }
+.unit .grid:first-child > .unit { padding-top: 0; }
+.unit .grid:last-child > .unit { padding-bottom: 0; }
+
+/* Let people nuke the gutters/padding completely in a couple of ways */
+.no-gutters .unit,
+.unit.no-gutters {
+  padding: 0 !important;
+}
+
+/* Wrapping at a maximum width is optional */
+.wrap .grid,
+.grid.wrap {
+  max-width: 978px;
+  margin: 0 auto;
+}
+
+/* Width classes also have shorthand versions numbered as fractions
+ * For example: for a grid unit 1/3 (one third) of the parent width,
+ * simply apply class="w-1-3" to the element. */
+.grid .whole,          .grid .w-1-1 { width: 100%; }
+.grid .half,           .grid .w-1-2 { width: 50%; }
+.grid .one-third,      .grid .w-1-3 { width: 33.3332%; }
+.grid .two-thirds,     .grid .w-2-3 { width: 66.6665%; }
+.grid .one-quarter,
+.grid .one-fourth,     .grid .w-1-4 { width: 25%; }
+.grid .three-quarters,
+.grid .three-fourths,  .grid .w-3-4 { width: 75%; }
+.grid .one-fifth,      .grid .w-1-5 { width: 20%; }
+.grid .two-fifths,     .grid .w-2-5 { width: 40%; }
+.grid .three-fifths,   .grid .w-3-5 { width: 60%; }
+.grid .four-fifths,    .grid .w-4-5 { width: 80%; }
+.grid .golden-small,   .grid .w-g-s { width: 38.2716%; } /* Golden section: smaller piece */
+.grid .golden-large,   .grid .w-g-l { width: 61.7283%; } /* Golden section: larger piece */
+
+/* Clearfix after every .grid */
+.grid {
+  *zoom: 1;
+}
+.grid:before, .grid:after {
+  display: table;
+  content: "";
+  line-height: 0;
+}
+.grid:after {
+  clear: both;
+}
+
+/* Utility classes */
+.align-center { text-align: center; }
+.align-left   { text-align: left; }
+.align-right  { text-align: right; }
+.pull-left    { float: left; }
+.pull-right   { float: right; }
+
+/* A property for a better rendering of images in units: in
+   this way bigger pictures are just resized if the unit
+   becomes smaller */
+.unit img {
+  max-width: 100%;
+}
+
+/* Hide elements using this class by default */
+.only-on-mobiles {
+  display: none !important;
+}
+
+/* Responsive Stuff */
+@media screen and (max-width: 568px) {
+  /* Stack anything that isn't full-width on smaller screens 
+     and doesn't provide the no-stacking-on-mobiles class */
+  .grid:not(.no-stacking-on-mobiles) > .unit {
+    width: 100% !important;
+    padding-left: 20px;
+    padding-right: 20px;
+  }
+  .unit .grid .unit {
+    padding-left: 0px;
+    padding-right: 0px;
+  }
+
+  /* Sometimes, you just want to be different on small screens */
+  .center-on-mobiles {
+    text-align: center !important;
+  }
+  .hide-on-mobiles {
+    display: none !important;
+  }
+  .only-on-mobiles {
+    display: block !important;
+  }
+}
+
+/* Expand the wrap a bit further on larger screens */
+@media screen and (min-width: 1180px) {
+  .wider .grid,
+  .grid.wider {
+    max-width: 1180px;
+    margin: 0 auto;
+  }
+}

package/libs/holmes-v6.8.12.css

@@ -0,0 +1,483 @@
+/* https://github.com/redroot/holmes/blob/master/holmes.css */
+/**
+* O
+*  \ HOLMES
+*
+* ------------------------
+*
+* Holmes is stand-alone diagnostic CSS stylesheet that will highlight
+* potentially invalid or erroneous HTML(5) markup
+*
+* @author     Luke Williams
+* @contributors Anthony Mann (hover based debug info)
+* @author_url   http://www.red-root.com
+* @project_url  http://github.com/redroot/holmes/
+* @version    1.0.45 (06/08/2012)
+*
+* Copyright (C) 2012 Luke Williams & RedRoot All Rights Reserved.
+*   holmes.css HTML5 CSS Accessibility Validation
+*   Licenced under GPL license
+*   http://www.gnu.org/licenses/gpl.html
+*
+* ------------------------
+*
+* How does it work?
+*
+* Adding the class 'holmes-debug' to any element, ideally the body or html tag,
+* will set debug styles for any elements within that element.
+*
+* e.g.:
+* <body class="holmes-debug">
+*
+* ------------------------
+*
+* Debug colours and what they mean
+*
+* - RED       denotes an error, invalid markup or a missing attribute
+* - YELLOW    denotes a warning, so potentionally erroneous markup or bad practice
+* - DARK GREY   denotes a deprecated element or element with deprecated or Non-W3C attributes
+*
+* -------------------------
+*
+* Notes
+*
+* -   I have chosen to keep all separate types of diagnostis separate, despite sharing
+*   common CSS styles, to maintain readability
+*
+* -   Getting pretty long so I've split it into outlines/borders and then Anthony's debug info, first
+*   the style, then the content
+*
+*/
+/* ====================================================== */
+/* = OUTLINES / BORDERS ================================= */
+/* ====================================================== */
+
+
+/**************
+  LINKS
+**************/
+
+/* Errors */
+
+.holmes-debug a:not([href]),
+.holmes-debug a[href=""] {
+  outline: 2px solid red;
+}
+
+.holmes-debug a[href="#"],
+.holmes-debug a[href^="javascript"],
+.holmes-debug a[title=""]{
+  outline: 2px solid #fd0;
+}
+
+
+
+/**************
+  IMAGES
+**************/
+
+.holmes-debug img:not([alt]){
+  outline: 2px solid red;
+}
+
+.holmes-debug img[alt=""] {
+  outline: 2px solid #fd0;
+}
+/*************************
+  MISC ATTRIBUTES
+**************************/
+
+.holmes-debug label:not([for]),
+.holmes-debug label[for=""],
+
+.holmes-debug input:not([name]),
+.holmes-debug input[name=""],
+
+.holmes-debug select:not([name]),
+.holmes-debug select[name=""],
+
+.holmes-debug textarea:not([name]),
+.holmes-debug textarea[name=""],
+
+.holmes-debug abbr:not([title]),
+.holmes-debug abbr[title=""],
+
+.holmes-debug [class=""],
+.holmes-debug [id=""],
+
+/*
+  Warnings here, for inline styles and event calls,
+  ideally they should be external (CSS) and JS applied by JS scripts,
+  keep markup purely presentational!
+  (not sure about the js yet)
+*/
+.holmes-debug [style]/*,
+.holmes-debug [onclick],
+.holmes-debug [onblur],
+.holmes-debug [onfocus],
+.holmes-debug [onselect],
+.holmes-debug [onload],
+.holmes-debug [onunload]
+ */{
+  outline: 2px solid #fd0;
+ }
+
+/*************************************************************************
+  DEPRECATED & NON-W3C CONTENT ELEMENTS (#a9a9a9)
+  Based largely on http://www.w3.org/TR/html5/obsolete.html#obsolete
+*************************************************************************/
+
+.holmes-debug applet,
+.holmes-debug acronym,
+.holmes-debug center,
+.holmes-debug dir,
+.holmes-debug font,
+.holmes-debug strike,
+.holmes-debug big,
+.holmes-debug tt,
+.holmes-debug marquee, /* i've left this is because its naff bascially */
+.holmes-debug hgroup,
+.holmes-debug plaintext,
+.holmes-debug xmp {
+  outline: 2px solid #a9a9a9;
+}
+
+body.holmes-debug[background],
+body.holmes-debug[bgproperties],
+body.holmes-debug[topmargin],
+body.holmes-debug[rightmargin],
+body.holmes-debug[bottommargin],
+body.holmes-debug[leftmargin] {
+  outline: 2px solid #a9a9a9;
+}
+
+
+.holmes-debug *[bordercolor],
+.holmes-debug *[bordercolordark],
+.holmes-debug *[bordercolorlight],
+.holmes-debug table[frame],
+.holmes-debug table[summary] {
+  outline: 2px solid #a9a9a9;
+}
+
+.holmes-debug *[align],
+.holmes-debug *[valign],
+.holmes-debug *[bgcolor],
+.holmes-debug *[clear],
+.holmes-debug ul[type], .holmes-debug li[type] {
+  outline: 2px solid #a9a9a9;
+}
+
+/*********************
+  EMPTY ELEMENTS (warning level for now)
+**********************/
+
+.holmes-debug div:empty,
+.holmes-debug span:empty,
+.holmes-debug li:empty,
+.holmes-debug p:empty,
+.holmes-debug td:empty,
+.holmes-debug th:empty {
+  outline: 2px solid #fd0;
+}
+
+
+/* ====================================================== */
+/* = MESSAGES STYLES ==================================== */
+/* ====================================================== */
+
+/* ================== */
+/* = Warning Style = */
+/* ================== */
+
+/* - LINKS - */
+.holmes-debug a[href="#"]:hover::after,
+.holmes-debug a[href^="javascript"]:hover::after,
+.holmes-debug a[title=""]:hover::after,
+.holmes-debug img[alt=""]:hover::after,
+
+/* - EMPTY ELEMENTS - */
+.holmes-debug div:empty:hover::after,
+.holmes-debug span:empty:hover::after,
+.holmes-debug li:empty:hover::after,
+.holmes-debug p:empty:hover::after,
+.holmes-debug td:empty:hover::after,
+.holmes-debug th:empty:hover::after,
+
+/* - MISC ATTRIBUTES - */
+.holmes-debug [style]:hover::after {
+  border-radius: 0.5em;
+  display:block;
+  padding: 1em;
+  margin: 1em;
+  background: #fd0;
+  position: fixed;
+  color: #000;
+  left: 0px;
+  top: 0px;
+  z-index: 9999;
+}
+
+
+/* =============== */
+/* = Error Style = */
+/* =============== */
+
+/* - LINKS - */
+.holmes-debug a:not([href]):hover::after,
+.holmes-debug a[href=""]:hover::after,
+
+/* - IMAGES - */
+.holmes-debug img:not([alt]):hover:after,
+
+/* MISC ATTRIBUTES */
+.holmes-debug label:not([for]):hover::after,
+.holmes-debug label[for=""]:hover::after,
+
+.holmes-debug input:not([name]):hover::after,
+.holmes-debug input[name=""]:hover::after,
+
+.holmes-debug select:not([name]):hover::after,
+.holmes-debug select[name=""]:hover::after,
+
+.holmes-debug textarea:not([name]):hover::after,
+.holmes-debug textarea[name=""]:hover::after,
+
+.holmes-debug abbr:not([title]):hover::after,
+.holmes-debug abbr[title=""]:hover::after,
+
+.holmes-debug [class=""]:hover::after,
+.holmes-debug [id=""]:hover::after,
+
+
+/* ===================== */
+/* = Deprecated Styles = */
+/* ===================== */
+
+/* - DEPRECATED & NON-W3C CONTENT ELEMENTS - */
+.holmes-debug applet:hover::after,
+.holmes-debug acronym:hover::after,
+.holmes-debug center:hover::after,
+.holmes-debug dir:hover::after,
+.holmes-debug font:hover::after,
+.holmes-debug strike:hover::after,
+.holmes-debug big:hover::after,
+.holmes-debug tt:hover::after,
+.holmes-debug marquee:hover::after,
+.holmes-debug hgroup:hover::after,
+.holmes-debug plaintext:hover::after,
+.holmes-debug xmp:hover::after,
+.holmes-debug *[bordercolor]:hover::after,
+.holmes-debug *[bordercolordark]:hover::after,
+.holmes-debug *[bordercolorlight]:hover::after,
+
+.holmes-debug table[frame]:hover::after,
+.holmes-debug table[summary]:hover::after,
+.holmes-debug *[align]:hover::after,
+.holmes-debug *[valign]:hover::after,
+.holmes-debug *[bgcolor]:hover::after,
+.holmes-debug *[clear]:hover::after,
+.holmes-debug ul[type]:hover::after,
+.holmes-debug li[type]:hover::after {
+  border-radius: 0.5em;
+  display:block;
+  padding: 1em;
+  margin: 1em;
+  background: red;
+  position: fixed;
+  background: #a9a9a9;
+  color: #000;
+  left: 0px;
+  top: 0px;
+  z-index: 9999;
+}
+
+/* ================================ */
+/* = Deprecated body style Styles = */
+/* ================================ */
+
+body.holmes-debug[background]:hover::after,
+body.holmes-debug[bgproperties]:hover::after,
+body.holmes-debug[topmargin]:hover::after,
+body.holmes-debug[rightmargin]:hover::after,
+body.holmes-debug[bottommargin]:hover::after,
+body.holmes-debug[leftmargin]:hover::after {
+  border-radius: 0.5em;
+  display:block;
+  padding: 1em;
+  margin: 1em;
+  background: red;
+  position: fixed;
+  background: #a9a9a9;
+  color: #000;
+  bottom: 0px;
+  right: 0px;
+  z-index: 9999;
+
+  /* Bottom right due to whole body coverage */
+}
+
+/* Fixes the case where a table may contain both errors and warnings - potentially other cases of this elsewhere */
+
+.holmes-debug td:empty:hover::after,
+.holmes-debug th:empty:hover::after {
+  top: 4em;
+}
+
+/* ====================================================== */
+/* = MESSAGES CONTENT =================================== */
+/* ====================================================== */
+
+/**************
+  LINKS
+**************/
+
+.holmes-debug a:not([href]):hover::after,
+.holmes-debug a[href=""]:hover::after {
+  content:'Missing href attribute';
+}
+
+.holmes-debug a[href="#"]:hover:after{
+  content:"href='#'";
+}
+
+.holmes-debug a[href^="javascript"]:hover:after{
+  content:'Href has javascript';
+}
+
+.holmes-debug a[title=""]:hover::after {
+  content:'Empty title attribute';
+}
+
+
+/**************
+  IMAGES
+**************/
+
+.holmes-debug img:not([alt]):hover::after {
+  content:'Missing alt attribute';
+}
+.holmes-debug img[alt=""]:hover::after {
+  content:'No text in alt attribute';
+}
+
+
+/*************************
+  MISC ATTRIBUTES
+**************************/
+
+.holmes-debug label:not([for]):hover::after,
+.holmes-debug label[for=""]:hover::after{
+  content:'Missing for attribute';
+}
+
+.holmes-debug input:not([name]):hover::after,
+.holmes-debug input[name=""]:hover::after,
+.holmes-debug select:not([name]):hover::after,
+.holmes-debug select[name=""]:hover::after,
+.holmes-debug textarea:not([name]):hover::after,
+.holmes-debug textarea[name=""]:hover::after {
+  content:'Missing name attribute';
+}
+
+.holmes-debug abbr:not([title]):hover::after,
+.holmes-debug abbr[title=""]:hover::after {
+  content:'Missing title attribute';
+}
+
+.holmes-debug [class=""]:hover::after {
+  content:'Blank class attribute';
+}
+
+.holmes-debug [id=""]:hover::after {
+  content:'Blank id attribute';
+}
+
+.holmes-debug [style]:hover::after {
+  content: 'Element has inline styles';
+}
+
+/*************************************************************************
+  DEPRECATED & NON-W3C CONTENT ELEMENTS (#a9a9a9)
+  Based largely on http://www.w3.org/TR/html5/obsolete.html#obsolete
+*************************************************************************/
+
+.holmes-debug applet:hover::after,
+.holmes-debug acronym:hover::after,
+.holmes-debug center:hover::after,
+.holmes-debug dir:hover::after,
+.holmes-debug font:hover::after,
+.holmes-debug strike:hover::after,
+.holmes-debug big:hover::after,
+.holmes-debug tt:hover::after,
+.holmes-debug marquee:hover::after, /* i've left this is because its naff bascially */
+.holmes-debug hgroup:hover::after,
+.holmes-debug plaintext:hover::after,
+.holmes-debug xmp:hover::after {
+  content:'Deprecated or Non-W3C element';
+}
+
+/************************************************************************
+  DEPRECATED NON-W3C ATTRIBUTES (#a9a9a9)
+  Based largely on http://www.w3.org/TR/html5/obsolete.html#obsolete
+************************************************************************/
+
+body.holmes-debug[background]:hover::after {
+  content:'Deprecated or Non-W3C body attribute background';
+}
+
+body.holmes-debug[bgproperties]:hover::after {
+  content:'Deprecated or Non-W3C body attribute bgproperties';
+}
+
+body.holmes-debug[topmargin]:hover::after,
+body.holmes-debug[rightmargin]:hover::after,
+body.holmes-debug[bottommargin]:hover::after,
+body.holmes-debug[leftmargin]:hover::after {
+  content:'Deprecated or Non-W3C body attribute *margin';
+}
+
+.holmes-debug *[bordercolor]:hover::after,
+.holmes-debug *[bordercolordark]:hover::after,
+.holmes-debug *[bordercolorlight]:hover::after {
+  content:'Deprecated or Non-W3C attribute bordercolor';
+}
+
+.holmes-debug table[frame]:hover::after {
+  content:'Deprecated or Non-W3C table attribute frame';
+}
+
+.holmes-debug table[summary]:hover::after {
+  content:'Deprecated or Non-W3C table attribute summary';
+}
+
+.holmes-debug *[align]:hover::after,
+.holmes-debug *[valign]:hover::after {
+  content:'Deprecated or Non-W3C attribute *align';
+}
+
+.holmes-debug *[bgcolor]:hover::after {
+  content:'Deprecated or Non-W3C attribute bgcolor';
+}
+
+.holmes-debug *[clear]:hover::after {
+  content:'Deprecated or Non-W3C attribute clear';
+}
+
+.holmes-debug ul[type]:hover::after,
+.holmes-debug li[type]:hover::after {
+  content:'Deprecated or Non-W3C list attribute type';
+}
+
+/*********************
+  EMPTY ELEMENTS (warning level for now)
+**********************/
+
+.holmes-debug div:empty:hover::after,
+.holmes-debug span:empty:hover::after,
+.holmes-debug li:empty:hover::after,
+.holmes-debug p:empty:hover::after,
+.holmes-debug td:empty:hover::after,
+.holmes-debug th:empty:hover::after {
+  content:'Empty element!';
+}

package/libs/justified-v0.0.0.css

@@ -0,0 +1,14 @@
+/* https://github.com/nitinhayaran/Justified.js/blob/master/jquery.justified.css */
+
+.image-container{
+    position: relative;
+}
+.photo-container{
+    float: left;
+    position: relative;
+    overflow: hidden;
+}
+.image-thumb{
+    position: relative;
+    background-color: #eee;
+}