/* Stylesheet for the Human Rights & International Criminal Law Online Forum, designed for Screen Media Author: Christopher Werby of Pipsqueak Productions, LLC https://pipsqueak.com/ Begun: 2010-02-01 Last Updated: 2010-02-16 and continuously thereafter. Design Notes: Update Notes: 2010-05 Began conversion for use in a Drupal template 2010-09-07 Converted to Less format and refactoring started 2011-01-26 Version 2.0 to go live with Darfur Issue 2012-12-08 Work begun on the Lecture features 2014-01-25 Extensive rework for version 2.0.0 2023-12-08 Rework the topper and the Forum Introduction on the home page. Retina.js replaces the background-image call with at2x. See the following example: #logo { .at2x('/images/my_image.png', 200px, 100px); } Will compile to: #logo { background-image: url('/images/my_image.png'); } @media all and (-webkit-min-device-pixel-ratio: 1.5) { #logo { background-image: url('/images/my_image@2x.png'); background-size: 200px 100px; } } */ @import 'lib/bootstrap/bootstrap.css'; @import 'lib/bootstrap/bootstrap-responsive.css'; @import '/sites/all/themes/ucla/css/reset-fonts-grids.css'; @import '/sites/all/themes/ucla/css/Pipsqueak_Button_System.css'; @import '/sites/all/themes/ucla/css/styles_ucla.css'; @import '/sites/all/themes/ucla/css/shortcodes.css'; @import '/sites/all/themes/ucla/css/handheld.css'; /* @media only print { @import '/sites/all/themes/ucla/css/styles_ucla_print.css'; } */ @media only print { div.opener, div.button-your-comment { display: none; } } /* -------------------------------------------------------------------------------------- * PIPLess Library * * Copyright (C) 2012 by Pipsqueak Productions LLC * * -------------------------------------------------------------------------------------- * * PIPLess Library * -------------------------------------------------------------------------------------- * * @What is it: * PIP Less Library is a Helper Library for the LESS dynamic stylesheet language. * Read more about LESS: http://lesscss.org/ * * @How to use: * Import pipless.X.X.X.less into your main style.less file. * * @Author: * Christopher Werby * * @Reference: * ------------------------------------------------------------------------------ * BASICS => syntax * ------------------------------------------------------------------------------ */ /* -------------------------------------------------------------------------------------- * HelpLess is released under the MIT license. * * Copyright (C) 2011 by Matt Woodfield * * Permission is hereby granted, free of charge, to any person obtaining a copy of this * software and associated documentation files (the "Software"), to deal in the Software * without restriction, including without limitation the rights to use, copy, modify, * merge, publish, distribute, sublicense, and/or sell copies of the Software, and to * permit persons to whom the Software is furnished to do so, subject to the * following conditions: * * The above copyright notice and this permission notice shall be included in all copies * or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, * INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A * PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE * OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. * * 2012-08-25 PIP makes some changes. Most important is that the namespace is changed * from "hl" to "HL". * * -------------------------------------------------------------------------------------- * * HelpLess - A lot of Less help * -------------------------------------------------------------------------------------- * * @What is it: * HelpLess is a Helper Library for the brilliant LESS dynamic stylesheet language. * Read more about LESS: http://lesscss.org/ * * I have tried to make HelpLess as all-encompasing as possible with support for dynamic * grids and page starter themes as well as all the css3 features I could think of. * Unlike other libraries, HelpLess has an invisible footprint until you call a mixin * so if you import HelpLess but don't use it, it will not increase your compiled file size * * @thanks: * Eric Meyer for html reset - http://meyerweb.com/eric/tools/css/reset/ * Necolas for normalize - https://github.com/necolas/normalize.css * * @How to use: * Import helpless.x.x.x.less into your main style.less file. * * @Author: * Matt Woodfield - @m6tt * * @Reference: * ------------------------------------------------------------------------------ * BASICS => syntax * ------------------------------------------------------------------------------ * - .reset => #HL.reset() - call outside of element * - .normalize => #HL.normalize - call outside of element * - .clearfix => #HL.clearfix() * - .centered => #HL.centered(width) * - .border => #HL.border(color) * - .opacity => #HL.opacity(value) * - .round-all-corners => #HL.round-all-corners(radius) * - .rounded-corners => #HL.rounded-corners(topLeft, topRight, bottomRight, bottomLeft) * - .transition => #HL.transition(property, duration, ease, delay) * - .drop-shadow => #HL.drop-shadow(x, y, blur, color) * - .inner-shadow => #HL.inner-shadow(x, y, blur, color) * - .text-shadow => #HL.text-shadow(x, y, blur, color) * - .background-gradient => #HL.background-gradient(colorFrom, colorTo, fallbackColor, fallbackImageUrl) * - .scale => #HL.scale(amount) * - .scaleX => #HL.scaleX(amount) * - .scaleY => #HL.scaleY(amount) * - .rotate => #HL.rotate(degrees) * - .rotateX => #HL.rotateX(degrees) * - .rotateY => #HL.rotateY(degrees) * - .skew => #HL.skew(angleX, angleY) * - .skewX => #HL.skewX(angleX) * - .skewY => #HL.skewY(angleY) * - .translate => #HL.translate(x, y) * - .translateX => #HL.translateX(x) * - .translateY => #HL.translateY(y) * - .matrix => #HL.matrix(n, n, n, n, n, n) * * ------------------------------------------------------------------------------ * GRID => syntax * ------------------------------------------------------------------------------ * - .grid => namespace, do not call directly, use .make or one of the predefined grid makers * - .make => #HL.grid.make(width, colNumber, gutterWidth) * - .1200 => #HL.grid.1200(); * - .1120 => #HL.grid.1120(); * - .1040 => #HL.grid.1040(); * - .960 => #HL.grid.960(); * - .880 => #HL.grid.880(); * - .800 => #HL.grid.800(); * - .720 => #HL.grid.720(); * - .640 => #HL.grid.640(); * - .560 => #HL.grid.560(); * - .480 => #HL.grid.480(); * - .400 => #HL.grid.400(); * - .320 => #HL.grid.320(); * - .240 => #HL.grid.240(); * - .row => #HL.grid.row(); * - .col => #HL.grid.col(colSpan); * * --------------------------------------- * TYPOGRAPHY * --------------------------------------- * - .typo => namespace, do not call directly * - .serif => #HL.typo.serif(webfont-name-optional); * - .sans => #HL.typo.sans(webfont-name-optional); * - .columns => #HL.typo.columns(count, gap) * * --------------------------------------- * IMAGES * --------------------------------------- * - .img => namespace, do not call directly * - .responsive => #HL.img.responsive(); * - .framed => #HL.img.framed(); * --------------------------------------- * USER INTERFACE * --------------------------------------- * - .ui => namespace, do not call directly * - .themes => namespace, do not call directly * - .light => #HL.ui.themes.light(); - call within element * - .dark => #HL.ui.themes.dark(); - call within element * - .list => namespace, do not call directly * - .subtle => #HL.list.subtle(); - call within