diff options
Diffstat (limited to 'vendor/assets/stylesheets/blueprint/plugins')
20 files changed, 394 insertions, 0 deletions
diff --git a/vendor/assets/stylesheets/blueprint/plugins/buttons/icons/cross.png b/vendor/assets/stylesheets/blueprint/plugins/buttons/icons/cross.png Binary files differnew file mode 100755 index 00000000000..1514d51a3cf --- /dev/null +++ b/vendor/assets/stylesheets/blueprint/plugins/buttons/icons/cross.png diff --git a/vendor/assets/stylesheets/blueprint/plugins/buttons/icons/key.png b/vendor/assets/stylesheets/blueprint/plugins/buttons/icons/key.png Binary files differnew file mode 100755 index 00000000000..a9d5e4f8cc7 --- /dev/null +++ b/vendor/assets/stylesheets/blueprint/plugins/buttons/icons/key.png diff --git a/vendor/assets/stylesheets/blueprint/plugins/buttons/icons/tick.png b/vendor/assets/stylesheets/blueprint/plugins/buttons/icons/tick.png Binary files differnew file mode 100755 index 00000000000..a9925a06ab0 --- /dev/null +++ b/vendor/assets/stylesheets/blueprint/plugins/buttons/icons/tick.png diff --git a/vendor/assets/stylesheets/blueprint/plugins/buttons/readme.txt b/vendor/assets/stylesheets/blueprint/plugins/buttons/readme.txt new file mode 100644 index 00000000000..aa9fe26ba27 --- /dev/null +++ b/vendor/assets/stylesheets/blueprint/plugins/buttons/readme.txt @@ -0,0 +1,32 @@ +Buttons + +* Gives you great looking CSS buttons, for both <a> and <button>. +* Demo: particletree.com/features/rediscovering-the-button-element + + +Credits +---------------------------------------------------------------- + +* Created by Kevin Hale [particletree.com] +* Adapted for Blueprint by Olav Bjorkoy [bjorkoy.com] + + +Usage +---------------------------------------------------------------- + +1) Add this plugin to lib/settings.yml. + See compress.rb for instructions. + +2) Use the following HTML code to place the buttons on your site: + + <button type="submit" class="button positive"> + <img src="css/blueprint/plugins/buttons/icons/tick.png" alt=""/> Save + </button> + + <a class="button" href="/password/reset/"> + <img src="css/blueprint/plugins/buttons/icons/key.png" alt=""/> Change Password + </a> + + <a href="#" class="button negative"> + <img src="css/blueprint/plugins/buttons/icons/cross.png" alt=""/> Cancel + </a> diff --git a/vendor/assets/stylesheets/blueprint/plugins/buttons/screen.css b/vendor/assets/stylesheets/blueprint/plugins/buttons/screen.css new file mode 100644 index 00000000000..bb66b2154d9 --- /dev/null +++ b/vendor/assets/stylesheets/blueprint/plugins/buttons/screen.css @@ -0,0 +1,97 @@ +/* -------------------------------------------------------------- + + buttons.css + * Gives you some great CSS-only buttons. + + Created by Kevin Hale [particletree.com] + * particletree.com/features/rediscovering-the-button-element + + See Readme.txt in this folder for instructions. + +-------------------------------------------------------------- */ + +a.button, button { + display:block; + float:left; + margin: 0.7em 0.5em 0.7em 0; + padding:5px 10px 5px 7px; /* Links */ + + border:1px solid #dedede; + border-top:1px solid #eee; + border-left:1px solid #eee; + + background-color:#f5f5f5; + font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; + font-size:100%; + line-height:130%; + text-decoration:none; + font-weight:bold; + color:#565656; + cursor:pointer; +} +button { + width:auto; + overflow:visible; + padding:4px 10px 3px 7px; /* IE6 */ +} +button[type] { + padding:4px 10px 4px 7px; /* Firefox */ + line-height:17px; /* Safari */ +} +*:first-child+html button[type] { + padding:4px 10px 3px 7px; /* IE7 */ +} +button img, a.button img{ + margin:0 3px -3px 0 !important; + padding:0; + border:none; + width:16px; + height:16px; + float:none; +} + + +/* Button colors +-------------------------------------------------------------- */ + +/* Standard */ +button:hover, a.button:hover{ + background-color:#dff4ff; + border:1px solid #c2e1ef; + color:#336699; +} +a.button:active{ + background-color:#6299c5; + border:1px solid #6299c5; + color:#fff; +} + +/* Positive */ +body .positive { + color:#529214; +} +a.positive:hover, button.positive:hover { + background-color:#E6EFC2; + border:1px solid #C6D880; + color:#529214; +} +a.positive:active { + background-color:#529214; + border:1px solid #529214; + color:#fff; +} + +/* Negative */ +body .negative { + color:#d12f19; +} +a.negative:hover, button.negative:hover { + background-color:#fbe3e4; + border:1px solid #fbc2c4; + color:#d12f19; +} +a.negative:active { + background-color:#d12f19; + border:1px solid #d12f19; + color:#fff; +} diff --git a/vendor/assets/stylesheets/blueprint/plugins/fancy-type/readme.txt b/vendor/assets/stylesheets/blueprint/plugins/fancy-type/readme.txt new file mode 100644 index 00000000000..85f24915223 --- /dev/null +++ b/vendor/assets/stylesheets/blueprint/plugins/fancy-type/readme.txt @@ -0,0 +1,14 @@ +Fancy Type + +* Gives you classes to use if you'd like some + extra fancy typography. + +Credits and instructions are specified above each class +in the fancy-type.css file in this directory. + + +Usage +---------------------------------------------------------------- + +1) Add this plugin to lib/settings.yml. + See compress.rb for instructions. diff --git a/vendor/assets/stylesheets/blueprint/plugins/fancy-type/screen.css b/vendor/assets/stylesheets/blueprint/plugins/fancy-type/screen.css new file mode 100644 index 00000000000..127cf2553d8 --- /dev/null +++ b/vendor/assets/stylesheets/blueprint/plugins/fancy-type/screen.css @@ -0,0 +1,71 @@ +/* --------------------------------------------------------------
+
+ fancy-type.css
+ * Lots of pretty advanced classes for manipulating text.
+
+ See the Readme file in this folder for additional instructions.
+
+-------------------------------------------------------------- */
+
+/* Indentation instead of line shifts for sibling paragraphs. */
+ p + p { text-indent:2em; margin-top:-1.5em; }
+ form p + p { text-indent: 0; } /* Don't want this in forms. */
+
+
+/* For great looking type, use this code instead of asdf:
+ <span class="alt">asdf</span>
+ Best used on prepositions and ampersands. */
+
+.alt {
+ color: #666;
+ font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif;
+ font-style: italic;
+ font-weight: normal;
+}
+
+
+/* For great looking quote marks in titles, replace "asdf" with:
+ <span class="dquo">“</span>asdf”
+ (That is, when the title starts with a quote mark).
+ (You may have to change this value depending on your font size). */
+
+.dquo { margin-left: -.5em; }
+
+
+/* Reduced size type with incremental leading
+ (http://www.markboulton.co.uk/journal/comments/incremental_leading/)
+
+ This could be used for side notes. For smaller type, you don't necessarily want to
+ follow the 1.5x vertical rhythm -- the line-height is too much.
+
+ Using this class, it reduces your font size and line-height so that for
+ every four lines of normal sized type, there is five lines of the sidenote. eg:
+
+ New type size in em's:
+ 10px (wanted side note size) / 12px (existing base size) = 0.8333 (new type size in ems)
+
+ New line-height value:
+ 12px x 1.5 = 18px (old line-height)
+ 18px x 4 = 72px
+ 72px / 5 = 14.4px (new line height)
+ 14.4px / 10px = 1.44 (new line height in em's) */
+
+p.incr, .incr p {
+ font-size: 10px;
+ line-height: 1.44em;
+ margin-bottom: 1.5em;
+}
+
+
+/* Surround uppercase words and abbreviations with this class.
+ Based on work by Jørgen Arnor Gårdsø Lom [http://twistedintellect.com/] */
+
+.caps {
+ font-variant: small-caps;
+ letter-spacing: 1px;
+ text-transform: lowercase;
+ font-size:1.2em;
+ line-height:1%;
+ font-weight:bold;
+ padding:0 2px;
+}
diff --git a/vendor/assets/stylesheets/blueprint/plugins/link-icons/icons/doc.png b/vendor/assets/stylesheets/blueprint/plugins/link-icons/icons/doc.png Binary files differnew file mode 100644 index 00000000000..834cdfaf48a --- /dev/null +++ b/vendor/assets/stylesheets/blueprint/plugins/link-icons/icons/doc.png diff --git a/vendor/assets/stylesheets/blueprint/plugins/link-icons/icons/email.png b/vendor/assets/stylesheets/blueprint/plugins/link-icons/icons/email.png Binary files differnew file mode 100644 index 00000000000..7348aed77fe --- /dev/null +++ b/vendor/assets/stylesheets/blueprint/plugins/link-icons/icons/email.png diff --git a/vendor/assets/stylesheets/blueprint/plugins/link-icons/icons/external.png b/vendor/assets/stylesheets/blueprint/plugins/link-icons/icons/external.png Binary files differnew file mode 100644 index 00000000000..cf1cfb42687 --- /dev/null +++ b/vendor/assets/stylesheets/blueprint/plugins/link-icons/icons/external.png diff --git a/vendor/assets/stylesheets/blueprint/plugins/link-icons/icons/feed.png b/vendor/assets/stylesheets/blueprint/plugins/link-icons/icons/feed.png Binary files differnew file mode 100644 index 00000000000..315c4f4fa62 --- /dev/null +++ b/vendor/assets/stylesheets/blueprint/plugins/link-icons/icons/feed.png diff --git a/vendor/assets/stylesheets/blueprint/plugins/link-icons/icons/im.png b/vendor/assets/stylesheets/blueprint/plugins/link-icons/icons/im.png Binary files differnew file mode 100644 index 00000000000..79f35ccbdad --- /dev/null +++ b/vendor/assets/stylesheets/blueprint/plugins/link-icons/icons/im.png diff --git a/vendor/assets/stylesheets/blueprint/plugins/link-icons/icons/lock.png b/vendor/assets/stylesheets/blueprint/plugins/link-icons/icons/lock.png Binary files differnew file mode 100644 index 00000000000..2ebc4f6f966 --- /dev/null +++ b/vendor/assets/stylesheets/blueprint/plugins/link-icons/icons/lock.png diff --git a/vendor/assets/stylesheets/blueprint/plugins/link-icons/icons/pdf.png b/vendor/assets/stylesheets/blueprint/plugins/link-icons/icons/pdf.png Binary files differnew file mode 100644 index 00000000000..8f8095e46fa --- /dev/null +++ b/vendor/assets/stylesheets/blueprint/plugins/link-icons/icons/pdf.png diff --git a/vendor/assets/stylesheets/blueprint/plugins/link-icons/icons/visited.png b/vendor/assets/stylesheets/blueprint/plugins/link-icons/icons/visited.png Binary files differnew file mode 100644 index 00000000000..ebf206def27 --- /dev/null +++ b/vendor/assets/stylesheets/blueprint/plugins/link-icons/icons/visited.png diff --git a/vendor/assets/stylesheets/blueprint/plugins/link-icons/icons/xls.png b/vendor/assets/stylesheets/blueprint/plugins/link-icons/icons/xls.png Binary files differnew file mode 100644 index 00000000000..b977d7e52e2 --- /dev/null +++ b/vendor/assets/stylesheets/blueprint/plugins/link-icons/icons/xls.png diff --git a/vendor/assets/stylesheets/blueprint/plugins/link-icons/readme.txt b/vendor/assets/stylesheets/blueprint/plugins/link-icons/readme.txt new file mode 100644 index 00000000000..fc4dc649002 --- /dev/null +++ b/vendor/assets/stylesheets/blueprint/plugins/link-icons/readme.txt @@ -0,0 +1,18 @@ +Link Icons +* Icons for links based on protocol or file type. + +This is not supported in IE versions < 7. + + +Credits +---------------------------------------------------------------- + +* Marc Morgan +* Olav Bjorkoy [bjorkoy.com] + + +Usage +---------------------------------------------------------------- + +1) Add this line to your HTML: + <link rel="stylesheet" href="css/blueprint/plugins/link-icons/screen.css" type="text/css" media="screen, projection"> diff --git a/vendor/assets/stylesheets/blueprint/plugins/link-icons/screen.css b/vendor/assets/stylesheets/blueprint/plugins/link-icons/screen.css new file mode 100644 index 00000000000..0cefc774250 --- /dev/null +++ b/vendor/assets/stylesheets/blueprint/plugins/link-icons/screen.css @@ -0,0 +1,42 @@ +/* -------------------------------------------------------------- + + link-icons.css + * Icons for links based on protocol or file type. + + See the Readme file in this folder for additional instructions. + +-------------------------------------------------------------- */ + +/* Use this class if a link gets an icon when it shouldn't. */ +body a.noicon { + background:transparent none !important; + padding:0 !important; + margin:0 !important; +} + +/* Make sure the icons are not cut */ +a[href^="http:"], a[href^="https:"], +a[href^="http:"]:visited, a[href^="https:"]:visited, +a[href^="mailto:"], a[href$=".pdf"], a[href$=".doc"], a[href$=".xls"], +a[href$=".rss"], a[href$=".rdf"], a[href^="aim:"] { + padding:2px 22px 2px 0; + margin:-2px 0; + background-repeat: no-repeat; + background-position: right center; +} + +/* External links */ +a[href^="http:"] { background-image: url(icons/external.png); } +a[href^="https:"] { background-image: url(icons/lock.png); } +a[href^="mailto:"] { background-image: url(icons/email.png); } +a[href^="http:"]:visited { background-image: url(icons/visited.png); } + +/* Files */ +a[href$=".pdf"] { background-image: url(icons/pdf.png); } +a[href$=".doc"] { background-image: url(icons/doc.png); } +a[href$=".xls"] { background-image: url(icons/xls.png); } + +/* Misc */ +a[href$=".rss"], +a[href$=".rdf"] { background-image: url(icons/feed.png); } +a[href^="aim:"] { background-image: url(icons/im.png); } diff --git a/vendor/assets/stylesheets/blueprint/plugins/rtl/readme.txt b/vendor/assets/stylesheets/blueprint/plugins/rtl/readme.txt new file mode 100644 index 00000000000..5564c402ad0 --- /dev/null +++ b/vendor/assets/stylesheets/blueprint/plugins/rtl/readme.txt @@ -0,0 +1,10 @@ +RTL +* Mirrors Blueprint, so it can be used with Right-to-Left languages. + +By Ran Yaniv Hartstein, ranh.co.il + +Usage +---------------------------------------------------------------- + +1) Add this line to your HTML: + <link rel="stylesheet" href="css/blueprint/plugins/rtl/screen.css" type="text/css" media="screen, projection"> diff --git a/vendor/assets/stylesheets/blueprint/plugins/rtl/screen.css b/vendor/assets/stylesheets/blueprint/plugins/rtl/screen.css new file mode 100644 index 00000000000..7db7eb5e62f --- /dev/null +++ b/vendor/assets/stylesheets/blueprint/plugins/rtl/screen.css @@ -0,0 +1,110 @@ +/* -------------------------------------------------------------- + + rtl.css + * Mirrors Blueprint for left-to-right languages + + By Ran Yaniv Hartstein [ranh.co.il] + +-------------------------------------------------------------- */ + +body .container { direction: rtl; } +body .column, body .span-1, body .span-2, body .span-3, body .span-4, body .span-5, body .span-6, body .span-7, body .span-8, body .span-9, body .span-10, body .span-11, body .span-12, body .span-13, body .span-14, body .span-15, body .span-16, body .span-17, body .span-18, body .span-19, body .span-20, body .span-21, body .span-22, body .span-23, body .span-24 { + float: right; + margin-right: 0; + margin-left: 10px; + text-align:right; +} + +body div.last { margin-left: 0; } +body table .last { padding-left: 0; } + +body .append-1 { padding-right: 0; padding-left: 40px; } +body .append-2 { padding-right: 0; padding-left: 80px; } +body .append-3 { padding-right: 0; padding-left: 120px; } +body .append-4 { padding-right: 0; padding-left: 160px; } +body .append-5 { padding-right: 0; padding-left: 200px; } +body .append-6 { padding-right: 0; padding-left: 240px; } +body .append-7 { padding-right: 0; padding-left: 280px; } +body .append-8 { padding-right: 0; padding-left: 320px; } +body .append-9 { padding-right: 0; padding-left: 360px; } +body .append-10 { padding-right: 0; padding-left: 400px; } +body .append-11 { padding-right: 0; padding-left: 440px; } +body .append-12 { padding-right: 0; padding-left: 480px; } +body .append-13 { padding-right: 0; padding-left: 520px; } +body .append-14 { padding-right: 0; padding-left: 560px; } +body .append-15 { padding-right: 0; padding-left: 600px; } +body .append-16 { padding-right: 0; padding-left: 640px; } +body .append-17 { padding-right: 0; padding-left: 680px; } +body .append-18 { padding-right: 0; padding-left: 720px; } +body .append-19 { padding-right: 0; padding-left: 760px; } +body .append-20 { padding-right: 0; padding-left: 800px; } +body .append-21 { padding-right: 0; padding-left: 840px; } +body .append-22 { padding-right: 0; padding-left: 880px; } +body .append-23 { padding-right: 0; padding-left: 920px; } + +body .prepend-1 { padding-left: 0; padding-right: 40px; } +body .prepend-2 { padding-left: 0; padding-right: 80px; } +body .prepend-3 { padding-left: 0; padding-right: 120px; } +body .prepend-4 { padding-left: 0; padding-right: 160px; } +body .prepend-5 { padding-left: 0; padding-right: 200px; } +body .prepend-6 { padding-left: 0; padding-right: 240px; } +body .prepend-7 { padding-left: 0; padding-right: 280px; } +body .prepend-8 { padding-left: 0; padding-right: 320px; } +body .prepend-9 { padding-left: 0; padding-right: 360px; } +body .prepend-10 { padding-left: 0; padding-right: 400px; } +body .prepend-11 { padding-left: 0; padding-right: 440px; } +body .prepend-12 { padding-left: 0; padding-right: 480px; } +body .prepend-13 { padding-left: 0; padding-right: 520px; } +body .prepend-14 { padding-left: 0; padding-right: 560px; } +body .prepend-15 { padding-left: 0; padding-right: 600px; } +body .prepend-16 { padding-left: 0; padding-right: 640px; } +body .prepend-17 { padding-left: 0; padding-right: 680px; } +body .prepend-18 { padding-left: 0; padding-right: 720px; } +body .prepend-19 { padding-left: 0; padding-right: 760px; } +body .prepend-20 { padding-left: 0; padding-right: 800px; } +body .prepend-21 { padding-left: 0; padding-right: 840px; } +body .prepend-22 { padding-left: 0; padding-right: 880px; } +body .prepend-23 { padding-left: 0; padding-right: 920px; } + +body .border { + padding-right: 0; + padding-left: 4px; + margin-right: 0; + margin-left: 5px; + border-right: none; + border-left: 1px solid #eee; +} + +body .colborder { + padding-right: 0; + padding-left: 24px; + margin-right: 0; + margin-left: 25px; + border-right: none; + border-left: 1px solid #eee; +} + +body .pull-1 { margin-left: 0; margin-right: -40px; } +body .pull-2 { margin-left: 0; margin-right: -80px; } +body .pull-3 { margin-left: 0; margin-right: -120px; } +body .pull-4 { margin-left: 0; margin-right: -160px; } + +body .push-0 { margin: 0 18px 0 0; } +body .push-1 { margin: 0 18px 0 -40px; } +body .push-2 { margin: 0 18px 0 -80px; } +body .push-3 { margin: 0 18px 0 -120px; } +body .push-4 { margin: 0 18px 0 -160px; } +body .push-0, body .push-1, body .push-2, +body .push-3, body .push-4 { float: left; } + + +/* Typography with RTL support */ +body h1,body h2,body h3, +body h4,body h5,body h6 { font-family: Arial, sans-serif; } +html body { font-family: Arial, sans-serif; } +body pre,body code,body tt { font-family: monospace; } + +/* Mirror floats and margins on typographic elements */ +body p img { float: right; margin: 1.5em 0 1.5em 1.5em; } +body dd, body ul, body ol { margin-left: 0; margin-right: 1.5em;} +body td, body th { text-align:right; } |
