| {"version":3,"sourceRoot":"","sources":["style.scss","../_sass/taiga/_base.scss","../_sass/taiga/_mixins.scss","../_sass/taiga/_settings.scss","../_sass/taiga/_grid.scss","../_sass/taiga/_layout.scss","../_sass/taiga/_states.scss","../_sass/taiga/_button.scss","../_sass/taiga/_print.scss","../_sass/modules/_syntax.scss","../_sass/modules/_logo.scss","../_sass/modules/_jumbotron.scss","../_sass/modules/_mainmenu.scss","../_sass/modules/_toc.scss","../_sass/modules/_builtwithwicket.scss","../_sass/modules/_quickstart.scss","../_sass/modules/_wicket8.scss","../_sass/main.scss"],"names":[],"mappings":"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","sourcesContent":["@import url(../fonts/source-code-pro/stylesheet.css);\n@import url(../fonts/source-sans-pro/stylesheet.css);\n@import url(../fonts/wicket-font/stylesheet.css);\n@import \"main\";\n","// =========== Base\n\nhtml, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }\n\n*,\n*:after,\n*:before {\n @include box-sizing(border-box);\n}\n\n::-moz-selection { background: $color-neutral-90; color: $white; text-shadow: none; }\n::selection { background: $color-neutral-90; color: $white; text-shadow: none; }\n\nhtml {\n color: $color-neutral-70;\n font: 300 $font-size-base $font-family-body;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n text-rendering: auto;\n -webkit-text-size-adjust: 100%;\n \n @include breakpoint($breakpoint-20) {\n font-size: $font-size-base + 2;\n }\n}\n\nbody {\n line-height: 1.5em;\n background-color: #fff;\n}\n\n\n// Headings\nh1, h2, legend, h3, h4, h5, h6 {\n font-family: $font-family-heading;\n font-weight: 400;\n line-height: 1.5em;\n margin: 0 0 0.25em 0;\n}\n\nh1 { font-size: 2rem; }\n\nh2,\nlegend {\n font-size: 1.5rem;\n}\n\nh3 { font-size: 1.3rem; }\n\nh4 { font-size: 1.2rem; }\n\nh5 { font-size: 1.1rem; }\n\nh6 { font-size: 1rem; }\n\n\n// Paragraphs\np {\n margin-bottom: $spacing;\n\n &.is-lead { font-size: $font-size-40; }\n}\n\n\n// Links\na {\n color: $color-brand-50;\n cursor: pointer;\n text-decoration: none;\n\n &:hover { color: $color-brand-60; }\n}\n\n\n// Other\nsmall {\n color: $color-neutral-50;\n font-size: $font-size-20;\n}\n\nem { font-style: italic; }\n\nstrong { font-weight: bold; }\n\ncode, pre { font-family: 'courier new', monospace; }\n\npre { overflow-x: auto; }\n\nabbr { border-bottom: 1px dotted $color-neutral-50; }\n\ndel { text-decoration: line-through; }\n\nmark { background-color: lighten(yellow, 35%); }\n\nhr {\n background-color: transparent;\n border: solid $color-neutral-30;\n border-width: 1px 0 0;\n clear: both;\n margin: 2.5rem $spacing;\n}\n\n\n// Lists\nul, ol { margin: 0 0 $spacing 1.5rem; }\n\nul { list-style: disc; }\n\nol { list-style: decimal; }\n\ndl {\n margin-bottom: $spacing;\n\n dt { font-weight: bold; }\n dd { margin-left: $spacing; }\n\n &.advanced {\n @include grid-container;\n\n dt { @include grid(16, 0, 1); }\n\n dd { @include grid(32); }\n }\n}\n\nmain {\n\tbox-shadow: 0 .5rem 3rem #f0f0f0;\n}\n\n.announce {\n\tfont-weight: bold !important;\n\tfont-size: 4rem;\n\tcolor: rgb(48, 50, 132);\n}","// =========== Mixins\n\n// Animations\n// Example: .element { @include animation(keyframe-name, 500ms, default); }\n@mixin animation ($name: true, $duration: true, $timing_function: true, $delay: false, $iteration_count: false, $direction: false) {\n @if $name { -webkit-animation-name: $name; -moz-animation-name: $name; -ms-animation-name: $name; }\n @if $duration { -webkit-animation-duration: $duration; -moz-animation-duration: $duration; -ms-animation-duration: $duration; }\n @if $timing_function { -webkit-animation-timing-function: $timing_function; -moz-animation-timing-function: $timing_function; -ms-animation-timing-function: $timing_function; }\n @if $delay { -webkit-animation-delay: $delay; -moz-animation-delay: $delay; -ms-animation-delay: $delay; }\n @if $iteration_count { -webkit-animation-iteration-count: $iteration_count; -moz-animation-iteration-count: $iteration_count; -ms-animation-iteration-count: $iteration_count; }\n @if $direction { -webkit-animation-direction: $direction; -moz-animation-direction: $direction; -ms-animation-direction: $direction; }\n}\n\n// Backface-visibility\n// Example: .element { @include backface-visibility(hidden); }\n@mixin backface-visibility($backface) {\n -webkit-backface-visibility: $backface;\n -moz-backface-visibility: $backface;\n -ms-backface-visibility: $backface;\n backface-visibility: $backface;\n}\n\n// Border-radius\n// Example: .element { @include border-radius($border-radius-10); }\n@mixin border-radius($radius) {\n background-clip: padding-box;\n border-radius: $radius;\n}\n\n// Box-sizing\n// Example: .element { @include box-sizing(border-box); }\n@mixin box-sizing($box) {\n -webkit-box-sizing: $box;\n -moz-box-sizing: $box;\n box-sizing: $box;\n}\n\n// Media queries\n// Example: @include breakpoint($breakpoint-20) { your properties }\n@mixin breakpoint($breakpoint, $property-name : $breakpoint-property) {\n @media ($property-name: $breakpoint) {\n @content;\n }\n}\n\n// Filters\n// Example: .element { @include filter(grayscale(50%)); }\n@mixin filter($filter) {\n -webkit-filter: $filter;\n -moz-filter: $filter;\n filter: $filter;\n}\n\n// Retina image\n// Example: .element { @include image-2x(\"logo2x.png\", 2em, 1em); }\n@mixin retina($image, $width, $height) {\n @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {\n background-image: url($image);\n background-size: $width $height;\n }\n}\n\n// Perspective\n// Example: .element { @include perspective(1000); }\n@mixin perspective($perspective) {\n -webkit-perspective: $perspective;\n -moz-perspective: $perspective;\n perspective: $perspective;\n}\n\n// Transform\n// Example: .element { @include transform(translateX(1em)); }\n@mixin transform($transform) {\n -webkit-transform: $transform;\n -moz-transform: $transform;\n -ms-transform: $transform;\n transform: $transform;\n}\n\n// Transition\n// Example: .element { @include transition(background 500ms ease-in); }\n@mixin transition($transition) {\n -webkit-transition: $transition;\n -moz-transition: $transition;\n transition: $transition;\n}\n\n// Columns\n// Example: .element { @include columns(2, 1em)); }\n@mixin columns($count, $gap) {\n -webkit-column-count: $count;\n -webkit-column-gap : $gap;\n -moz-column-count: $count;\n -moz-column-gap: $gap;\n column-count: $count;\n column-gap: $gap;\n}\n\n// Column rule\n// Example: .element { @include column-rule(1px, solid, #000); }\n@mixin columns-rule($size, $style, $color) {\n -webkit-column-rule-width: $size;\n -webkit-column-rule-style: $style;\n -webkit-column-rule-color: $color;\n -moz-column-rule-width: $size;\n -moz-column-rule-style: $style;\n -moz-column-rule-color: $color;\n column-rule-width: $size;\n column-rule-style: $style;\n column-rule-color: $color;\n}\n\n// Gradient\n// Example: .element { @include gradient(top, #000, #fff); }\n@mixin gradient($side, $start, $end) {\n background-color: $end;\n background-image: -webkit-linear-gradient($side, $start, $end);\n background-image: -moz-linear-gradient($side, $start, $end);\n background-image: -ms-linear-gradient($side, $start, $end);\n background-image: linear-gradient($side, $start, $end);\n}\n","// =========== Settings\n\n// Most of the variables are based on some kind of percentages to maintain stability.\n// So $variable-10 is small or light and $variable-100 is big or dark.\n\n\n// Set your own font\n$font-family-body: \"Source Sans Pro\", sans-serif;\n$font-family-heading: \"Source Sans Pro\";\n\n// The base font-size, all other elements will adjust to this value\n$font-size-base: 15px;\n\n$font-size-10: 0.75rem;\n$font-size-20: 0.875rem;\n$font-size-30: 1rem;\n$font-size-40: 1.125rem;\n$font-size-50: 1.313rem;\n$font-size-60: 1.5rem;\n$font-size-70: 1.625rem;\n$font-size-80: 1.75rem;\n$font-size-100: 2rem;\n\n// The grid columns will be used in the grid mixin, 48 is standard\n$grid-columns: 48;\n\n\n// Adjust the website's maximum width.\n$max-width: 85rem;\n\n\n// Use the spacing variable on margins and paddings\n$spacing: 1rem;\n\n\n// Adjust the border-radius\n$border-radius-10: 0.125rem;\n$border-radius-20: 0.313rem;\n\n\n// Media queries\n// Adjust them to you needs or add more\n$breakpoint-property: min-width;\n$breakpoint-10: 590px;\n$breakpoint-20: 769px;\n$breakpoint-30: 960px;\n$breakpoint-40: 1152px;\n$breakpoint-50: 1295px;\n\n// Z-index plan\n$z-index-10: 10;\n$z-index-20: 20;\n$z-index-30: 30;\n\n\n// Colors\n// Add your own color variables\n\n// Color brand\n$color-brand-40: darken(#E97826, 25%);\n$color-brand-50: #E97826; // Default\n$color-brand-60: lighten(#E97826, 10%);\n$color-brand-70: #FF9925; //old default\n\n\n// Color success\n$color-success-50: #39b924; // Default\n$color-success-60: #249c11;\n\n// Color alert\n$color-alert-50: #f3490d; // Default\n$color-alert-60: #d33e09;\n\n// Color neutral\n$color-neutral-10: #eef2f0;\n$color-neutral-30: #ccd6d2;\n$color-neutral-50: #8d9994;\n$color-neutral-70: #3f4542;\n$color-neutral-90: #232725;\n\n// Color basics\n$black: #000;\n$almost-black: #111111;\n$white: #fff;\n","// =========== Grid\n\n// Use '@include grid(12, 2)' to make a column.\n// The first unit (12) is the column width.\n// The second unit (2) is the margin on both sides.\n// The margin will be auto substracted from the column width.\n// So don't recalculate the column width if you change your margin.\n\n// To set different margins on both sides use '@include grid(12, 2, 3)'.\n// You can also use negative margins.\n\n$grid-column: 100% / $grid-columns;\n\n@mixin col($n: 1) { width: ($n * $grid-column); }\n@mixin prepend($n: 1) { margin-left: $grid-column * $n }\n@mixin append($n: 1) { margin-right: $grid-column * $n }\n\n@mixin grid($cols: 1, $grid-margin-left: 0, $grid-margin-right: $grid-margin-left) {\n @include col($cols - ($grid-margin-left + $grid-margin-right));\n @include prepend($grid-margin-left);\n @include append($grid-margin-right);\n}\n\n// Use this mixin to reset your grid by example for your mobile articles\n@mixin grid-reset() {\n clear: both;\n float: none;\n margin-left: 0;\n margin-right: 0;\n width: auto;\n}\n\n// The grid-container mixin is necessary for the floats\n@mixin grid-container() {\n\n &:before,\n &:after {\n content: \"\";\n display: table;\n }\n\n &:after { clear: both; }\n}\n","// =========== Layout\n\n.l-full {\n @include breakpoint($breakpoint-30) { @include grid(48, 1); }\n width: 100%;\n float: none;\n}\n\n.l-two-third {\n\n @include breakpoint($breakpoint-30) { @include grid(32, 1); }\n}\n\n.l-half {\n\n @include breakpoint($breakpoint-30) { @include grid(24, 1); }\n}\n\n.l-one-quarter {\n @include breakpoint($breakpoint-30) { @include grid(12, 1); }\n}\n\n.l-one-eigth {\n @include breakpoint($breakpoint-30) { @include grid(6, 1); }\n}\n\n.l-one-sixth {\n @include breakpoint($breakpoint-30) { @include grid(8, 1); }\n}\n\n.l-one-third {\n\n @include breakpoint($breakpoint-30) { @include grid(16, 1); }\n}\n\n.l-grid {\n @include grid-container;\n\n li { @include grid(16, 1); }\n}\n\n.l-first { clear: left; }\n\n\n.l-container {\n margin: auto;\n max-width: $max-width;\n padding: $spacing ;\n @include grid-container;\n\n @include breakpoint($breakpoint-30) { padding: $spacing ($spacing * 5); }\n}\n\n.l-button-table {\n @include breakpoint($breakpoint-30) {\n display: flex;\n justify-content: center; \n }\n}\n\n.l-button-table > .l-two-third {\n float: none;\n margin-left: 0;\n margin-right: 0;\n} \n\n.l-flex {\n\tdisplay:flex;\n\tflex-wrap: wrap;\n}","// =========== States\n\n.is-hidden { display: none !important; }\n\n.is-hidden, .is-invisible { visibility: hidden !important; }\n\n.is-active, .is-visible { display: block; }\n\n.left { @include breakpoint($breakpoint-10) { float: left; } }\n\n.right { @include breakpoint($breakpoint-10) { float: right; } }\n\n.text-left { text-align: left; }\n\n.text-right { text-align: right; }\n\n.text-center { text-align: center; }\n\n.nowrap { white-space: nowrap; }\n\nimg.desaturated {\n -webkit-filter: grayscale(100%);\n -moz-filter: grayscale(100%);\n filter: grayscale(100%);\n}\n","// =========== Buttons\n\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n border: 0;\n padding: 0;\n}\n\n%button {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border: 0;\n border-radius: $border-radius-10;\n cursor: pointer;\n display: inline-block;\n font-family: $font-family-body;\n font-size: $font-size-30;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-weight: bold;\n line-height: 1.5em;\n margin: 0 0 0.25rem 0;\n padding: 0.5rem 0.75rem;\n text-decoration: none;\n vertical-align: bottom;\n\n &:focus { outline: 0; }\n}\n\n// The standard button has the $color-brand colors\n.button,\ninput[type=submit],\nbutton {\n @extend %button;\n background: $color-brand-70;\n color: $white;\n\n &:hover {\n background: $color-brand-60;\n color: $white;\n }\n\n &:active,\n &:focus {\n box-shadow: inset 0 1px 3px rgba($black, 0.2);\n }\n}\n\n.button--neutral,\ninput[type=submit].button--neutral,\nbutton.button--neutral {\n @extend %button;\n background: $color-neutral-30;\n color: $color-neutral-70;\n\n &:hover {\n background: $color-neutral-50;\n color: $color-neutral-70;\n }\n\n &:active,\n &:focus {\n box-shadow: inset 0 1px 3px rgba($black, 0.2);\n }\n}\n\n.button--success,\ninput[type=submit].button--success,\nbutton.button--success {\n @extend %button;\n background-color: $color-success-50;\n color: $white;\n\n &:hover {\n background-color: $color-success-60;\n color: $white;\n }\n\n &:active,\n &:focus {\n box-shadow: inset 0 1px 3px rgba($black, 0.2);\n }\n}\n\n.button--alert,\ninput[type=submit].button--alert,\nbutton.button--alert {\n @extend %button;\n background-color: $color-alert-50;\n color: $white;\n\n &:hover {\n background-color: $color-alert-60;\n color: $white;\n }\n\n &:active,\n &:focus {\n box-shadow: inset 0 1px 3px rgba($black, 0.2);\n }\n}\n","// =========== Print\n\n@media print {\n * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */\n a, a:visited { text-decoration: underline; }\n a[href]:after { content: \" (\" attr(href) \")\"; }\n abbr[title]:after { content: \" (\" attr(title) \")\"; }\n .ir a:after, a[href^=\"javascript:\"]:after, a[href^=\"#\"]:after { content: \"\"; } /* Don't show links for images, or javascript/internal links */\n pre, blockquote { page-break-inside: avoid; }\n thead { display: table-header-group; } /* h5bp.com/t */\n tr, img { page-break-inside: avoid; }\n img { max-width: 100% !important; };\n @page { margin: 2cm; }\n p, h2, h3 { orphans: 3; widows: 3; }\n h2, h3 { page-break-after: avoid; }\n}\n",".lineno { text-align: right; margin-right: 0.5rem;}\n.highlight { background: #ffffff; }\n.highlight .c { color: #999988; font-style: italic } /* Comment */\n.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */\n.highlight .k { font-weight: bold } /* Keyword */\n.highlight .o { font-weight: bold } /* Operator */\n.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */\n.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */\n.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */\n.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */\n.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */\n.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */\n.highlight .ge { font-style: italic } /* Generic.Emph */\n.highlight .gr { color: #aa0000 } /* Generic.Error */\n.highlight .gh { color: #999999 } /* Generic.Heading */\n.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */\n.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */\n.highlight .go { color: #888888 } /* Generic.Output */\n.highlight .gp { color: #555555 } /* Generic.Prompt */\n.highlight .gs { font-weight: bold } /* Generic.Strong */\n.highlight .gu { color: #aaaaaa } /* Generic.Subheading */\n.highlight .gt { color: #aa0000 } /* Generic.Traceback */\n.highlight .kc { font-weight: bold } /* Keyword.Constant */\n.highlight .kd { font-weight: bold } /* Keyword.Declaration */\n.highlight .kp { font-weight: bold } /* Keyword.Pseudo */\n.highlight .kr { font-weight: bold } /* Keyword.Reserved */\n.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */\n.highlight .m { color: #009999 } /* Literal.Number */\n.highlight .s { color: #d14 } /* Literal.String */\n.highlight .na { color: #008080 } /* Name.Attribute */\n.highlight .nb { color: #0086B3 } /* Name.Builtin */\n.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */\n.highlight .no { color: #008080 } /* Name.Constant */\n.highlight .ni { color: #800080 } /* Name.Entity */\n.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */\n.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */\n.highlight .nn { color: #555555 } /* Name.Namespace */\n.highlight .nt { color: #000080 } /* Name.Tag */\n.highlight .nv { color: #008080 } /* Name.Variable */\n.highlight .ow { font-weight: bold } /* Operator.Word */\n.highlight .w { color: #bbbbbb } /* Text.Whitespace */\n.highlight .mf { color: #009999 } /* Literal.Number.Float */\n.highlight .mh { color: #009999 } /* Literal.Number.Hex */\n.highlight .mi { color: #009999 } /* Literal.Number.Integer */\n.highlight .mo { color: #009999 } /* Literal.Number.Oct */\n.highlight .sb { color: #d14 } /* Literal.String.Backtick */\n.highlight .sc { color: #d14 } /* Literal.String.Char */\n.highlight .sd { color: #d14 } /* Literal.String.Doc */\n.highlight .s2 { color: #d14 } /* Literal.String.Double */\n.highlight .se { color: #d14 } /* Literal.String.Escape */\n.highlight .sh { color: #d14 } /* Literal.String.Heredoc */\n.highlight .si { color: #d14 } /* Literal.String.Interpol */\n.highlight .sx { color: #d14 } /* Literal.String.Other */\n.highlight .sr { color: #009926 } /* Literal.String.Regex */\n.highlight .s1 { color: #d14 } /* Literal.String.Single */\n.highlight .ss { color: #990073 } /* Literal.String.Symbol */\n.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */\n.highlight .vc { color: #008080 } /* Name.Variable.Class */\n.highlight .vg { color: #008080 } /* Name.Variable.Global */\n.highlight .vi { color: #008080 } /* Name.Variable.Instance */\n.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */\n",".responsive-logo {\n width: 100%;\n max-width: 200px;\n height: auto;\n} \n",".jumbotron {\n &.header{\n/* background: radial-gradient(ellipse closest-side, rgba(0,0,0,0), rgba(0,0,0,0.6)), url('../img/background-1.jpg');*/\n background-color:#111;\n background-image: url('../img/background-2.jpg');\n background-repeat: no-repeat;\n background-position: center 25%;\n background-size: cover;\n box-shadow: inset 0 0 40px rgba(0, 0, 0, 1);\n }\n\n .mainmenu {\n @include breakpoint($breakpoint-20) {\n padding-top:1rem;\n margin-bottom:7rem;\n }\n }\n .jumbotron-mission {\n font-size: $font-size-50;\n font-weight:400;\n line-height:2;\n margin-top:2rem;\n margin-bottom:2rem;\n text-align:center;\n text-transform:uppercase;\n @include grid(48,2);\n\n @include breakpoint($breakpoint-10) {\n @include grid(48,6);\n margin-top:2rem;\n margin-bottom:3rem;\n }\n @include breakpoint($breakpoint-20) {\n @include grid(48,12);\n }\n }\n\n .jumbotron-download {\n margin:2rem auto;\n text-align:center;\n text-transform:uppercase;\n }\n\n .jumbotron-logo {\n margin-top:2rem;\n margin-bottom:2rem;\n\n @include breakpoint($breakpoint-20) {\n display:block;\n float:none;\n }\n img {\n display:block;\n width:50%;\n min-width:320px;\n margin:0 auto;\n }\n }\n\t.jumbotron-version {\n\t\ttext-transform:lowercase;\n\t\tcolor:white;\n\t}\n}\n","nav.mainmenu {\n display:block;\n margin:0 auto 2rem auto;\n text-align:center;\n padding-top: 12px;\n display:inline-block;\n text-transform: uppercase;\n font-weight:bold;\n &.active { border-bottom: 2px solid white;}\n \n li+li {\n margin-left:1*$grid-column;\n }\n\n a, a:active {\n border:none;\n color:$color-brand-50;\n font-weight:500;\n text-decoration: none;\n }\n \n a:hover {\n color: #303284;\n } \n \n}\n.nav-container {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-wrap: wrap;\n \n &:last-child {\n flex-grow: 1;\n \n justify-content: flex-end;\n \n @include breakpoint($breakpoint-20, 'max-width') {\n justify-content: center;\n }\n \n font-size: 2rem;\n flex-wrap: nowrap;\n }\n}\n\n.nav-items {\n padding-right: 1rem;\n \n &:hover {\n color: $color-brand-50;\n }\n}\n\n.nav-logo {\n text-align:center;\n\n display:flex;\n padding-right: 1rem;\n\n @include breakpoint($breakpoint-20, 'max-width') {\n \n margin:0;\n @include prepend(1);\n \n justify-content: center;\n align-items: center;\n }\n img {\n display:inline-block;\n width: 200px;\n }\n}\n",".toc {\n ul { list-style: none; }\n &>ul {\n margin-left: 0;\n }\n &>ul > li+li {\n margin-top: 1rem;\n }\n \n @include breakpoint($breakpoint-10) {\n\t display: none;\n }\n}\n\n.toc.post.index {\n display: none;\n}",".builtwithwicket { \n background-color: #eee;\n /*margin-left: -1rem;\n margin-right: -1rem;*/\n padding-bottom: 2rem;\n padding-left: 1rem;\n padding-right: 1rem;\n \n .slick-prev::before,\n .slick-next::before {\n color: $color-brand-50;\n }\n}\n\n.builtwithwicket + hr {\n display:none;\n}\n\n.builtwithwicket-post {\n padding: 1rem 1rem 0 1rem;\n}\n\n.builtwithwicket-screenshot {\n margin: 0 auto;\n max-height: 20rem;\n min-height: 15rem;\n max-width: 100%;\n min-width: 50%;\n padding-bottom: 1rem;\n}\n","div.quickstart-wizard {\n background-color: $color-brand-70;\n border-radius: 3px;\n color: #ffffff;\n line-height: 2em;\n padding: 1rem 2rem 2rem 2rem; \n\n label {\n display: block;\n font-weight:bold;\n margin-top: 0.5rem;\n }\n button,\n input,\n select,\n textarea {\n display: block;\n width: 100%;\n border: none;\n border-radius: 3px;\n padding: 0.5rem;\n color: #606060;\n height: 2rem; \n }\n\n textarea {\n height: 5rem; \n }\n\n button {\n background-color: #E68A00;\n color: white;\n height: 3em;\n margin-top: 1em;\n font-size: 1em;\n font-weight: 200; \n }\n}\n\n.quickstart {\n ol {\n margin-left:0;\n padding-left:0; \n counter-reset:item;\n }\n ol>li {\n margin-left:2.5rem; \n padding-left:0; \n counter-increment:item; \n list-style:none inside;\n margin-bottom:10px\n }\n ol>li:before {\n background: $color-brand-70;\n border-radius: 50%; \n color:#fff;\n content: counter(item);\n display:inline-block;\n height:2rem;\n margin-left:-2.5rem; \n margin-right:0.5rem;\n padding-top:0.3333rem;\n text-align:center;\n vertical-align: baseline;\n font-weight:bold;\n width:2rem;\n }\n}\n","\n.wicket8 {\n nav.mainmenu {\n a, a:active, a:hover {\n color:$almost-black;\n }\n }\n\n .header {\n color:$almost-black;\n }\n .jumbotron {\n &.header{\n background-color:#BF866F;\n background-image: url('../img/background-4.jpg');\n background-repeat: no-repeat;\n background-position: center 50%;\n background-size: cover;\n box-shadow: none;\n }\n .jumbotron-version {\n color:$almost-black;\n }\n .jumbotron-poweredbyasf {\n margin: 0 auto;\n text-align: center;\n \n b {\n font-weight: bold;\n }\n }\n .jumbotron-mission {\n font-size: 2rem;\n font-weight: bold;\n }\n }\n}\n","@import \"taiga/settings\";\n@import \"taiga/mixins\";\n@import \"taiga/grid\";\n@import \"taiga/base\";\n@import \"taiga/layout\";\n@import \"taiga/states\";\n@import \"taiga/button\";\n@import \"taiga/print\";\n\n@import \"modules/syntax\";\n@import \"modules/logo\";\n@import \"modules/jumbotron\";\n@import \"modules/mainmenu\";\n@import \"modules/toc\";\n@import \"modules/builtwithwicket\";\n@import \"modules/quickstart\";\n@import \"modules/wicket8\";\n\ncode, pre, code > span, pre > span { \n font-family: 'Source Code Pro', 'courier new', monospace; \n font-size: $font-size-20; \n}\n\na {\n\tborder-color: $color-brand-50;\n border-style: none none dotted none;\n border-width: 0 0 1px 0;\n cursor: pointer;\n font-weight:400;\n text-decoration: none;\n\n &:hover { color: $color-brand-60; }\n}\n\nh1 a, h2 a, h3 a {\n border: none;\n}\n\ndiv.header {\n background-color: white;\n border-bottom: 1px solid #e1e1e1;\n box-shadow: 0 .5rem 3rem #f0f0f0;\n color: $color-brand-50;\n display:block;\n position:relative;\n width:100%;\n}\n\n.default {\n nav.mainmenu {\n margin:0;\n padding-right:1em;\n display:flex;\n \n @include breakpoint($breakpoint-20, 'max-width') {\n display:block;\n }\n }\n a, a:hover, a:active, a:visited {\n border:none;\n }\n}\n\n.preamble {\n font-weight:300;\n line-height:2;\n text-align:center;\n\n h1 { \n font-weight:300;\n }\n h2 {\n color:$color-brand-50;\n font-weight:300;\n }\n h1 + *, \n h2 + *, \n img + * {\n padding-top:1rem;\n }\n h1:last-child,\n h2:last-child,\n img:last-child {\n margin-bottom:2rem;\n }\n p {\n font-size: $font-size-50;\n text-align: left;\n }\n}\n.index .preamble {\n margin-bottom: 2rem;\n\n p {\n text-align: center;\n }\n}\n.news {\n ul {\n list-style:none;\n margin-left:0;\n padding-left:0;\n }\n li {\n display:block;\n margin-left:0;\n margin-bottom:2rem;\n padding-left:0;\n }\n}\n.l-full, \n.l-half,\n.l-one-third,\n.l-one-sixth,\n.l-one-quarter,\n.l-one-eigth,\n.l-two-third {\n hr { margin-left:0; margin-right:0; }\n}\n\npre {\n margin: 1rem 0;\n}\n\narticle+article {\n border-top: 1px solid $color-neutral-30;\n clear: both;\n margin-top: 2rem;\n padding-top: 2rem;\n}\n\n.button-bar {\n display: -webkit-flex;\n display: flex;\n flex-direction: row;\n margin-bottom: 2rem;\n width:100%;\n\n\n .button {\n -webkit-flex: 1;\n flex: 1;\n padding: 1rem;\n text-align:center;\n\n & + .button {\n margin-left: 0.5rem;\n }\n\n i {\n font-size: 3rem;\n }\n }\n}\n\nth { \n\ttext-align: left; \n}\n\n.media-bar {\n\tclear: both;\n\ta {\n\t\tborder: none;\n\n\t\t> img {\n\t\t\twidth: 100%;\n\t\t}\n\t}\n}\n\n.color-brand {\n\tcolor:$color-brand-70;\n}\n\n.wicket7.header {\n background-color: $color-brand-50;\n background-image: url(/img/wicket-7-bg.jpg);\n\tmargin-bottom : 0;\n text-align:center;\n\ta { border:none; margin:0; padding:0; height:0; }\n\timg { min-width: 240px; width:33%; margin: 0 auto; padding: 6rem 0 4rem; }\n\n\tnav.mainmenu { \n background-color: $color-brand-50; \n line-height:3em;\n margin-top:1rem; \n margin-bottom:0;\n padding-right:1em;\n ul {\n margin-bottom:0;\n }\n @media screen and (orientation: portrait) {\n \tpadding-bottom:0.25rem;\n }\n }\n .submenu {\n background-color: white;\n color: black;\n display:block;\n font-size:10pt;\n margin:0 auto 0rem auto;\n padding-top: 0.5rem; \n padding-right:1em;\n text-align:center;\n\n ul {\n list-style:none;\n }\n li {\n display:inline-block;\n font-size:12px;\n\n &.active { border-bottom: 2px solid;}\n }\n li+li {\n margin-left:1*$grid-column;\n }\n\n a, a:active, a:hover {\n border:none;\n font-weight:400;\n text-decoration: none;\n text-transform: uppercase;\n }\n }\n}\n\n"],"file":"style.css"} |