Browse Source

grand nettoyage, on est fin prêt à part la typo à vérifier

v2
chankalan 3 years ago
parent
commit
1c327de4bb
  1. 2
      body.html
  2. 14
      content/401.html
  3. 14
      content/404.html
  4. 21
      content/auteur.html
  5. 27
      content/mot.html
  6. 75
      content/plan.html
  7. 10
      content/recherche.html
  8. 29
      css/fonts.css
  9. 17
      css/styles_config.css.html
  10. 7
      css/theme.scss
  11. BIN
      css00/.ie8.scss.kate-swp
  12. BIN
      css00/.ie9.scss.kate-swp
  13. BIN
      css00/.main.scss.kate-swp
  14. BIN
      css00/.theme.scss.kate-swp
  15. 23
      css00/_font.scss
  16. BIN
      css00/base/._page.scss.kate-swp
  17. BIN
      css00/base/._typography.scss.kate-swp
  18. 39
      css00/base/_page.scss
  19. 186
      css00/base/_typography.scss
  20. BIN
      css00/components/._box.scss.kate-swp
  21. BIN
      css00/components/._button.scss.kate-swp
  22. BIN
      css00/components/._features.scss.kate-swp
  23. BIN
      css00/components/._form.scss.kate-swp
  24. BIN
      css00/components/._icon.scss.kate-swp
  25. BIN
      css00/components/._image.scss.kate-swp
  26. BIN
      css00/components/._list.scss.kate-swp
  27. BIN
      css00/components/._mini-posts.scss.kate-swp
  28. BIN
      css00/components/._posts.scss.kate-swp
  29. BIN
      css00/components/._section.scss.kate-swp
  30. BIN
      css00/components/._table.scss.kate-swp
  31. 26
      css00/components/_box.scss
  32. 87
      css00/components/_button.scss
  33. 156
      css00/components/_features.scss
  34. 37
      css00/components/_fonts.scss
  35. 182
      css00/components/_form.scss
  36. 17
      css00/components/_icon.scss
  37. 74
      css00/components/_image.scss
  38. 255
      css00/components/_list.scss
  39. 31
      css00/components/_mini-posts.scss
  40. 179
      css00/components/_posts.scss
  41. 39
      css00/components/_section.scss
  42. 81
      css00/components/_table.scss
  43. 4
      css00/fontawesome/font-awesome.min.css
  44. BIN
      css00/fonts/FontAwesome.otf
  45. BIN
      css00/fonts/fontawesome-webfont.eot
  46. 685
      css00/fonts/fontawesome-webfont.svg
  47. BIN
      css00/fonts/fontawesome-webfont.ttf
  48. BIN
      css00/fonts/fontawesome-webfont.woff
  49. BIN
      css00/fonts/fontawesome-webfont.woff2
  50. BIN
      css00/fonts/opensans-semibold-webfont.woff
  51. BIN
      css00/fonts/opensans-semibold-webfont.woff2
  52. BIN
      css00/fonts/opensans-semibolditalic-webfont.woff
  53. BIN
      css00/fonts/opensans-semibolditalic-webfont.woff2
  54. BIN
      css00/fonts/robotoslab-bold-webfont.woff
  55. BIN
      css00/fonts/robotoslab-bold-webfont.woff2
  56. BIN
      css00/fonts/robotoslab-regular-webfont.woff
  57. BIN
      css00/fonts/robotoslab-regular-webfont.woff2
  58. BIN
      css00/layout/._banner.scss.kate-swp
  59. BIN
      css00/layout/._footer.scss.kate-swp
  60. BIN
      css00/layout/._header.scss.kate-swp
  61. BIN
      css00/layout/._main.scss.kate-swp
  62. BIN
      css00/layout/._menu.scss.kate-swp
  63. BIN
      css00/layout/._sidebar.scss.kate-swp
  64. BIN
      css00/layout/._wrapper.scss.kate-swp
  65. 75
      css00/layout/_banner.scss
  66. 18
      css00/layout/_footer.scss
  67. 51
      css00/layout/_header.scss
  68. 58
      css00/layout/_main.scss
  69. 98
      css00/layout/_menu.scss
  70. 223
      css00/layout/_sidebar.scss
  71. 13
      css00/layout/_wrapper.scss
  72. 34
      css00/libs/_functions.scss
  73. 398
      css00/libs/_mixins.scss
  74. 587
      css00/libs/_skel.scss
  75. 44
      css00/libs/_vars.scss
  76. 60
      css00/main.scss
  77. 266
      css00/spip.scss
  78. 214
      css00/theme.scss
  79. 13
      css00/vars_spip.scss.html
  80. 21
      footer/dist.html
  81. 51
      formulaires/configurer_html5up.html
  82. 7
      formulaires/recherche.html
  83. 42
      formulaires/recherche.php
  84. 8
      head/breve.html
  85. 4
      head/recherche.html
  86. 7
      head/site.html
  87. 4
      html5up_spectral_administrations.php
  88. 9
      html5up_spectral_fonctions.php
  89. 1
      html5up_spectral_options.php
  90. 36
      inclure/footer.html
  91. 16
      inclure/liste/articles-recherche.html
  92. 16
      inclure/liste/rubriques-recherche.html
  93. 54
      inclure/logospip.html
  94. 4
      inclure/resume/rubrique.html
  95. 9
      inclure/rezo.html
  96. 58
      inclure/rss-item.html
  97. 14
      lang/html5up_fr.php
  98. 7
      modeles/article_resume.html
  99. 8
      modeles/button_primary.html
  100. 3
      modeles/icone.html
  101. Some files were not shown because too many files have changed in this diff Show More

2
body.html

@ -10,7 +10,7 @@
<!-- Footer -->
<footer id="footer">
<INCLURE{fond=inclure/footer} />
<INCLURE{fond=footer/#ENV{type-page}} />
</footer>
</div><!-- page-wrapper -->

14
content/401.html

@ -1,8 +1,12 @@
<section>
<article id="main">
<header class="main">
<h1>401</h1>
<!-- breadcrumb -->
<INCLURE{fond=breadcrumb/#ENV{type-page},env} />
</header>
#FORMULAIRE_LOGIN{#ENV{cible},'',0}
</section>
<section class="wrapper style5">
<div class="inner">
#FORMULAIRE_RECHERCHE
</div>
</section>
</article>

14
content/404.html

@ -1,8 +1,12 @@
<section>
<article id="main">
<header class="main">
<h1>404</h1>
<!-- breadcrumb -->
<INCLURE{fond=breadcrumb/#ENV{type-page},env} />
</header>
#FORMULAIRE_RECHERCHE
</section>
<section class="wrapper style5">
<div class="inner">
#FORMULAIRE_RECHERCHE
</div>
</section>
</article>

21
content/auteur.html

@ -1,18 +1,19 @@
<BOUCLE_content(AUTEURS){id_auteur}>
<section>
<article id="main">
<header class="main">
<h1 class="#EDIT{qui} fn" itemprop="name">[(#LOGO_AUTEUR|image_reduire|inserer_attribut{itemprop,image})]#NOM</h1>
[<h1 class="#EDIT{titre}">(#TITRE)</h1>]
<!-- breadcrumb -->
<INCLURE{fond=breadcrumb/auteur,env} />
</header>
<section class="wrapper style5">
<div class="inner">
[<div class="#EDIT{bio} texte bio">(#BIO)</div>]
[<p class="#EDIT{hyperlien} hyperlien"><:voir_en_ligne:> : <a href="(#URL_SITE)" class="url spip_out" itemprop="url">[(#NOM_SITE|sinon{[(#URL_SITE|couper{80})]})]</a></p>]
[<div class="#EDIT{bio} texte bio">(#BIO)</div>]
[<p class="#EDIT{hyperlien} hyperlien"><:voir_en_ligne:> : <a href="(#URL_SITE)" class="url spip_out" itemprop="url">[(#NOM_SITE|sinon{[(#URL_SITE|couper{80})]})]</a></p>]
#FORMULAIRE_ECRIRE_AUTEUR
#FORMULAIRE_ECRIRE_AUTEUR
[<div class="notes"><h2><:info_notes:></h2>(#NOTES)</div>]
</section>
[<div class="notes"><h2><:info_notes:></h2>(#NOTES)</div>]
</div>
</section>
</article>
</BOUCLE_content>

27
content/mot.html

@ -1,21 +1,22 @@
<BOUCLE_mot(MOTS){id_mot}>
<section>
<article id="main">
<header class="main">
[<h1 class="#EDIT{titre}">(#TITRE)</h1>]
<!-- breadcrumb -->
<INCLURE{fond=breadcrumb/mot,env} />
</header>
<section class="wrapper style5">
<div class="inner">
[<div class="texte #EDIT{texte}">(#TEXTE|adaptive_images)</div>]
<INCLURE{fond=inclure/liste/articles,id_mot,ajax,env,parpage=6} />
[<div class="texte #EDIT{texte}">(#TEXTE|adaptive_images)</div>]
<INCLURE{fond=inclure/documents,id_mot,ajax,env} />
</section>
<section>[(#REM) grader la section ici pour eviter de la mettre dans une div ajaxee -> perte de la mise en forme]
<INCLURE{fond=inclure/liste/articles,id_mot,ajax,env,parpage=6} />
</section>
<section>
<INCLURE{fond=inclure/liste/mots,id_mot,ajax,env,parpage=6} />
</section>
<INCLURE{fond=inclure/liste/rubriques,id_mot,ajax,env,parpage=6} />
<INCLURE{fond=inclure/liste/mots,id_mot,ajax,env,parpage=6} />
[<div class="notes"><h2><:info_notes:></h2>(#NOTES)</div>]
</div>
</section>
</article>
</BOUCLE_mot>

75
content/plan.html

@ -1,44 +1,49 @@
<section>
<article id="main">
<header class="main">
[<p class="surtitre">(#SURTITRE)</p>]
[<h1>(#TITRE)</h1>]
[<p class="soustitre">(#SOUSTITRE)</p>]
<h1><:plan_site:></h1>
<!-- breadcrumb -->
<INCLURE{fond=breadcrumb/#ENV{type-page},env} />
</header>
<section class="wrapper style5">
<div class="inner">
<BOUCLE_rubriques(RUBRIQUES){par num titre, titre}{racine}>
<BOUCLE_srubriques(RUBRIQUES){id_rubrique}>
<BOUCLE_rubriques(RUBRIQUES){par num titre, titre}{racine}>
<BOUCLE_srubriques(RUBRIQUES){id_rubrique}>
<h2 class="h2"><a href="#URL_RUBRIQUE">#TITRE</a></h2>
<h2 class="h2"><a href="#URL_RUBRIQUE">#TITRE</a></h2>
[(#REM) Articles et sous-rubriques ]
<B_articles_racine>
<ul class="plan">
<BOUCLE_articles_racine(ARTICLES) {id_rubrique} {par titre}>
<li><a href="#URL_ARTICLE">#TITRE</a></li>
</BOUCLE_articles_racine>
</ul>
</B_articles_racine>
[(#REM) Articles et sous-rubriques ]
<B_articles_racine>
<ul class="plan">
<BOUCLE_articles_racine(ARTICLES) {id_rubrique} {par titre}>
<li><a href="#URL_ARTICLE">#TITRE</a></li>
</BOUCLE_articles_racine>
</ul>
</B_articles_racine>
<B_ssrubriques>
<ul class="plan">
<BOUCLE_ssrubriques(RUBRIQUES) {id_parent} {par titre}>
<li>
<strong><a href="#URL_RUBRIQUE">#TITRE</a></strong>
<B_ssrubriques>
<ul class="plan">
<BOUCLE_ssrubriques(RUBRIQUES) {id_parent} {par titre}>
<li>
<strong><a href="#URL_RUBRIQUE">#TITRE</a></strong>
<B_articles>
<ul>
<BOUCLE_articles(ARTICLES) {id_rubrique} {par titre}>
<li><a href="#URL_ARTICLE">#TITRE</a></li>
</BOUCLE_articles>
</ul>
</B_articles>
<B_articles>
<ul>
<BOUCLE_articles(ARTICLES) {id_rubrique} {par titre}>
<li><a href="#URL_ARTICLE">#TITRE</a></li>
</BOUCLE_articles>
</ul>
</B_articles>
<BOUCLE_sous_rubriques(BOUCLE_ssrubriques)></BOUCLE_sous_rubriques>
</li>
</BOUCLE_ssrubriques>
</ul>
</B_ssrubriques>
</BOUCLE_srubriques>
</BOUCLE_rubriques>
</section>
<BOUCLE_sous_rubriques(BOUCLE_ssrubriques)></BOUCLE_sous_rubriques>
</li>
</BOUCLE_ssrubriques>
</ul>
</B_ssrubriques>
</BOUCLE_srubriques>
</BOUCLE_rubriques>
</div>
</section>
</article>
</section>

10
content/recherche.html

@ -1,10 +0,0 @@
<!-- recherche -->
[(#ENV{recherche}|oui)
<section class="wrapper">
<div class="inner">
<h3 class="major"><:resultats_recherche:> [&laquo; <strong class="on">(#RECHERCHE)</strong> &raquo;]</h3>
<INCLURE{fond=inclure/liste/articles-recherche, env, ajax} />
<INCLURE{fond=inclure/liste/rubriques-recherche, env, ajax} />
</div>
</section>
]

29
css/fonts.css

@ -0,0 +1,29 @@
/* open sans */
@font-face {
font-family: "Open Sans";
font-style:normal;
font-weight:700;
src: url("../webfonts/OpenSans-bold-webfont.woff2") format("woff2"),
url("../webfonts/opensans-bold-webfont.woff") format("woff");
}
@font-face {
font-family: "Open Sans";
font-style:italic;
font-weight:700;
src: url("../webfonts/OpenSans-bolditalic-webfont.woff2") format("woff2"),
url("../webfonts/opensans-bolditalic-webfont.woff") format("woff");
}
@font-face {
font-family: "Open Sans";
font-style:normal;
font-weight:400;
src: url("../webfonts/OpenSans-regular-webfont.woff2") format("woff2"),
url("../webfonts/opensans-regular-webfont.woff") format("woff");
}
@font-face {
font-family: "Open Sans";
font-style:italic;
font-weight:400;
src: url("../webfonts/OpenSans-regularitalic-webfont.woff2") format("woff2"),
url("../webfonts/opensans-regularitalic-webfont.woff") format("woff");
}

17
css/styles_config.css.html

@ -25,14 +25,15 @@ body.landing #page-wrapper {
[background-color:(#CONFIG{html5up/couleur_bkg});]
}
[#header, .wrapper.style2, .arbo, #banner:after { background-color:(#CONFIG{html5up/couleur_bkg}); }]
[#header, .wrapper.style2, #banner:after { background-color:(#CONFIG{html5up/couleur_bkg}); }]
[#header, #header nav > ul > li > a.menuToggle { color:(#CONFIG{html5up/couleur_typo});}]
[body.landing #footer, #footer { background-color: rgba((#CONFIG{html5up/couleur_bkg}|hex2dec),0.9); }]
[.arbo { color:rgba((#CONFIG{html5up/couleur_typo}|hex2dec),0.5) !important; }]
[.arbo a, .arbo strong { color:rgba((#CONFIG{html5up/couleur_typo}|hex2dec),0.5) !important; }]
[body.landing #footer, #footer { background-color: rgba((#CONFIG{html5up/couleur_bkg}|html5up_hex2dec),0.9); }]
[.arbo, .arbo a, .arbo strong { color:rgba((#CONFIG{html5up/couleur_typo_entete}|html5up_hex2dec),0.5) !important; }]
[(#CONFIG{html5up/image_bkg}|non)
[#banner, body.is-mobile.landing #banner, #main > header { background-color:(#CONFIG{html5up/couleur_bkg_entete}); }]
]
[#banner, #banner .more, #banner h2 { color:(#CONFIG{html5up/couleur_typo_entete}); }]
[#banner h2:before, #banner h2:after { background-color:(#CONFIG{html5up/couleur_typo_entete}); }]
@ -46,6 +47,12 @@ body.landing #page-wrapper {
.wrapper.style1, .wrapper.style1 h2 {[ color:(#CONFIG{html5up/couleur_typo_hero});][ background-color:(#CONFIG{html5up/couleur_bkg_hero});] }
.wrapper.style3, .wrapper.style3 h2, .wrapper.style3 strong {[ color:(#CONFIG{html5up/couleur_typo_major});][ background-color:(#CONFIG{html5up/couleur_bkg_major});] }
.wrapper.style3 {[ color:(#CONFIG{html5up/couleur_typo_major});][ background-color:(#CONFIG{html5up/couleur_bkg_major});] }
[(#CONFIG{html5up/image_bkg}|non)
.wrapper.style4 {[ background-color:(#CONFIG{html5up/couleur_bkg_entete});] }
]
.wrapper.style4 {[ color:(#CONFIG{html5up/couleur_typo_entete});] }
/*
, .wrapper.style1 h3, .wrapper.style1 h4, .wrapper.style1 h5, .wrapper.style1 h6
*/

7
css/theme.scss

@ -1,6 +1,6 @@
/* adaptations pour SPIP */
.arbo { font-size:0.7em; padding:0 1.25rem; position: absolute; top: 50px; left: 0; right: 0; text-align:left; }
.arbo { font-size:0.7em; padding:0.25em 1.25rem 0; position: absolute; top: 50px; left: 0; right: 0; text-align:left; }
#main > header { padding-left:1.25rem; padding-right:1.25rem; }
#main > header h1 { font-size: 1.75em; margin: 0 0 .5em; }
@ -21,3 +21,8 @@
i { font-size:130%; padding:1rem; }
}
}
.sociaux { margin-bottom:2rem;
.socicon { font-size:1rem; opacity:0.7;
&:hover { opacity:1; }
}
}

BIN
css00/.ie8.scss.kate-swp

Binary file not shown.

BIN
css00/.ie9.scss.kate-swp

Binary file not shown.

BIN
css00/.main.scss.kate-swp

Binary file not shown.

BIN
css00/.theme.scss.kate-swp

Binary file not shown.

23
css00/_font.scss

@ -1,23 +0,0 @@
/// Font Face
/// https://gist.github.com/jonathantneal/d0460e5c2d5d7f9bc5e6#file-_mixins-scss
/// simplification pour uniquement woff2 et woff
@mixin font-face($name, $path, $weight: null, $style: null, $exts: woff2 woff) {
$src: null;
@each $ext in $exts {
$src: append($src, url(quote($path + "." + $ext)) format(quote($ext)), comma);
}
@font-face {
font-family: quote($name);
font-style: $style;
font-weight: $weight;
src: $src;
}
}
@include font-face(Roboto Slab, fonts/robotoslab-regular-webfont, 400, normal);
@include font-face(Roboto Slab, fonts/robotoslab-bold-webfont, 700, bold);
@include font-face(Open Sans, fonts/opensans-regular-webfont, 400, normal);
@include font-face(Open Sans, fonts/opensans-semibold-webfont, 600, normal);
@include font-face(Open Sans, fonts/opensans-italic-webfont, 400, italic);
@include font-face(Open Sans, fonts/opensans-semibolditalic-webfont, 600, italic);

BIN
css00/base/._page.scss.kate-swp

Binary file not shown.

BIN
css00/base/._typography.scss.kate-swp

Binary file not shown.

39
css00/base/_page.scss

@ -1,39 +0,0 @@
///
/// Editorial by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Basic */
// MSIE: Required for IEMobile.
@-ms-viewport {
width: device-width;
}
// MSIE: Prevents scrollbar from overlapping content.
body {
-ms-overflow-style: scrollbar;
}
// Ensures page width is always >=320px.
@include breakpoint(xsmall) {
html, body {
min-width: 320px;
}
}
body {
background: _palette(bg);
// Prevents animation/transition "flicker".
// Automatically added/removed by js/main.js.
&.is-loading,
&.is-resizing {
*, *:before, *:after {
@include vendor('animation', 'none !important');
@include vendor('transition', 'none !important');
}
}
}

186
css00/base/_typography.scss

@ -1,186 +0,0 @@
///
/// Editorial by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Type */
body, input, select, textarea {
color: _palette(fg);
font-family: _font(family);
font-size: 13pt;
font-weight: _font(weight);
line-height: 1.65;
@include breakpoint(xlarge) {
font-size: 11pt;
}
@include breakpoint(large) {
font-size: 10pt;
}
@include breakpoint(xxsmall) {
font-size: 9pt;
}
}
a {
@include vendor('transition', (
'color #{_duration(transition)} ease-in-out',
'border-bottom-color #{_duration(transition)} ease-in-out'
));
border-bottom: dotted 1px;
color: _palette(accent);
text-decoration: none;
&:hover {
border-bottom-color: _palette(accent);
color: _palette(accent) !important;
strong {
color: inherit;
}
}
}
strong, b {
color: _palette(fg-bold);
font-weight: _font(weight-bold);
}
em, i {
font-style: italic;
}
p {
margin: 0 0 _size(element-margin) 0;
}
h1, h2, h3, h4, h5, h6 {
color: _palette(fg-bold);
font-family: _font(family-heading);
font-weight: _font(weight-heading);
line-height: 1.5;
margin: 0 0 (_size(element-margin) * 0.5) 0;
a {
color: inherit;
text-decoration: none;
}
}
h1 {
font-size: 4em;
margin: 0 0 (_size(element-margin) * 0.25) 0;
line-height: 1.3;
}
h2 {
font-size: 1.75em;
}
h3 {
font-size: 1.25em;
}
h4 {
font-size: 1.1em;
}
h5 {
font-size: 0.9em;
}
h6 {
font-size: 0.7em;
}
@include breakpoint(xlarge) {
h1 {
font-size: 3.5em;
}
}
@include breakpoint(medium) {
h1 {
font-size: 3.25em;
}
}
@include breakpoint(small) {
h1 {
font-size: 2em;
line-height: 1.4;
}
h2 {
font-size: 1.5em;
}
}
sub {
font-size: 0.8em;
position: relative;
top: 0.5em;
}
sup {
font-size: 0.8em;
position: relative;
top: -0.5em;
}
blockquote {
border-left: solid 3px _palette(border);
font-style: italic;
margin: 0 0 _size(element-margin) 0;
padding: (_size(element-margin) / 4) 0 (_size(element-margin) / 4) _size(element-margin);
}
code {
background: _palette(border-bg);
border-radius: _size(border-radius);
border: solid 1px _palette(border);
font-family: _font(family-fixed);
font-size: 0.9em;
margin: 0 0.25em;
padding: 0.25em 0.65em;
}
pre {
-webkit-overflow-scrolling: touch;
font-family: _font(family-fixed);
font-size: 0.9em;
margin: 0 0 _size(element-margin) 0;
code {
display: block;
line-height: 1.75;
padding: 1em 1.5em;
overflow-x: auto;
}
}
hr {
border: 0;
border-bottom: solid 1px _palette(border);
margin: _size(element-margin) 0;
&.major {
margin: (_size(element-margin) * 1.5) 0;
}
}
.align-left {
text-align: left;
}
.align-center {
text-align: center;
}
.align-right {
text-align: right;
}

BIN
css00/components/._box.scss.kate-swp

Binary file not shown.

BIN
css00/components/._button.scss.kate-swp

Binary file not shown.

BIN
css00/components/._features.scss.kate-swp

Binary file not shown.

BIN
css00/components/._form.scss.kate-swp

Binary file not shown.

BIN
css00/components/._icon.scss.kate-swp

Binary file not shown.

BIN
css00/components/._image.scss.kate-swp

Binary file not shown.

BIN
css00/components/._list.scss.kate-swp

Binary file not shown.

BIN
css00/components/._mini-posts.scss.kate-swp

Binary file not shown.

BIN
css00/components/._posts.scss.kate-swp

Binary file not shown.

BIN
css00/components/._section.scss.kate-swp

Binary file not shown.

BIN
css00/components/._table.scss.kate-swp

Binary file not shown.

26
css00/components/_box.scss

@ -1,26 +0,0 @@
///
/// Editorial by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Box */
.box {
border-radius: _size(border-radius);
border: solid 1px _palette(border);
margin-bottom: _size(element-margin);
padding: 1.5em;
> :last-child,
> :last-child > :last-child,
> :last-child > :last-child > :last-child {
margin-bottom: 0;
}
&.alt {
border: 0;
border-radius: 0;
padding: 0;
}
}

87
css00/components/_button.scss

@ -1,87 +0,0 @@
///
/// Editorial by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Button */
input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button {
@include vendor('appearance', 'none');
@include vendor('transition', (
'background-color #{_duration(transition)} ease-in-out',
'color #{_duration(transition)} ease-in-out'
));
background-color: transparent;
border-radius: _size(border-radius);
border: 0;
box-shadow: inset 0 0 0 2px _palette(accent);
color: _palette(accent) !important;
cursor: pointer;
display: inline-block;
font-family: _font(family-heading);
font-size: 0.8em;
font-weight: _font(weight-heading);
height: 3.5em;
letter-spacing: _font(kerning-heading);
line-height: 3.5em;
padding: 0 2.25em;
text-align: center;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
&:hover {
background-color: transparentize(_palette(accent), 0.95);
}
&:active {
background-color: transparentize(_palette(accent), 0.85);
}
&.icon {
&:before {
margin-right: 0.5em;
}
}
&.fit {
display: block;
margin: 0 0 (_size(element-margin) * 0.5) 0;
width: 100%;
}
&.small {
font-size: 0.6em;
}
&.big {
font-size: 1em;
height: 3.65em;
line-height: 3.65em;
}
&.special {
background-color: _palette(accent);
box-shadow: none;
color: _palette(bg) !important;
&:hover {
background-color: lighten(_palette(accent), 3);
}
&:active {
background-color: darken(_palette(accent), 3);
}
}
&.disabled,
&:disabled {
@include vendor('pointer-events', 'none');
opacity: 0.25;
}
}

156
css00/components/_features.scss

@ -1,156 +0,0 @@
///
/// Editorial by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Features */
.features {
$gutter: _size(gutter);
@include vendor('display', 'flex');
@include vendor('flex-wrap', 'wrap');
margin: 0 0 _size(element-margin) ($gutter * -1);
width: calc(100% + #{$gutter});
article {
@include vendor('align-items', 'center');
@include vendor('display', 'flex');
margin: 0 0 $gutter $gutter;
position: relative;
width: calc(50% - #{$gutter});
&:nth-child(2n - 1) {
margin-right: ($gutter * 0.5);
}
&:nth-child(2n) {
margin-left: ($gutter * 0.5);
}
&:nth-last-child(1),
&:nth-last-child(2) {
margin-bottom: 0;
}
.icon {
@include vendor('flex-grow', '0');
@include vendor('flex-shrink', '0');
display: block;
height: 10em;
line-height: 10em;
margin: 0 _size(element-margin) 0 0;
text-align: center;
width: 10em;
&:before {
color: _palette(accent);
font-size: 2.75rem;
position: relative;
top: 0.05em;
}
&:after {
@include vendor('transform', 'rotate(45deg)');
border-radius: 0.25rem;
border: solid 2px _palette(border);
content: '';
display: block;
height: 7em;
left: 50%;
margin: -3.5em 0 0 -3.5em;
position: absolute;
top: 50%;
width: 7em;
}
}
.content {
@include vendor('flex-grow', '1');
@include vendor('flex-shrink', '1');
width: 100%;
> :last-child {
margin-bottom: 0;
}
}
}
@include breakpoint(medium) {
margin: 0 0 _size(element-margin) 0;
width: 100%;
article {
margin: 0 0 $gutter 0;
width: 100%;
&:nth-child(2n - 1) {
margin-right: 0;
}
&:nth-child(2n) {
margin-left: 0;
}
&:nth-last-child(1),
&:nth-last-child(2) {
margin-bottom: $gutter;
}
&:last-child {
margin-bottom: 0;
}
.icon {
height: 8em;
line-height: 8em;
width: 8em;
&:before {
font-size: 2.25rem;
}
&:after {
height: 6em;
margin: -3em 0 0 -3em;
width: 6em;
}
}
}
}
@include breakpoint(xsmall) {
article {
@include vendor('flex-direction', 'column');
@include vendor('align-items', 'flex-start');
.icon {
height: 6em;
line-height: 6em;
margin: 0 0 (_size(element-margin) * 0.75) 0;
width: 6em;
&:before {
font-size: 1.5rem;
}
&:after {
height: 4em;
margin: -2em 0 0 -2em;
width: 4em;
}
}
}
}
@include breakpoint(xsmall) {
article {
.icon {
&:before {
font-size: 1.25rem;
}
}
}
}
}

37
css00/components/_fonts.scss

@ -1,37 +0,0 @@
@font-face {
font-family: 'Open Sans';
src: url('fonts/opensans-regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal
}
/*@font-face {
font-family: 'Open Sans';
src: url('fonts/opensans-semibold-webfont.woff') format('woff');
font-weight: 600;
font-style: normal
}
@font-face {
font-family: 'opensans';
src: url('fonts/opensans-italic-webfont.woff') format('woff');
font-weight: normal;
font-style: italic
}
@font-face {
font-family: 'Open Sans';
src: url('fonts/opensans-semibolditalic-webfont.woff') format('woff');
font-weight: 600;
font-style: italic
}*/
@font-face {
font-family: 'Roboto Slab';
src: url('../../fonts/robotoslab-regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal
}
/*@font-face {
font-family: 'Roboto Slab';
src: url('fonts/robotoslab-bold-webfont.woff') format('woff');
font-weight: 700;
font-style: normal
}*/

182
css00/components/_form.scss

@ -1,182 +0,0 @@
///
/// Editorial by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Form */
form {
margin: 0 0 _size(element-margin) 0;
}
label {
color: _palette(fg-bold);
display: block;
font-size: 0.9em;
font-weight: _font(weight-bold);
margin: 0 0 (_size(element-margin) * 0.5) 0;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="url"],
select,
textarea {
@include vendor('appearance', 'none');
background: _palette(bg);
border-radius: _size(border-radius);
border: none;
border: solid 1px _palette(border);
color: inherit;
display: block;
outline: 0;
padding: 0 1em;
text-decoration: none;
width: 100%;
&:invalid {
box-shadow: none;
}
&:focus {
border-color: _palette(accent);
box-shadow: 0 0 0 1px _palette(accent);
}
}
.select-wrapper {
@include icon;
display: block;
position: relative;
&:before {
color: _palette(border);
content: '\f078';
display: block;
height: _size(element-height);
line-height: _size(element-height);
pointer-events: none;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: _size(element-height);
}
select::-ms-expand {
display: none;
}
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="url"],
select {
height: _size(element-height);
}
textarea {
padding: 0.75em 1em;
}
input[type="checkbox"],
input[type="radio"], {
@include vendor('appearance', 'none');
display: block;
float: left;
margin-right: -2em;
opacity: 0;
width: 1em;
z-index: -1;
& + label {
@include icon;
color: _palette(fg);
cursor: pointer;
display: inline-block;
font-size: 1em;
font-weight: _font(weight);
padding-left: (_size(element-height) * 0.6) + 0.75em;
padding-right: 0.75em;
position: relative;
&:before {
background: _palette(bg);
border-radius: _size(border-radius);
border: solid 1px _palette(border);
content: '';
display: inline-block;
height: (_size(element-height) * 0.6);
left: 0;
line-height: (_size(element-height) * 0.575);
position: absolute;
text-align: center;
top: 0;
width: (_size(element-height) * 0.6);
}
}
&:checked + label {
&:before {
background: _palette(fg-bold);
border-color: _palette(fg-bold);
color: _palette(bg);
content: '\f00c';
}
}
&:focus + label {
&:before {
border-color: _palette(accent);
box-shadow: 0 0 0 1px _palette(accent);
}
}
}
input[type="checkbox"] {
& + label {
&:before {
border-radius: _size(border-radius);
}
}
}
input[type="radio"] {
& + label {
&:before {
border-radius: 100%;
}
}
}
::-webkit-input-placeholder {
color: _palette(fg-light) !important;
opacity: 1.0;
}
:-moz-placeholder {
color: _palette(fg-light) !important;
opacity: 1.0;
}
::-moz-placeholder {
color: _palette(fg-light) !important;
opacity: 1.0;
}
:-ms-input-placeholder {
color: _palette(fg-light) !important;
opacity: 1.0;
}
.formerize-placeholder {
color: _palette(fg-light) !important;
opacity: 1.0;
}

17
css00/components/_icon.scss

@ -1,17 +0,0 @@
///
/// Editorial by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Icon */
.icon {
@include icon;
border-bottom: none;
position: relative;
> .label {
display: none;
}
}

74
css00/components/_image.scss

@ -1,74 +0,0 @@
///
/// Editorial by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Image */
.image {
border-radius: _size(border-radius);
border: 0;
display: inline-block;
position: relative;
img {
border-radius: _size(border-radius);
display: block;
}
&.left,
&.right {
max-width: 40%;
img {
width: 100%;
}
}
&.left {
float: left;
padding: 0 1.5em 1em 0;
top: 0.25em;
}
&.right {
float: right;
padding: 0 0 1em 1.5em;
top: 0.25em;
}
&.fit {
display: block;
margin: 0 0 _size(element-margin) 0;
width: 100%;
img {
width: 100%;
}
}
&.main {
display: block;
margin: 0 0 (_size(element-margin) * 1.5) 0;
width: 100%;
img {
width: 100%;
}
}
}
a.image {
overflow: hidden;
img {
@include vendor('transition', 'transform #{_duration(transition)} ease');
}
&:hover {
img {
@include vendor('transform', 'scale(1.075)');
}
}
}

255
css00/components/_list.scss

<
@ -1,255 +0,0 @@
///
/// Editorial by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* List */
ol {
list-style: decimal;
margin: 0 0 _size(element-margin) 0;
padding-left: 1.25em;
li {
padding-left: 0.25em;
}
}
ul {
list-style: disc;
margin: 0 0 _size(element-margin) 0;
padding-left: 1em;
li {
padding-left: 0.5em;
}
&.alt {
list-style: none;
padding-left: 0;
li {
border-top: solid 1px _palette(border);
padding: 0.5em 0;
&:first-child {
border-top: 0;
padding-top: 0;
}
}
}
&.icons {
cursor: default;
list-style: none;
padding-left: 0;
li {
display: inline-block;
padding: 0 1em 0 0;
&:last-child {
padding-right: 0;
}
.icon {
color: inherit;
&:before {
font-size: 1.25em;
}
}
}
}
&.contact {
list-style: none;
padding: 0;
li {
@include icon;
border-top: solid 1px _palette(border);
margin: 1.5em 0 0 0;
padding: 1.5em 0 0 3em;
position: relative;
&:before {
color: _palette(accent);
display: inline-block;
font-size: 1.5em;
height: 1.125em;
left: 0;
line-height: 1.125em;
position: absolute;
text-align: center;
top: (1.5em / 1.5);
width: 1.5em;
}
&:first-child {
border-top: 0;
margin-top: 0;
padding-top: 0;
&:before {
top: 0;
}
}
a {
color: inherit;
}
}
}
&.actions {
cursor: default;
list-style: none;
padding-left: 0;
li {
display: inline-block;
padding: 0 (_size(element-margin) * 0.5) 0 0;
vertical-align: middle;
&:last-child {
padding-right: 0;
}
}
&.small {
li {
padding: 0 (_size(element-margin) * 0.25) 0 0;
}
}
&.vertical {
li {
display: block;
padding: (_size(element-margin) * 0.5) 0 0 0;
&:first-child {
padding-top: 0;
}
> * {
margin-bottom: 0;
}
}
&.small {
li {
padding: (_size(element-margin) * 0.25) 0 0 0;
&:first-child {
padding-top: 0;
}
}
}
}
&.fit {
display: table;