18 changed files with 466 additions and 756 deletions
-
135css/_bootswatch.scss
-
191css/_variables.scss
-
440css/bootswatch.less
-
29css/font.css
-
BINcss/fonts/opensans-bold-webfont.woff
-
BINcss/fonts/opensans-bold-webfont.woff2
-
BINcss/fonts/opensans-bolditalic-webfont.woff
-
BINcss/fonts/opensans-bolditalic-webfont.woff2
-
BINcss/fonts/opensans-italic-webfont.woff
-
BINcss/fonts/opensans-italic-webfont.woff2
-
BINcss/fonts/opensans-regular-webfont.woff
-
BINcss/fonts/opensans-regular-webfont.woff2
-
74css/theme.scss
-
303css/variables.less
-
19lang/paquet-theme_bs4simplex_fr.php
-
18paquet.xml
-
13plugin.xml
-
BINvignette.png
@ -0,0 +1,135 @@ |
|||
// Simplex 4.3.1 |
|||
// Bootswatch |
|||
|
|||
|
|||
// Variables =================================================================== |
|||
|
|||
// see font.css |
|||
//$web-font-path: "https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap" !default; |
|||
//@import url($web-font-path); |
|||
|
|||
@mixin btn-shadow($color){ |
|||
@include gradient-y-three-colors(lighten($color, 3%), $color, 6%, darken($color, 3%)); |
|||
filter: none; |
|||
border: 1px solid darken($color, 6.5%); |
|||
} |
|||
|
|||
// Navbar ====================================================================== |
|||
|
|||
.navbar { |
|||
border-width: 1px; |
|||
border-style: solid; |
|||
|
|||
&-fixed-top { |
|||
border-width: 0 0 1px 0; |
|||
} |
|||
|
|||
&-fixed-bottom { |
|||
border-top-width: 1px 0 0 0; |
|||
border-style: solid; |
|||
} |
|||
} |
|||
|
|||
.bg-primary { |
|||
background-color: $primary !important; |
|||
border-color: darken($primary, 6.5%) !important; |
|||
} |
|||
|
|||
.bg-dark { |
|||
border-color: darken($dark, 6.5%) !important; |
|||
} |
|||
|
|||
.bg-light { |
|||
border-color: darken(#fff, 6.5%); |
|||
} |
|||
|
|||
// Buttons ===================================================================== |
|||
|
|||
.btn-primary, |
|||
.btn-primary:hover { |
|||
@include btn-shadow($primary); |
|||
} |
|||
|
|||
.btn-secondary, |
|||
.btn-secondary:hover { |
|||
@include btn-shadow($secondary); |
|||
} |
|||
|
|||
.btn-secondary:focus, |
|||
.btn-secondary:not([disabled]):not(.disabled):active, |
|||
.btn-secondary:not([disabled]):not(.disabled).active { |
|||
box-shadow: 0 0 0 0.2rem rgba($gray-200, 0.5); |
|||
} |
|||
|
|||
.btn-success, |
|||
.btn-success:hover { |
|||
@include btn-shadow($success); |
|||
} |
|||
|
|||
.btn-info, |
|||
.btn-info:hover { |
|||
@include btn-shadow($info); |
|||
} |
|||
|
|||
.btn-warning, |
|||
.btn-warning:hover { |
|||
@include btn-shadow($warning); |
|||
} |
|||
|
|||
.btn-danger, |
|||
.btn-danger:hover { |
|||
@include btn-shadow($danger); |
|||
} |
|||
|
|||
.btn-dark, |
|||
.btn-dark:hover { |
|||
@include btn-shadow($dark); |
|||
} |
|||
|
|||
.btn-light, |
|||
.btn-light:hover { |
|||
@include btn-shadow($light); |
|||
} |
|||
|
|||
.btn-outline-secondary { |
|||
border-color: $gray-400; |
|||
color: $gray-400; |
|||
|
|||
&:hover { |
|||
background-color: $gray-400; |
|||
color: $white; |
|||
} |
|||
} |
|||
|
|||
// Typography ================================================================== |
|||
|
|||
.text-secondary { |
|||
color: $gray-700 !important; |
|||
} |
|||
|
|||
// Tables ====================================================================== |
|||
|
|||
// Forms ======================================================================= |
|||
|
|||
legend, |
|||
label { |
|||
color: $headings-color; |
|||
} |
|||
|
|||
// Navs ======================================================================= |
|||
|
|||
.breadcrumb { |
|||
border: 1px solid darken(#fff, 6.5%); |
|||
} |
|||
|
|||
.pagination { |
|||
.page-link:hover { |
|||
text-decoration: none; |
|||
} |
|||
} |
|||
|
|||
// Indicators ================================================================== |
|||
|
|||
// Progress bars =============================================================== |
|||
|
|||
// Containers ================================================================== |
|||
@ -0,0 +1,191 @@ |
|||
// Simplex 4.3.1 |
|||
// Bootswatch |
|||
|
|||
// |
|||
// Color system |
|||
// |
|||
|
|||
$white: #fff !default; |
|||
$gray-100: #f8f9fa !default; |
|||
$gray-200: #ddd !default; |
|||
$gray-300: #ccc !default; |
|||
$gray-400: #bbb !default; |
|||
$gray-500: #adb5bd !default; |
|||
$gray-600: #777 !default; |
|||
$gray-700: #444 !default; |
|||
$gray-800: #373a3c !default; |
|||
$gray-900: #212529 !default; |
|||
$black: #000 !default; |
|||
|
|||
$blue: #007bff !default; |
|||
$indigo: #6610f2 !default; |
|||
$purple: #9B479F !default; |
|||
$pink: #e83e8c !default; |
|||
$red: #D9230F !default; |
|||
$orange: #D9831F !default; |
|||
$yellow: #ffc107 !default; |
|||
$green: #469408 !default; |
|||
$teal: #20c997 !default; |
|||
$cyan: #029ACF !default; |
|||
|
|||
$primary: $red !default; |
|||
$secondary: $white !default; |
|||
$success: $green !default; |
|||
$info: $cyan !default; |
|||
$warning: $purple !default; |
|||
$danger: $orange !default; |
|||
$light: $white !default; |
|||
$dark: $gray-800 !default; |
|||
|
|||
// Options |
|||
// |
|||
// Quickly modify global styling by enabling or disabling optional features. |
|||
|
|||
$enable-caret: true !default; |
|||
$enable-rounded: true !default; |
|||
$enable-shadows: false !default; |
|||
$enable-gradients: false !default; |
|||
$enable-transitions: true !default; |
|||
$enable-prefers-reduced-motion-media-query: true !default; |
|||
$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS |
|||
$enable-grid-classes: true !default; |
|||
$enable-pointer-cursor-for-buttons: true !default; |
|||
$enable-print-styles: true !default; |
|||
$enable-responsive-font-sizes: false !default; |
|||
$enable-validation-icons: true !default; |
|||
$enable-deprecation-messages: true !default; |
|||
|
|||
|
|||
// Spacing |
|||
|
|||
$spacer: 1.5rem !default; |
|||
$spacers: () !default; |
|||
// stylelint-disable-next-line scss/dollar-variable-default |
|||
$spacers: map-merge( |
|||
( |
|||
0: 0, |
|||
1: ($spacer * .25), |
|||
2: ($spacer * .5), |
|||
3: $spacer, |
|||
4: ($spacer * 1.5), |
|||
5: ($spacer * 3) |
|||
), |
|||
$spacers |
|||
); |
|||
|
|||
// Body |
|||
|
|||
$body-bg: #FCFCFC !default; |
|||
|
|||
// Grid breakpoints |
|||
// |
|||
// Define the minimum dimensions at which your layout will change, |
|||
// adapting to different screen sizes, for use in media queries. |
|||
|
|||
$grid-breakpoints: ( |
|||
xs: 0, |
|||
sm: 576px, |
|||
md: 768px, |
|||
lg: 992px, |
|||
xl: 1200px |
|||
) !default; |
|||
|
|||
// Grid containers |
|||
// |
|||
// Define the maximum width of `.container` for different screen sizes. |
|||
|
|||
$container-max-widths: ( |
|||
sm: 100vw, |
|||
md: 750px, |
|||
lg: 960px, |
|||
xl: 1140px |
|||
) !default; |
|||
|
|||
// Fonts |
|||
|
|||
$font-family-sans-serif: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default; |
|||
$font-family-base: $font-family-sans-serif !default; |
|||
|
|||
$font-size-base: 1rem !default; // Assumes the browser default, typically `16px` |
|||
$font-size-lg: $font-size-base * 1.25 !default; |
|||
$font-size-sm: $font-size-base * .875 !default; |
|||
|
|||
$line-height-base: 1.5 !default; |
|||
|
|||
$h1-font-size: $font-size-base * 2 !default; |
|||
$h2-font-size: $font-size-base * 1.5 !default; |
|||
$h3-font-size: $font-size-base * 1.25 !default; |
|||
$h4-font-size: $font-size-base * 1.1 !default; |
|||
$h5-font-size: $font-size-base !default; |
|||
$headings-line-height: 1.1 !default; |
|||
$headings-font-weight: 700; |
|||
|
|||
$blockquote-font-size: $font-size-base !default; |
|||
|
|||
// Tables |
|||
|
|||
$table-accent-bg: $gray-200 !default; |
|||
|
|||
// Dropdowns |
|||
|
|||
$dropdown-link-hover-color: $white !default; |
|||
$dropdown-link-hover-bg: $primary !default; |
|||
|
|||
// Navs |
|||
|
|||
$nav-link-padding-y: .9rem !default; |
|||
$nav-link-disabled-color: $gray-400 !default; |
|||
|
|||
$nav-tabs-border-color: darken(#fff, 6.5%) !default; |
|||
|
|||
// Navbar |
|||
|
|||
$navbar-dark-color: rgba($white,.75) !default; |
|||
$navbar-dark-hover-color: $white !default; |
|||
|
|||
// Pagination |
|||
|
|||
$pagination-border-color: $nav-tabs-border-color !default; |
|||
|
|||
$pagination-hover-color: $white !default; |
|||
$pagination-hover-bg: $primary !default; |
|||
$pagination-hover-border-color: $primary !default; |
|||
|
|||
$pagination-disabled-color: $gray-400 !default; |
|||
$pagination-disabled-border-color: $pagination-border-color !default; |
|||
|
|||
// Jumbotron |
|||
|
|||
$jumbotron-bg: $nav-tabs-border-color !default; |
|||
|
|||
// Cards |
|||
|
|||
$card-border-color: $nav-tabs-border-color !default; |
|||
|
|||
// Popovers |
|||
|
|||
$popover-border-color: $nav-tabs-border-color !default; |
|||
|
|||
// Modals |
|||
|
|||
$modal-content-border-color: $nav-tabs-border-color !default; |
|||
|
|||
$modal-header-border-color: $nav-tabs-border-color !default; |
|||
|
|||
// Progress bars |
|||
|
|||
$progress-bar-color: $primary !default; |
|||
|
|||
// List group |
|||
|
|||
$list-group-border-color: $nav-tabs-border-color !default; |
|||
|
|||
$list-group-disabled-bg: $nav-tabs-border-color !default; |
|||
|
|||
// Breadcrumbs |
|||
|
|||
$breadcrumb-bg: $white !default; |
|||
|
|||
$code-color: $gray-600; |
|||
|
|||
@import "bootstrap/css/_variables"; |
|||
@ -1,440 +0,0 @@ |
|||
// Bootswatch.less |
|||
// Swatch: Simplex |
|||
// Version: 2.1.1 |
|||
// ----------------------------------------------------- |
|||
|
|||
@boxShadow: 1px 1px 1px rgba(0, 0, 0, 0.2); |
|||
|
|||
// TYPOGRAPHY |
|||
// ----------------------------------------------------- |
|||
|
|||
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,700'); |
|||
|
|||
// SCAFFOLDING |
|||
// ----------------------------------------------------- |
|||
|
|||
hr { |
|||
border-bottom: none; |
|||
} |
|||
|
|||
// NAVBAR |
|||
// ----------------------------------------------------- |
|||
|
|||
.navbar { |
|||
|
|||
.navbar-inner { |
|||
.box-shadow(none); |
|||
} |
|||
|
|||
.brand { |
|||
padding: 12px 20px 8px; |
|||
font-family: @headingsFontFamily; |
|||
font-weight: bold; |
|||
|
|||
&:hover { |
|||
color: @linkColor; |
|||
} |
|||
} |
|||
|
|||
.nav > li > a { |
|||
padding: 13px 15px 6px; |
|||
font-family: @headingsFontFamily; |
|||
font-weight: bold; |
|||
text-shadow: none; |
|||
|
|||
&:hover { |
|||
text-decoration: none; |
|||
} |
|||
} |
|||
|
|||
.nav .active > a, |
|||
.nav .active > a:hover { |
|||
background-color: transparent; |
|||
} |
|||
|
|||
.navbar-text { |
|||
padding: 13px 15px 7px; |
|||
line-height: 19px; |
|||
font-family: @headingsFontFamily; |
|||
color: @grayLight; |
|||
} |
|||
|
|||
.divider-vertical { |
|||
height: @navbarHeight - 1; |
|||
background-color: @hrBorder; |
|||
} |
|||
|
|||
.navbar-search { |
|||
margin-top: 5px; |
|||
|
|||
input[type="text"] { |
|||
margin-bottom: 5px; |
|||
} |
|||
} |
|||
|
|||
.dropdown-menu a { |
|||
font-family: @headingsFontFamily; |
|||
} |
|||
|
|||
&-inverse { |
|||
|
|||
.navbar-inner { |
|||
.box-shadow(none); |
|||
} |
|||
|
|||
.brand:hover { |
|||
color: @white; |
|||
} |
|||
} |
|||
} |
|||
|
|||
@media (max-width: @navbarCollapseWidth) { |
|||
|
|||
.navbar .nav-collapse { |
|||
|
|||
.nav li > a { |
|||
color: @textColor; |
|||
|
|||
&:hover { |
|||
background-image: none; |
|||
background-color: @dropdownLinkBackgroundHover; |
|||
} |
|||
} |
|||
|
|||
.nav .active > a { |
|||
.box-shadow(none); |
|||
} |
|||
|
|||
.navbar-form, |
|||
.navbar-search { |
|||
border-top: 1px solid rgba(128, 128, 128, 0.3); |
|||
border-bottom: 1px solid rgba(128, 128, 128, 0.3); |
|||
} |
|||
} |
|||
|
|||
.navbar-inverse .nav-collapse { |
|||
|
|||
.nav li > a { |
|||
color: @white; |
|||
|
|||
&:hover { |
|||
background-color: rgba(255, 255, 255, 0.1) !important; |
|||
} |
|||
} |
|||
|
|||
.nav-header { |
|||
color: rgba(255, 255, 255, 0.7); |
|||
} |
|||
} |
|||
} |
|||
|
|||
div.subnav { |
|||
|
|||
background-image: none; |
|||
background-color: @navbarBackground; |
|||
border-bottom: 1px solid transparent; |
|||
.box-shadow(@boxShadow); |
|||
font-family: @headingsFontFamily; |
|||
|
|||
&.subnav-fixed { |
|||
.box-shadow(inset 0 5px #fff~"," @boxShadow); |
|||
} |
|||
|
|||
.nav > li > a { |
|||
/*padding: 14px 12px 10px;*/ |
|||
border-left-color: transparent; |
|||
border-right-color: transparent; |
|||
color: @navbarText; |
|||
font-weight: bold; |
|||
|
|||
&:hover { |
|||
background-color: transparent; |
|||
color: @linkColor; |
|||
} |
|||
} |
|||
|
|||
.nav > li.active > a, |
|||
.nav > li.active > a:hover { |
|||
border-left-color: transparent; |
|||
border-right-color: transparent; |
|||
background-color: transparent; |
|||
.box-shadow(none); |
|||
color: @linkColor; |
|||
} |
|||
} |
|||
|
|||
// NAV |
|||
// ----------------------------------------------------- |
|||
|
|||
.nav .nav-header { |
|||
font-size: 13px; |
|||
font-weight: normal; |
|||
text-transform: none; |
|||
} |
|||
|
|||
.nav-tabs { |
|||
|
|||
& > li > a { |
|||
background-color: darken(@bodyBackground, 3%); |
|||
border: 1px solid #ccc; |
|||
color: @textColor; |
|||
|
|||
&:hover { |
|||
border: 1px solid #ccc; |
|||
background-color: @dropdownLinkBackgroundHover; |
|||
color: @linkColor; |
|||
} |
|||
} |
|||
|
|||
& > li.active > a, |
|||
& > li.active > a:hover { |
|||
background-color: @bodyBackground; |
|||
} |
|||
|
|||
.dropdown { |
|||
|
|||
.dropdown-toggle .caret { |
|||
border-top-color: @textColor; |
|||
border-bottom-color: @textColor; |
|||
opacity: 1; |
|||
} |
|||
|
|||
&:hover .dropdown-toggle .caret { |
|||
border-top-color: @linkColor; |
|||
border-bottom-color: @linkColor; |
|||
} |
|||
} |
|||
|
|||
.dropdown.open .dropdown-toggle { |
|||
|
|||
background-color: @dropdownLinkBackgroundHover; |
|||
border-color: #ccc; |
|||
color: @linkColor; |
|||
|
|||
.caret, |
|||
&:hover .caret { |
|||
border-top-color: @linkColor; |
|||
border-bottom-color: @linkColor; |
|||
opacity: 1; |
|||
} |
|||
} |
|||
|
|||
.dropdown-menu { |
|||
|
|||
.border-radius(0); |
|||
|
|||
a { |
|||
padding: 8px 15px 3px; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.tabbable { |
|||
|
|||
.nav-tabs > li > a, |
|||
.nav-tabs > li > a:hover { |
|||
border: 1px solid #ccc; |
|||
} |
|||
|
|||
.nav-tabs > li.active > a { |
|||
border-bottom: 1px solid transparent; |
|||
} |
|||
|
|||
&.tabs-below > .nav-tabs > li.active > a, |
|||
&.tabs-left > .nav-tabs > li.active > a, |
|||
&.tabs-right > .nav-tabs > li.active > a { |
|||
border-bottom: 1px solid #ccc; |
|||
} |
|||
} |
|||
|
|||
.nav-pills { |
|||
|
|||
li > a { |
|||
color: @textColor; |
|||
|
|||
&:hover { |
|||
background-color: @dropdownLinkBackgroundHover; |
|||
color: @linkColor; |
|||
} |
|||
} |
|||
|
|||
li.active > a, |
|||
li.active > a:hover { |
|||
background-color: @dropdownLinkBackgroundHover; |
|||
color: @linkColor; |
|||
} |
|||
|
|||
.dropdown .dropdown-toggle .caret { |
|||
border-top-color: @textColor; |
|||
border-bottom-color: @textColor; |
|||
opacity: 1; |
|||
} |
|||
|
|||
.dropdown .dropdown-toggle:hover .caret { |
|||
border-top-color: @linkColor; |
|||
border-bottom-color: @linkColor; |
|||
} |
|||
|
|||
.dropdown.open .dropdown-toggle, |
|||
.dropdown.open:hover .dropdown-toggle { |
|||
background-color: @dropdownLinkBackgroundHover; |
|||
color: @linkColor; |
|||
|
|||
.caret { |
|||
border-top-color: @linkColor; |
|||
border-bottom-color: @linkColor; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.nav-list { |
|||
|
|||
li > a { |
|||
color: @textColor; |
|||
|
|||
&:hover { |
|||
background-color: @dropdownLinkBackgroundHover; |
|||
color: @linkColor; |
|||
} |
|||
} |
|||
|
|||
li.active > a, |
|||
li.active > a:hover { |
|||
background-color: @dropdownLinkBackgroundHover; |
|||
color: @linkColor; |
|||
} |
|||
} |
|||
|
|||
.breadcrumb { |
|||
.box-shadow(@boxShadow~", "-1px -1px 0 rgba(0, 0, 0, 0.1)); |
|||
border: 0px solid transparent; |
|||
|
|||
li { |
|||
padding-top: 5px; |
|||
text-shadow: none; |
|||
} |
|||
|
|||
a { |
|||
text-shadow: none; |
|||
} |
|||
|
|||
a:hover { |
|||
text-decoration: none; |
|||
} |
|||
} |
|||
|
|||
.pagination { |
|||
|
|||
li > a,li > span { |
|||
padding: 4px 14px 0; |
|||
} |
|||
li > a { |
|||
color: @textColor; |
|||
&:hover { |
|||
background-color: @dropdownLinkBackgroundHover; |
|||
color: @linkColor; |
|||
} |
|||
} |
|||
|
|||
li.active > a,li.active > span { |
|||
background-color: @dropdownLinkBackgroundHover; |
|||
color: @linkColor; |
|||
} |
|||
} |
|||
|
|||
|
|||
// BUTTONS |
|||
// ----------------------------------------------------- |
|||
|
|||
.btn { |
|||
padding-top: .6em; |
|||
font-family: @headingsFontFamily; |
|||
font-weight: bold; |
|||
} |
|||
|
|||
// TABLES |
|||
// ----------------------------------------------------- |
|||
|
|||
// FORMS |
|||
// ----------------------------------------------------- |
|||
|
|||
legend { |
|||
border-bottom: 1px solid #ddd; |
|||
font-family: @headingsFontFamily; |
|||
} |
|||
|
|||
.navbar-search .search-query { |
|||
border: 1px solid #ddd; |
|||
.border-radius(0); |
|||
background-color: @bodyBackground; |
|||
color: @gray; |
|||
} |
|||
|
|||
.help-inline, .help-block { |
|||
font-size: 13px; |
|||
} |
|||
|
|||
.input-append .btn, |
|||
.input-prepend .btn { |
|||
line-height: 16px; |
|||
} |
|||
|
|||
// DROPDOWNS |
|||
// ----------------------------------------------------- |
|||
|
|||
// ALERTS, LABELS, BADGES |
|||
// ----------------------------------------------------- |
|||
|
|||
.label { |
|||
padding: 4px 4px 3px; |
|||
margin-left: 1px; |
|||
margin-right: 1px; |
|||
line-height: 26px; |
|||
font-weight: normal; |
|||
} |
|||
|
|||
// MISCELLANEOUS |
|||
// ----------------------------------------------------- |
|||
|
|||
i[class^="icon-"]{ |
|||
opacity: 0.5; |
|||
vertical-align: -2px; |
|||
} |
|||
|
|||
.well { |
|||
.box-shadow(@boxShadow~", "-1px -1px 0 rgba(0, 0, 0, 0.1)); |
|||
border: none; |
|||
} |
|||
|
|||
.hero-unit { |
|||
background-color: @navbarBackground; |
|||
.box-shadow(@boxShadow~", "-1px -1px 0 rgba(0, 0, 0, 0.1)); |
|||
} |
|||
|
|||
.thumbnail { |
|||
padding: 10px; |
|||
background-color: @white; |
|||
} |
|||
|
|||
.progress { |
|||
#gradient > .vertical(#e0e0e0, #e8e8e8); |
|||
} |
|||
|
|||
.modal { |
|||
|
|||
&-header { |
|||
border-bottom: none; |
|||
} |
|||
|
|||
&-header, |
|||
&-body { |
|||
background-color: @navbarBackground; |
|||
} |
|||
|
|||
&-footer { |
|||
background-color: @bodyBackground; |
|||
} |
|||
} |
|||
|
|||
// MEDIA QUERIES |
|||
// ----------------------------------------------------- |
|||
@ -0,0 +1,29 @@ |
|||
@font-face { |
|||
font-family: 'Open Sans'; |
|||
src: url('fonts/opensans-regular-webfont.woff2') format('woff2'), |
|||
url('fonts/opensans-regular-webfont.woff') format('woff'); |
|||
font-weight: normal; |
|||
font-style: normal; |
|||
} |
|||
@font-face { |
|||
font-family: 'Open Sans'; |
|||
src: url('fonts/opensans-bold-webfont.woff2') format('woff2'), |
|||
url('fonts/opensans-bold-webfont.woff') format('woff'); |
|||
font-weight: bold; |
|||
font-style: normal; |
|||
} |
|||
@font-face { |
|||
font-family: 'Open Sans'; |
|||
src: url('fonts/opensans-italic-webfont.woff2') format('woff2'), |
|||
url('fonts/opensans-italic-webfont.woff') format('woff'); |
|||
font-weight: normal; |
|||
font-style: italic; |
|||
} |
|||
|
|||
@font-face { |
|||
font-family: 'Open Sans'; |
|||
src: url('fonts/opensans-bolditalic-webfont.woff2') format('woff2'), |
|||
url('fonts/opensans-bolditalic-webfont.woff') format('woff'); |
|||
font-weight: bold; |
|||
font-style: italic; |
|||
} |
|||
@ -0,0 +1,74 @@ |
|||
@import "css/bootstrap-start"; |
|||
|
|||
html { |
|||
font-size: 100%; // 16px par defaut |
|||
} |
|||
/* Reduire la font en mobile que l'on tient plus pres des yeux */ |
|||
@include media-breakpoint-only(xs) { |
|||
html { |
|||
font-size: 93.75%; // 15px par defaut |
|||
} |
|||
} |
|||
|
|||
a { |
|||
@include hover-focus-active() { |
|||
background-color: rgba($gray-500, 0.05); |
|||
} |
|||
} |
|||
.secondary h1,.secondary .h1,.secondary .h1-like, |
|||
h2,.h2,.h2-like { line-height: 1.2;} |
|||
.secondary h2,.secondary .h2,.secondary .h2-like, |
|||
h3,.h3,.h3-like { line-height: 1.2;} |
|||
|
|||
|
|||
@include media-breakpoint-up(md) { |
|||
#nav { |
|||
position: relative; |
|||
padding-left: 0; |
|||
padding-right: 0; |
|||
border-width: 0; |
|||
|
|||
.navbar-inner { |
|||
margin-left: -$navbar-nav-link-padding-x; |
|||
} |
|||
|
|||
&:before { |
|||
content: ''; |
|||
display: block; |
|||
position: absolute; |
|||
left: 50%; |
|||
width: 100vw; |
|||
top: 0; |
|||
height: 100%; |
|||
margin-left: -50vw; |
|||
background-color: inherit; |
|||
z-index: -1; |
|||
border-top: 1px solid; |
|||
border-bottom: 1px solid; |
|||
border-color: inherit; |
|||
} |
|||
} |
|||
} |
|||
@include media-breakpoint-only(sm) { |
|||
#nav { |
|||
margin-left: -$grid-gutter-width / 2; |
|||
margin-right: -$grid-gutter-width / 2; |
|||
padding-left: $grid-gutter-width / 2; |
|||
padding-right: $grid-gutter-width / 2; |
|||
} |
|||
} |
|||
@include media-breakpoint-down(xs) { |
|||
#nav { |
|||
@include make-navbar-button-float(); |
|||
} |
|||
.header { |
|||
.formulaire_menu_lang { |
|||
margin-top: -$spacer / 2; |
|||
margin-bottom: $spacer / 2; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.footer { |
|||
border-color: $border-color; |
|||
} |
|||
@ -1,303 +0,0 @@ |
|||
// |
|||
// Variables |
|||
// Swatch: Simplex |
|||
// Version: 2.1.1 |
|||
// -------------------------------------------------- |
|||
|
|||
|
|||
// Global values |
|||
// -------------------------------------------------- |
|||
|
|||
|
|||
// Grays |
|||
// ------------------------- |
|||
@black: #000; |
|||
@grayDarker: #2C2C2C; |
|||
@grayDark: #333; |
|||
@gray: #555; |
|||
@grayLight: #999; |
|||
@grayLighter: #eee; |
|||
@white: #fff; |
|||
|
|||
|
|||
// Accent colors |
|||
// ------------------------- |
|||
@blue: #029ACF; |
|||
@blueDark: #043755; |
|||
@green: #3D9400; |
|||
@red: #D9230F; |
|||
@yellow: #FFCA27; |
|||
@orange: #D9831F; |
|||
@pink: #ED2590; |
|||
@purple: #9B479F; |
|||
|
|||
|
|||
// Scaffolding |
|||
// ------------------------- |
|||
@bodyBackground: #F7F7F7; |
|||
@textColor: @gray; |
|||
|
|||
|
|||
// Links |
|||
// ------------------------- |
|||
@linkColor: @red; |
|||
@linkColorHover: @linkColor; |
|||
|
|||
|
|||
// Typography |
|||
// ------------------------- |
|||
@sansFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif; |
|||
@serifFontFamily: Georgia, "Times New Roman", Times, serif; |
|||
@monoFontFamily: Menlo, Monaco, Consolas, "Courier New", monospace; |
|||
|
|||
@baseFontSize: 16px; |
|||
@baseFontFamily: @sansFontFamily; |
|||
@baseLineHeight: 24px; |
|||
@altFontFamily: @serifFontFamily; |
|||
|
|||
@headingsFontFamily: "Josefin Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; // empty to use BS default, @baseFontFamily |
|||
@headingsFontWeight: bold; // instead of browser default, bold |
|||
@headingsColor: inherit; // empty to use BS default, @textColor |
|||
|
|||
|
|||
// Component sizing |
|||
// ------------------------- |
|||
// Based on 14px font-size and 20px line-height |
|||
|
|||
@fontSizeLarge: @baseFontSize * 1.25; // ~18px |
|||
@fontSizeSmall: @baseFontSize * 0.85; // ~12px |
|||
@fontSizeMini: @baseFontSize * 0.75; // ~11px |
|||
|
|||
@paddingLarge: 11px 19px; // 44px |
|||
@paddingSmall: 2px 10px; // 26px |
|||
@paddingMini: 1px 6px; // 24px |
|||
|
|||
@baseBorderRadius: 4px; |
|||
@borderRadiusLarge: 5px; |
|||
@borderRadiusSmall: 3px; |
|||
|
|||
|
|||
// Tables |
|||
// ------------------------- |
|||
@tableBackground: transparent; // overall background-color |
|||
@tableBackgroundAccent: #f9f9f9; // for striping |
|||
@tableBackgroundHover: #f5f5f5; // for hover |
|||
@tableBorder: #ddd; // table and cell border |
|||
|
|||
// Buttons |
|||
// ------------------------- |
|||
@btnBackground: @white; |
|||
@btnBackgroundHighlight: darken(@white, 10%); |
|||
@btnBorder: darken(@white, 20%); |
|||
|
|||
@btnPrimaryBackground: lighten(@linkColor, 5%); |
|||
@btnPrimaryBackgroundHighlight: @linkColor; |
|||
|
|||
@btnInfoBackground: lighten(#5bc0de, 5%); |
|||
@btnInfoBackgroundHighlight: #5bc0de; |
|||
|
|||
@btnSuccessBackground: lighten(@green, 5%); |
|||
@btnSuccessBackgroundHighlight: @green; |
|||
|
|||
@btnWarningBackground: lighten(@yellow, 5%); |
|||
@btnWarningBackgroundHighlight: @yellow; |
|||
|
|||
@btnDangerBackground: lighten(@red, 5%); |
|||
@btnDangerBackgroundHighlight: @red; |
|||
|
|||
@btnInverseBackground: @gray; |
|||
@btnInverseBackgroundHighlight: @grayDarker; |
|||
|
|||
|
|||
// Forms |
|||
// ------------------------- |
|||
@inputBackground: @white; |
|||
@inputBorder: #ccc; |
|||
@inputBorderRadius: 0; |
|||
@inputDisabledBackground: @grayLighter; |
|||
@formActionsBackground: #f5f5f5; |
|||
@inputHeight: @baseLineHeight + 10px; // base line-height + 8px vertical padding + 2px top/bottom border |
|||
|
|||
|
|||
// Dropdowns |
|||
// ------------------------- |
|||
@dropdownBackground: @white; |
|||
@dropdownBorder: rgba(0,0,0,.2); |
|||
@dropdownDividerTop: #e5e5e5; |
|||
@dropdownDividerBottom: @white; |
|||
|
|||
@dropdownLinkColor: @textColor; |
|||
@dropdownLinkColorHover: @textColor; |
|||
@dropdownLinkColorActive: @dropdownLinkColor; |
|||
|
|||
@dropdownLinkBackgroundActive: @linkColor; |
|||
@dropdownLinkBackgroundHover: #FBEBE9; |
|||
|
|||
|
|||
|
|||
// COMPONENT VARIABLES |
|||
// -------------------------------------------------- |
|||
|
|||
|
|||
// Z-index master list |
|||
// ------------------------- |
|||
// Used for a bird's eye view of components dependent on the z-axis |
|||
// Try to avoid customizing these :) |
|||
@zindexDropdown: 1000; |
|||
@zindexPopover: 1010; |
|||
@zindexTooltip: 1030; |
|||
@zindexFixedNavbar: 1030; |
|||
@zindexModalBackdrop: 1040; |
|||
@zindexModal: 1050; |
|||
|
|||
|
|||
// Sprite icons path |
|||
// ------------------------- |
|||
@iconSpritePath: "../img/glyphicons-halflings.png"; |
|||
@iconWhiteSpritePath: "../img/glyphicons-halflings-white.png"; |
|||
|
|||
|
|||
// Input placeholder text color |
|||
// ------------------------- |
|||
@placeholderText: @grayLight; |
|||
|
|||
|
|||
// Hr border color |
|||
// ------------------------- |
|||
@hrBorder: @grayLighter; |
|||
|
|||
|
|||
// Horizontal forms & lists |
|||
// ------------------------- |
|||
@horizontalComponentOffset: 180px; |
|||
|
|||
|
|||
// Wells |
|||
// ------------------------- |
|||
@wellBackground: @white; |
|||
|
|||
|
|||
// Navbar |
|||
// ------------------------- |
|||
@navbarCollapseWidth: 767px; |
|||
@navbarCollapseDesktopWidth: @navbarCollapseWidth + 1; |
|||
|
|||
@navbarHeight: 40px; |
|||
@navbarBackgroundHighlight: @navbarBackground; |
|||
@navbarBackground: #fefefe; |
|||
@navbarBorder: darken(@navbarBackground, 12%); |
|||
|
|||
@navbarText: @gray; |
|||
@navbarLinkColor: @gray; |
|||
@navbarLinkColorHover: @linkColor; |
|||
@navbarLinkColorActive: @linkColor; |
|||
@navbarLinkBackgroundHover: transparent; |
|||
@navbarLinkBackgroundActive: @navbarBackground; |
|||
|
|||
@navbarBrandColor: @navbarText; |
|||
|
|||
// Inverted navbar |
|||
@navbarInverseBackground: @red; |
|||
@navbarInverseBackgroundHighlight: lighten(@red, 6%); |
|||
@navbarInverseBorder: lighten(@navbarInverseBackground, 8%); |
|||
|
|||
@navbarInverseText: @white; |
|||
@navbarInverseLinkColor: @white; |
|||
@navbarInverseLinkColorHover: @white; |
|||
@navbarInverseLinkColorActive: @navbarInverseLinkColorHover; |
|||
@navbarInverseLinkBackgroundHover: transparent; |
|||
@navbarInverseLinkBackgroundActive: @navbarInverseBackground; |
|||
|
|||
@navbarInverseSearchBackground: lighten(@navbarInverseBackground, 25%); |
|||
@navbarInverseSearchBackgroundFocus: @white; |
|||
@navbarInverseSearchBorder: @navbarInverseBackground; |
|||
@navbarInverseSearchPlaceholderColor: @white; |
|||
|
|||
@navbarInverseBrandColor: @navbarInverseLinkColor; |
|||
|
|||
|
|||
// Pagination |
|||
// ------------------------- |
|||
@paginationBackground: #fff; |
|||
@paginationBorder: #ddd; |
|||
@paginationActiveBackground: #FBEBE9; |
|||
|
|||
|
|||
// Hero unit |
|||
// ------------------------- |
|||
@heroUnitBackground: @grayLighter; |
|||
@heroUnitHeadingColor: inherit; |
|||
@heroUnitLeadColor: inherit; |
|||
|
|||
|
|||
// Form states and alerts |
|||
// ------------------------- |
|||
@warningText: @orange; |
|||
@warningBackground: #fcf8e3; |
|||
@warningBorder: darken(spin(@warningBackground, -10), 3%); |
|||
|
|||
@errorText: @red; |
|||
@errorBackground: #f2dede; |
|||
@errorBorder: darken(spin(@errorBackground, -10), 3%); |
|||
|
|||
@successText: @green; |
|||
@successBackground: #dff0d8; |
|||
@successBorder: darken(spin(@successBackground, -10), 5%); |
|||
|
|||
@infoText: @blue; |
|||
@infoBackground: #d9edf7; |
|||
@infoBorder: darken(spin(@infoBackground, -10), 7%); |
|||
|
|||
|
|||
// Tooltips and popovers |
|||
// ------------------------- |
|||
@tooltipColor: #fff; |
|||
@tooltipBackground: #000; |
|||
@tooltipArrowWidth: 5px; |
|||
@tooltipArrowColor: @tooltipBackground; |
|||
|
|||
@popoverBackground: #fff; |
|||
@popoverArrowWidth: 10px; |
|||
@popoverArrowColor: #fff; |
|||
@popoverTitleBackground: darken(@popoverBackground, 3%); |
|||
|
|||
// Special enhancement for popovers |
|||
@popoverArrowOuterWidth: @popoverArrowWidth + 1; |
|||
@popoverArrowOuterColor: rgba(0,0,0,.25); |
|||
|
|||
|
|||
|
|||
// GRID |
|||
// -------------------------------------------------- |
|||
|
|||
|
|||
// Default 940px grid |
|||
// ------------------------- |
|||
@gridColumns: 12; |
|||
@gridColumnWidth: 60px; |
|||
@gridGutterWidth: 20px; |
|||
@gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1)); |
|||
|
|||
// 1200px min |
|||
@gridColumnWidth1200: 70px; |
|||
@gridGutterWidth1200: 30px; |
|||
@gridRowWidth1200: (@gridColumns * @gridColumnWidth1200) + (@gridGutterWidth1200 * (@gridColumns - 1)); |
|||
|
|||
// 768px-979px |
|||
@gridColumnWidth768: 42px; |
|||
@gridGutterWidth768: 20px; |
|||
@gridRowWidth768: (@gridColumns * @gridColumnWidth768) + (@gridGutterWidth768 * (@gridColumns - 1)); |
|||
|
|||
|
|||
// Fluid grid |
|||
// ------------------------- |
|||
@fluidGridColumnWidth: percentage(@gridColumnWidth/@gridRowWidth); |
|||
@fluidGridGutterWidth: percentage(@gridGutterWidth/@gridRowWidth); |
|||
|
|||
// 1200px min |
|||
@fluidGridColumnWidth1200: percentage(@gridColumnWidth1200/@gridRowWidth1200); |
|||
@fluidGridGutterWidth1200: percentage(@gridGutterWidth1200/@gridRowWidth1200); |
|||
|
|||
// 768px-979px |
|||
@fluidGridColumnWidth768: percentage(@gridColumnWidth768/@gridRowWidth768); |
|||
@fluidGridGutterWidth768: percentage(@gridGutterWidth768/@gridRowWidth768); |
|||
@ -0,0 +1,19 @@ |
|||
<?php |
|||
|
|||
// Ceci est un fichier langue de SPIP -- This is a SPIP language file
|
|||
|
|||
// Fichier produit par PlugOnet
|
|||
// Module: paquet-theme_bs4simplex
|
|||
// Langue: fr
|
|||
// Date: 17-04-2020 16:50:04
|
|||
// Items: 2
|
|||
|
|||
if (!defined('_ECRIRE_INC_VERSION')) return; |
|||
|
|||
$GLOBALS[$GLOBALS['idx_lang']] = array( |
|||
|
|||
// T
|
|||
'theme_bs4simplex_description' => 'Mini and minimalist', |
|||
'theme_bs4simplex_slogan' => 'Mini and minimalist', |
|||
); |
|||
?>
|
|||
@ -0,0 +1,18 @@ |
|||
<paquet |
|||
prefix="theme_bs4simplex" |
|||
categorie="theme" |
|||
version="2.4.0" |
|||
etat="stable" |
|||
compatibilite="[3.2.0;[" |
|||
logo="vignette.png" |
|||
> |
|||
|
|||
<nom>Simplex</nom> |
|||
<!-- Mini and minimalist --> |
|||
|
|||
<auteur>Cedric</auteur> |
|||
|
|||
<licence lien="http://www.gnu.org/licenses/gpl-3.0.html">GPL 3</licence> |
|||
|
|||
<utilise nom="spiprv2" compatibilite="[2.2.0;[" /> |
|||
</paquet> |
|||
@ -1,13 +0,0 @@ |
|||
<plugin> |
|||
<nom>Simplex</nom> |
|||
<version>2.2.3</version> |
|||
<etat>stable</etat> |
|||
<auteur>Cedric</auteur> |
|||
<licence>GPL</licence> |
|||
<prefix>theme_bssimplex</prefix> |
|||
<description>Mini and minimalist</description> |
|||
<icon>vignette.png</icon> |
|||
<necessite id="SPIP" version="[3.0.0;3.1.99]" /> |
|||
<utilise id="spipr" version="[0.1.0-dev;]" /> |
|||
<categorie>theme</categorie> |
|||
</plugin> |
|||
|
Before Width: 200 | Height: 150 | Size: 5.9 KiB After Width: 400 | Height: 300 | Size: 9.8 KiB |
Write
Preview
Loading…
Cancel
Save
Reference in new issue