Current oav website
This commit is contained in:
Charlie Root
102
dotclear._no/themes/berlin/scss/init/_config.scss
Normal file
102
dotclear._no/themes/berlin/scss/init/_config.scss
Normal file
@ -0,0 +1,102 @@
|
||||
// ----------------- LIBRAIRIES ------------------- //
|
||||
|
||||
// ----------------- Compass config --------------- //
|
||||
// Do not support IE less than IE9
|
||||
$browser-minimum-versions: (
|
||||
"ie": "9"
|
||||
);
|
||||
$graceful-usage-threshold: 100;
|
||||
$critical-usage-threshold: 100;
|
||||
@import "compass"; // gem
|
||||
|
||||
@import "libs/scut";
|
||||
|
||||
// ----------------- Zengrids config -------------- //
|
||||
$legacy-support-for-ie7: false;
|
||||
$legacy-support-for-ie6: false;
|
||||
//@import "libs/zen-grids/background";
|
||||
//@import "libs/zen-grids/flow";
|
||||
@import "libs/zen-grids/grids";
|
||||
//@import "libs/sass-mq-master/_mq";
|
||||
|
||||
// ------------------ VARIABLES ------------------- //
|
||||
|
||||
// ========================================================================== //
|
||||
// =Tailles de base
|
||||
//
|
||||
// On établit la grille verticale puis on calcule la taille des caractères
|
||||
// et de l'interlignage de référence en fonction de cette grille.
|
||||
// ========================================================================== //
|
||||
$base-grid: 8px;
|
||||
$base-font-size: 16px;
|
||||
$base-line-height: 24px;
|
||||
|
||||
// ========================================================================== //
|
||||
// =Grille (zen-grids)
|
||||
// ========================================================================== //
|
||||
$zen-columns: 12;
|
||||
$zen-gutters: 2em;
|
||||
|
||||
// ========================================================================== //
|
||||
// =Box model pour IE (zen-grids)
|
||||
// ========================================================================== //
|
||||
|
||||
$box-sizing-polyfill-path: "scripts";
|
||||
|
||||
// ========================================================================== //
|
||||
// =Typographie
|
||||
// ========================================================================== //
|
||||
|
||||
$sans-serif: Lato, "Open Sans", "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
|
||||
$serif: "New Century Schoolbook","Century Schoolbook","Century Schoolbook L", Georgia, serif;
|
||||
$monospace: "Andale Mono", AndaleMono, monospace;
|
||||
|
||||
// ========================================================================== //
|
||||
// =Couleurs
|
||||
// ========================================================================== //
|
||||
|
||||
// Palette de base
|
||||
$white: #fff;
|
||||
$gray: #dcdcdc;
|
||||
$dark-blue-green: #68838b;
|
||||
$black: #000;
|
||||
$blue: #267daf;
|
||||
$red: #d52125;
|
||||
|
||||
$gray-very-dark: shade($gray, 75%);
|
||||
$gray-dark: shade($gray, 55%);
|
||||
$gray-medium: $gray;
|
||||
$gray-light: tint($gray, 65%);
|
||||
$gray-very-light: tint($gray, 85%);
|
||||
|
||||
// Application
|
||||
|
||||
$primary-color: $gray-very-dark; // Texte courant
|
||||
$secondary-color: $blue; // Titres
|
||||
$link: $red; // Liens
|
||||
$button-base: $dark-blue-green; // Boutons
|
||||
$button-dark: shade($button-base, 10%);
|
||||
$button-light: tint($button-base, 10%);
|
||||
|
||||
// Autres
|
||||
$css-img-path: 'img'; // utile pour le mixin de fallback svg
|
||||
|
||||
// ========================================================================== //
|
||||
// =Breakpoints
|
||||
//
|
||||
// Points de rupture courants des différentes tailles d'écran.
|
||||
//
|
||||
// La mesure en em permet de l'appliquer aussi aux cas d'usage
|
||||
// de modification de la taille de base des caractères dans
|
||||
// les préférences de l'utilisateur ou de l'utilisation du grossissement
|
||||
// des caractères dans le navigateur.
|
||||
//
|
||||
// Dans le cadre de la création d'un thème, adapter ces points à ceux
|
||||
// correspondant aux nécessités de votre design.
|
||||
// ========================================================================== //
|
||||
|
||||
$x-small-screen: 20em; // 320
|
||||
$small-screen: 30em; // 480
|
||||
$medium-screen: 40em; // 640
|
||||
$large-screen: 60em; // 960
|
||||
$xlarge-screen: 80em; // 1280
|
||||
28
dotclear._no/themes/berlin/scss/init/_mixins-functions.scss
Normal file
28
dotclear._no/themes/berlin/scss/init/_mixins-functions.scss
Normal file
@ -0,0 +1,28 @@
|
||||
// mixin svg fallback
|
||||
@mixin svg(
|
||||
$file-name,
|
||||
$css-img-path: $css-img-path) {
|
||||
background-image: inline-image($file-name+'.png');
|
||||
background-image: inline-image($file-name+'.svg'), none;
|
||||
}
|
||||
|
||||
@mixin bg-with-svg(
|
||||
$file-name,
|
||||
$css-img-path: $css-img-path,
|
||||
$repeat: no-repeat,
|
||||
$position: 50% 50%,
|
||||
$bg-color: transparent) {
|
||||
background: inline-image($file-name+'.png') $repeat, $position, $bg-color;
|
||||
background-image: inline-image($file-name+'.svg'), none;
|
||||
}
|
||||
|
||||
@mixin visually-hidden {
|
||||
border: 0;
|
||||
clip: rect(0 0 0 0);
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
}
|
||||
185
dotclear._no/themes/berlin/scss/init/_rebase.scss
Normal file
185
dotclear._no/themes/berlin/scss/init/_rebase.scss
Normal file
@ -0,0 +1,185 @@
|
||||
/** =================================================================================
|
||||
Base rules and html5 compatibility by Dotclear Team,
|
||||
//* most based on some Koz's habits and:
|
||||
//* - Comprehensive Base Stylesheet by fvsch - http://fvsch.com/code/base-stylesheet/
|
||||
//* - Normalize.css v2.1.3 | MIT License | git.io/normalize
|
||||
//* - Knacss | WTFYW | by Raphael Goetter
|
||||
================================================================================== */
|
||||
|
||||
/* largeur des paddings et border compris dans "width" */
|
||||
*,
|
||||
*:after,
|
||||
*:before {
|
||||
-moz-box-sizing: border-box; // Firefox, other Gecko */
|
||||
box-sizing: border-box;
|
||||
}
|
||||
html {
|
||||
font-size: 100.01%; // bug arrondi sur vieux navigateurs
|
||||
-ms-text-size-adjust: 100%;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
a { background: transparent; }
|
||||
a:focus { outline: thin dotted; }
|
||||
a:active, a:hover { outline: none; }
|
||||
a img { border: none; }
|
||||
q, cite {
|
||||
font-style: italic;
|
||||
}
|
||||
q:before, q:after {
|
||||
content: "";
|
||||
}
|
||||
sup, sub {
|
||||
font-size: .75em;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
sup { top: -0.5em; }
|
||||
sub { bottom: -0.25em; }
|
||||
abbr[title] {
|
||||
border-bottom: 1px dotted;
|
||||
cursor: help;
|
||||
}
|
||||
b, strong {
|
||||
font-weight: bold;
|
||||
font-size: 0.9375em;
|
||||
}
|
||||
small {
|
||||
font-size: 80%;
|
||||
}
|
||||
dfn {
|
||||
font-style: italic;
|
||||
}
|
||||
hr {
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
height: 0;
|
||||
}
|
||||
mark {
|
||||
background: #ff0;
|
||||
color: #000;
|
||||
}
|
||||
code, kbd, pre, samp {
|
||||
font-family: monospace, serif;
|
||||
font-size: 1em;
|
||||
}
|
||||
pre {
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
fieldset {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
}
|
||||
input, button, select {
|
||||
vertical-align: middle;
|
||||
}
|
||||
button, input, select, textarea {
|
||||
font-family: inherit;
|
||||
font-size: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
button, input {
|
||||
line-height: normal;
|
||||
}
|
||||
button,
|
||||
html input[type="button"],
|
||||
input[type="reset"],
|
||||
input[type="submit"] {
|
||||
-webkit-appearance: button;
|
||||
-moz-appearance: button;
|
||||
appearance: button;
|
||||
cursor: pointer;
|
||||
}
|
||||
button[disabled],
|
||||
html input[disabled] {
|
||||
cursor: default;
|
||||
}
|
||||
input[type="checkbox"],
|
||||
input[type="radio"] {
|
||||
padding: 0;
|
||||
border: none;
|
||||
}
|
||||
input[type="search"] {
|
||||
-webkit-appearance: textfield;
|
||||
-moz-appearance: textfield;
|
||||
appearance: textfield;
|
||||
}
|
||||
input[type="search"]::-webkit-search-cancel-button,
|
||||
input[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
}
|
||||
button::-moz-focus-inner,
|
||||
input::-moz-focus-inner {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
}
|
||||
textarea {
|
||||
overflow: auto;
|
||||
vertical-align: top;
|
||||
}
|
||||
button:-moz-focusring,
|
||||
textarea:-moz-focusring {
|
||||
outline: 2px solid #69b3fb;
|
||||
}
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
margin-bottom: 1.5em;
|
||||
}
|
||||
td, th {
|
||||
padding: 1px;
|
||||
vertical-align: top;
|
||||
text-align: left;
|
||||
}
|
||||
td:first-child, th:first-child {
|
||||
empty-cells: hide;
|
||||
}
|
||||
/* scripts */
|
||||
body > script {display: none !important;}
|
||||
|
||||
/* HTML5 for old browsers */
|
||||
article, aside, details, figcaption, figure, footer,
|
||||
header, hgroup, main, nav, section, summary {
|
||||
display: block;
|
||||
}
|
||||
audio, canvas, video {
|
||||
display: inline-block;
|
||||
}
|
||||
audio:not([controls]) {
|
||||
display: none;
|
||||
height: 0;
|
||||
}
|
||||
figure {
|
||||
margin: 0;
|
||||
}
|
||||
[hidden], template {
|
||||
display: none;
|
||||
}
|
||||
svg:not(:root) {
|
||||
overflow: hidden;
|
||||
}
|
||||
/* Headings reset */
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-size: 1em;
|
||||
font-weight: normal;
|
||||
margin: 0;
|
||||
}
|
||||
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
|
||||
.visually-hidden {
|
||||
border: 0;
|
||||
clip: rect(0 0 0 0);
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
}
|
||||
Reference in New Issue
Block a user