Initial public push: docs cosmos v4 + AI module + framework groundwork
This is the snapshot the production landing site (nibiru-framework.com) is deployed from. Brings together the recent splash + docs migration to the v4 "Cosmos" design system, the new in-framework AI module, and the framework groundwork that backs the framework-reference extraction. What lands: - docs/: Astro + Starlight site with the v4 dark cosmic palette, GalaxyHero canvas constellation, Mission Control chat (wired to /api/oracle → api.neuronetz.ai via providers.mjs Ollama), 5-panel MMVC stage (Model · AI · Module · Controller · View), translated EN/DE/JA/ES/FR content, PWA + sitemap + llms.txt + Umami analytics. - docs/design-system/: canonical mockup bundle (source/index-v2.html for splash, source/docs-system.html + preview/ for docs, SPEC.md, tokens). - docs/scripts/extraction/framework-reference-v2.md: deep framework reference (~1.6k lines, file:line citations, every public factory and idiom — basis for the LoRA training corpus. - application/module/ai/: AI module with chat / embed / RAG / agent plugins, plus pdoQuery / httpGet / fileRead tools and Modelfile + smoke-test in training/. - application/module/users/: user / ACL / form-factory traits used as the reference plugin pattern for the framework docs. - application/settings/config/database/: schema + seed migrations including the AI module tables (200–203). - Form factory + autogenerator changes the framework-reference-v2 covers. Production secrets stay out: docs/.env, settings.production.ini and ai.production.ini are all gitignored (.example files are in tree). Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
stephan
0
application/view/mockup/template/less/__init__.py
Normal file
0
application/view/mockup/template/less/__init__.py
Normal file
0
application/view/mockup/template/less/custom.less
Normal file
0
application/view/mockup/template/less/custom.less
Normal file
@@ -0,0 +1,21 @@
|
||||
.background-2{
|
||||
background: url(../img/backgrounds/2.jpg);
|
||||
}
|
||||
|
||||
.background-4{
|
||||
background: url(../img/backgrounds/4.jpg);
|
||||
}
|
||||
|
||||
.background-5{
|
||||
background: url(../img/backgrounds/5.jpg);
|
||||
}
|
||||
|
||||
.background-gradient-grey{
|
||||
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f2f2f2+95,f2f2f2+95,f2f2f2+100 */
|
||||
background: #ffffff; /* Old browsers */
|
||||
background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 95%, #f2f2f2 95%, #f2f2f2 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 95%,#f2f2f2 95%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 95%,#f2f2f2 95%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
|
||||
|
||||
}
|
||||
45
application/view/mockup/template/less/global/_config.less
Normal file
45
application/view/mockup/template/less/global/_config.less
Normal file
@@ -0,0 +1,45 @@
|
||||
|
||||
/* ==========================================================================
|
||||
Colors configuration
|
||||
========================================================================== */
|
||||
|
||||
@color_black: #333 ;
|
||||
@color_grey: #99a3b1 ;
|
||||
@color_grey-dark: #808488 ;
|
||||
@color_grey-lighter: #F6F7F8 ;
|
||||
@color_grey-light: #CBD3DD ;
|
||||
@color_blue: #28C ;
|
||||
@color_blue-light: #48CACC ;
|
||||
@color_purple: #8D3DEB ;
|
||||
@color_orange: #FF530D ;
|
||||
@color_green: #4b5 ;
|
||||
@color_red: #FF3625 ;
|
||||
@color_yellow: #FDC441 ;
|
||||
|
||||
|
||||
/* ==========================================================================
|
||||
Fonts configuration
|
||||
========================================================================== */
|
||||
|
||||
// Importing fonts from http://google.com/fonts
|
||||
@import url(http://fonts.googleapis.com/css?family=Roboto:500,900,100,300,700,400&subset=latin,cyrillic-ext,cyrillic,latin-ext);
|
||||
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700&subset=latin,cyrillic-ext,cyrillic,latin-ext);
|
||||
|
||||
// Font Family
|
||||
@font_primary: 'Roboto', sans-serif;
|
||||
@font_secondary: "Roboto Slab", serif;
|
||||
|
||||
// Icons
|
||||
@icons: 'FontAwesome';
|
||||
@icons-stroke: 'Pe-icon-7-stroke';
|
||||
|
||||
// Font Size
|
||||
@font-size_base: 16;
|
||||
|
||||
// Font Weight
|
||||
@font_thin: 100;
|
||||
@font_light: 300;
|
||||
@font_normal: 400;
|
||||
@font_medium: 500;
|
||||
@font_bold: 700;
|
||||
@font_black: 900;
|
||||
123
application/view/mockup/template/less/global/_general.less
Normal file
123
application/view/mockup/template/less/global/_general.less
Normal file
@@ -0,0 +1,123 @@
|
||||
.separator{
|
||||
height: 1px;
|
||||
width: 100%;
|
||||
background-color: @color_grey-light;
|
||||
margin: 30px 0;
|
||||
|
||||
&.without-border{
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
|
||||
.placeholder-horizontal{
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.placeholder-vertical{
|
||||
height: 100%;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.helper{
|
||||
&.center{ text-align: center; }
|
||||
&.left { text-align: left; }
|
||||
&.right { text-align: right; }
|
||||
&.hide { display: none; }
|
||||
&.m0 { margin: 0; }
|
||||
&.p0 { padding: 0; }
|
||||
&.overflow-hidden-lg{overflow: hidden;}
|
||||
|
||||
&.mb0 { margin-bottom: 0px; }
|
||||
&.mb10 { margin-bottom: 10px; }
|
||||
&.mb20 { margin-bottom: 20px; }
|
||||
&.mb30 { margin-bottom: 30px; }
|
||||
&.mb40 { margin-bottom: 40px; }
|
||||
&.mb60 { margin-bottom: 60px; }
|
||||
&.mb80 { margin-bottom: 80px; }
|
||||
&.mb100 { margin-bottom: 100px; }
|
||||
|
||||
&.mr0 { margin-right: 0px; }
|
||||
&.mr10 { margin-right: 10px; }
|
||||
&.mr20 { margin-right: 20px; }
|
||||
&.mr30 { margin-right: 30px; }
|
||||
&.mr40 { margin-right: 40px; }
|
||||
&.mr60 { margin-right: 60px; }
|
||||
|
||||
&.ml0 { margin-left: 0px; }
|
||||
&.ml10 { margin-left: 10px; }
|
||||
&.ml20 { margin-left: 20px; }
|
||||
&.ml30 { margin-left: 30px; }
|
||||
&.ml40 { margin-left: 40px; }
|
||||
&.ml60 { margin-left: 58px; }
|
||||
|
||||
&.mt0 { margin-top: 0px; }
|
||||
&.mt10 { margin-top: 10px; }
|
||||
&.mt20 { margin-top: 20px; }
|
||||
&.mt30 { margin-top: 30px; }
|
||||
&.mt40 { margin-top: 40px; }
|
||||
&.mt60 { margin-top: 60px; }
|
||||
|
||||
&.pt0 { padding-top: 0px; }
|
||||
&.pt10 { padding-top: 10px; }
|
||||
&.pt20 { padding-top: 20px; }
|
||||
&.pt30 { padding-top: 30px; }
|
||||
&.pt40 { padding-top: 40px; }
|
||||
&.pt60 { padding-top: 60px; }
|
||||
&.pt80 { padding-top: 80px; }
|
||||
&.pt90 { padding-top: 90px; }
|
||||
&.pt100 { padding-top: 100px; }
|
||||
|
||||
&.pb0 { padding-bottom: 0px; }
|
||||
&.pb10 { padding-bottom: 10px; }
|
||||
&.pb20 { padding-bottom: 20px; }
|
||||
&.pb30 { padding-bottom: 30px; }
|
||||
&.pb40 { padding-bottom: 40px; }
|
||||
&.pb60 { padding-bottom: 60px; }
|
||||
|
||||
&.pl0 { padding-left: 0px; }
|
||||
&.pl10 { padding-left: 10px; }
|
||||
&.pl20 { padding-left: 20px; }
|
||||
&.pl30 { padding-left: 30px; }
|
||||
&.pl40 { padding-left: 40px; }
|
||||
&.pl60 { padding-left: 60px; }
|
||||
|
||||
&.pr0 { padding-right: 0px; }
|
||||
&.pr10 { padding-right: 10px; }
|
||||
&.pr20 { padding-right: 20px; }
|
||||
&.pr30 { padding-right: 30px; }
|
||||
&.pr40 { padding-right: 40px; }
|
||||
&.pr60 { padding-right: 60px; }
|
||||
}
|
||||
|
||||
.media-mixin(@break) when (@break = @break-medium){
|
||||
.helper{
|
||||
&.p0-sm{
|
||||
padding: 0;
|
||||
}
|
||||
&.pt50-sm{
|
||||
padding-top: 50px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.media-mixin(@break) when (@break = @break-small){
|
||||
.helper{
|
||||
&.mb50-sm{
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
&.overflow-hidden-sm{
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.media-mixin(@break) when (@break = @break-small-x){
|
||||
.helper{
|
||||
&.p0-xs{
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
913
application/view/mockup/template/less/global/_grid.less
Normal file
913
application/view/mockup/template/less/global/_grid.less
Normal file
@@ -0,0 +1,913 @@
|
||||
@-ms-viewport {
|
||||
width: device-width;
|
||||
}
|
||||
.visible-xs,
|
||||
.visible-sm,
|
||||
.visible-md,
|
||||
.visible-lg {
|
||||
display: none !important;
|
||||
}
|
||||
.visible-xs-block,
|
||||
.visible-xs-inline,
|
||||
.visible-xs-inline-block,
|
||||
.visible-sm-block,
|
||||
.visible-sm-inline,
|
||||
.visible-sm-inline-block,
|
||||
.visible-md-block,
|
||||
.visible-md-inline,
|
||||
.visible-md-inline-block,
|
||||
.visible-lg-block,
|
||||
.visible-lg-inline,
|
||||
.visible-lg-inline-block {
|
||||
display: none !important;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.visible-xs {
|
||||
display: block !important;
|
||||
}
|
||||
table.visible-xs {
|
||||
display: table;
|
||||
}
|
||||
tr.visible-xs {
|
||||
display: table-row !important;
|
||||
}
|
||||
th.visible-xs,
|
||||
td.visible-xs {
|
||||
display: table-cell !important;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.visible-xs-block {
|
||||
display: block !important;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.visible-xs-inline {
|
||||
display: inline !important;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.visible-xs-inline-block {
|
||||
display: inline-block !important;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
.visible-sm {
|
||||
display: block !important;
|
||||
}
|
||||
table.visible-sm {
|
||||
display: table;
|
||||
}
|
||||
tr.visible-sm {
|
||||
display: table-row !important;
|
||||
}
|
||||
th.visible-sm,
|
||||
td.visible-sm {
|
||||
display: table-cell !important;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
.visible-sm-block {
|
||||
display: block !important;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
.visible-sm-inline {
|
||||
display: inline !important;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
.visible-sm-inline-block {
|
||||
display: inline-block !important;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) and (max-width: 1199px) {
|
||||
.visible-md {
|
||||
display: block !important;
|
||||
}
|
||||
table.visible-md {
|
||||
display: table;
|
||||
}
|
||||
tr.visible-md {
|
||||
display: table-row !important;
|
||||
}
|
||||
th.visible-md,
|
||||
td.visible-md {
|
||||
display: table-cell !important;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) and (max-width: 1199px) {
|
||||
.visible-md-block {
|
||||
display: block !important;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) and (max-width: 1199px) {
|
||||
.visible-md-inline {
|
||||
display: inline !important;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) and (max-width: 1199px) {
|
||||
.visible-md-inline-block {
|
||||
display: inline-block !important;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
.visible-lg {
|
||||
display: block !important;
|
||||
}
|
||||
table.visible-lg {
|
||||
display: table;
|
||||
}
|
||||
tr.visible-lg {
|
||||
display: table-row !important;
|
||||
}
|
||||
th.visible-lg,
|
||||
td.visible-lg {
|
||||
display: table-cell !important;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
.visible-lg-block {
|
||||
display: block !important;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
.visible-lg-inline {
|
||||
display: inline !important;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
.visible-lg-inline-block {
|
||||
display: inline-block !important;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.hidden-xs {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
.hidden-sm {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) and (max-width: 1199px) {
|
||||
.hidden-md {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
.hidden-lg {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
.visible-print {
|
||||
display: none !important;
|
||||
}
|
||||
@media print {
|
||||
.visible-print {
|
||||
display: block !important;
|
||||
}
|
||||
table.visible-print {
|
||||
display: table;
|
||||
}
|
||||
tr.visible-print {
|
||||
display: table-row !important;
|
||||
}
|
||||
th.visible-print,
|
||||
td.visible-print {
|
||||
display: table-cell !important;
|
||||
}
|
||||
}
|
||||
.visible-print-block {
|
||||
display: none !important;
|
||||
}
|
||||
@media print {
|
||||
.visible-print-block {
|
||||
display: block !important;
|
||||
}
|
||||
}
|
||||
.visible-print-inline {
|
||||
display: none !important;
|
||||
}
|
||||
@media print {
|
||||
.visible-print-inline {
|
||||
display: inline !important;
|
||||
}
|
||||
}
|
||||
.visible-print-inline-block {
|
||||
display: none !important;
|
||||
}
|
||||
@media print {
|
||||
.visible-print-inline-block {
|
||||
display: inline-block !important;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
.hidden-print {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
.container {
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.container {
|
||||
width: 750px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
.container {
|
||||
width: 970px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
.container {
|
||||
width: 1170px;
|
||||
}
|
||||
}
|
||||
.container-fluid {
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
.row {
|
||||
margin-left: -15px;
|
||||
margin-right: -15px;
|
||||
}
|
||||
.col, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
|
||||
position: relative;
|
||||
min-height: 1px;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
.col, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
|
||||
float: left;
|
||||
}
|
||||
.col-xs-12 {
|
||||
width: 100%;
|
||||
}
|
||||
.col-xs-11 {
|
||||
width: 91.66666667%;
|
||||
}
|
||||
.col-xs-10 {
|
||||
width: 83.33333333%;
|
||||
}
|
||||
.col-xs-9 {
|
||||
width: 75%;
|
||||
}
|
||||
.col-xs-8 {
|
||||
width: 66.66666667%;
|
||||
}
|
||||
.col-xs-7 {
|
||||
width: 58.33333333%;
|
||||
}
|
||||
.col-xs-6 {
|
||||
width: 50%;
|
||||
}
|
||||
.col-xs-5 {
|
||||
width: 41.66666667%;
|
||||
}
|
||||
.col-xs-4 {
|
||||
width: 33.33333333%;
|
||||
}
|
||||
.col-xs-3 {
|
||||
width: 25%;
|
||||
}
|
||||
.col-xs-2 {
|
||||
width: 16.66666667%;
|
||||
}
|
||||
.col-xs-1 {
|
||||
width: 8.33333333%;
|
||||
}
|
||||
.col-xs-pull-12 {
|
||||
right: 100%;
|
||||
}
|
||||
.col-xs-pull-11 {
|
||||
right: 91.66666667%;
|
||||
}
|
||||
.col-xs-pull-10 {
|
||||
right: 83.33333333%;
|
||||
}
|
||||
.col-xs-pull-9 {
|
||||
right: 75%;
|
||||
}
|
||||
.col-xs-pull-8 {
|
||||
right: 66.66666667%;
|
||||
}
|
||||
.col-xs-pull-7 {
|
||||
right: 58.33333333%;
|
||||
}
|
||||
.col-xs-pull-6 {
|
||||
right: 50%;
|
||||
}
|
||||
.col-xs-pull-5 {
|
||||
right: 41.66666667%;
|
||||
}
|
||||
.col-xs-pull-4 {
|
||||
right: 33.33333333%;
|
||||
}
|
||||
.col-xs-pull-3 {
|
||||
right: 25%;
|
||||
}
|
||||
.col-xs-pull-2 {
|
||||
right: 16.66666667%;
|
||||
}
|
||||
.col-xs-pull-1 {
|
||||
right: 8.33333333%;
|
||||
}
|
||||
.col-xs-pull-0 {
|
||||
right: auto;
|
||||
}
|
||||
.col-xs-push-12 {
|
||||
left: 100%;
|
||||
}
|
||||
.col-xs-push-11 {
|
||||
left: 91.66666667%;
|
||||
}
|
||||
.col-xs-push-10 {
|
||||
left: 83.33333333%;
|
||||
}
|
||||
.col-xs-push-9 {
|
||||
left: 75%;
|
||||
}
|
||||
.col-xs-push-8 {
|
||||
left: 66.66666667%;
|
||||
}
|
||||
.col-xs-push-7 {
|
||||
left: 58.33333333%;
|
||||
}
|
||||
.col-xs-push-6 {
|
||||
left: 50%;
|
||||
}
|
||||
.col-xs-push-5 {
|
||||
left: 41.66666667%;
|
||||
}
|
||||
.col-xs-push-4 {
|
||||
left: 33.33333333%;
|
||||
}
|
||||
.col-xs-push-3 {
|
||||
left: 25%;
|
||||
}
|
||||
.col-xs-push-2 {
|
||||
left: 16.66666667%;
|
||||
}
|
||||
.col-xs-push-1 {
|
||||
left: 8.33333333%;
|
||||
}
|
||||
.col-xs-push-0 {
|
||||
left: auto;
|
||||
}
|
||||
.col-xs-offset-12 {
|
||||
margin-left: 100%;
|
||||
}
|
||||
.col-xs-offset-11 {
|
||||
margin-left: 91.66666667%;
|
||||
}
|
||||
.col-xs-offset-10 {
|
||||
margin-left: 83.33333333%;
|
||||
}
|
||||
.col-xs-offset-9 {
|
||||
margin-left: 75%;
|
||||
}
|
||||
.col-xs-offset-8 {
|
||||
margin-left: 66.66666667%;
|
||||
}
|
||||
.col-xs-offset-7 {
|
||||
margin-left: 58.33333333%;
|
||||
}
|
||||
.col-xs-offset-6 {
|
||||
margin-left: 50%;
|
||||
}
|
||||
.col-xs-offset-5 {
|
||||
margin-left: 41.66666667%;
|
||||
}
|
||||
.col-xs-offset-4 {
|
||||
margin-left: 33.33333333%;
|
||||
}
|
||||
.col-xs-offset-3 {
|
||||
margin-left: 25%;
|
||||
}
|
||||
.col-xs-offset-2 {
|
||||
margin-left: 16.66666667%;
|
||||
}
|
||||
.col-xs-offset-1 {
|
||||
margin-left: 8.33333333%;
|
||||
}
|
||||
.col-xs-offset-0 {
|
||||
margin-left: 0%;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
|
||||
float: left;
|
||||
}
|
||||
.col-sm-12 {
|
||||
width: 100%;
|
||||
}
|
||||
.col-sm-11 {
|
||||
width: 91.66666667%;
|
||||
}
|
||||
.col-sm-10 {
|
||||
width: 83.33333333%;
|
||||
}
|
||||
.col-sm-9 {
|
||||
width: 75%;
|
||||
}
|
||||
.col-sm-8 {
|
||||
width: 66.66666667%;
|
||||
}
|
||||
.col-sm-7 {
|
||||
width: 58.33333333%;
|
||||
}
|
||||
.col-sm-6 {
|
||||
width: 50%;
|
||||
}
|
||||
.col-sm-5 {
|
||||
width: 41.66666667%;
|
||||
}
|
||||
.col-sm-4 {
|
||||
width: 33.33333333%;
|
||||
}
|
||||
.col-sm-3 {
|
||||
width: 25%;
|
||||
}
|
||||
.col-sm-2 {
|
||||
width: 16.66666667%;
|
||||
}
|
||||
.col-sm-1 {
|
||||
width: 8.33333333%;
|
||||
}
|
||||
.col-sm-pull-12 {
|
||||
right: 100%;
|
||||
}
|
||||
.col-sm-pull-11 {
|
||||
right: 91.66666667%;
|
||||
}
|
||||
.col-sm-pull-10 {
|
||||
right: 83.33333333%;
|
||||
}
|
||||
.col-sm-pull-9 {
|
||||
right: 75%;
|
||||
}
|
||||
.col-sm-pull-8 {
|
||||
right: 66.66666667%;
|
||||
}
|
||||
.col-sm-pull-7 {
|
||||
right: 58.33333333%;
|
||||
}
|
||||
.col-sm-pull-6 {
|
||||
right: 50%;
|
||||
}
|
||||
.col-sm-pull-5 {
|
||||
right: 41.66666667%;
|
||||
}
|
||||
.col-sm-pull-4 {
|
||||
right: 33.33333333%;
|
||||
}
|
||||
.col-sm-pull-3 {
|
||||
right: 25%;
|
||||
}
|
||||
.col-sm-pull-2 {
|
||||
right: 16.66666667%;
|
||||
}
|
||||
.col-sm-pull-1 {
|
||||
right: 8.33333333%;
|
||||
}
|
||||
.col-sm-pull-0 {
|
||||
right: auto;
|
||||
}
|
||||
.col-sm-push-12 {
|
||||
left: 100%;
|
||||
}
|
||||
.col-sm-push-11 {
|
||||
left: 91.66666667%;
|
||||
}
|
||||
.col-sm-push-10 {
|
||||
left: 83.33333333%;
|
||||
}
|
||||
.col-sm-push-9 {
|
||||
left: 75%;
|
||||
}
|
||||
.col-sm-push-8 {
|
||||
left: 66.66666667%;
|
||||
}
|
||||
.col-sm-push-7 {
|
||||
left: 58.33333333%;
|
||||
}
|
||||
.col-sm-push-6 {
|
||||
left: 50%;
|
||||
}
|
||||
.col-sm-push-5 {
|
||||
left: 41.66666667%;
|
||||
}
|
||||
.col-sm-push-4 {
|
||||
left: 33.33333333%;
|
||||
}
|
||||
.col-sm-push-3 {
|
||||
left: 25%;
|
||||
}
|
||||
.col-sm-push-2 {
|
||||
left: 16.66666667%;
|
||||
}
|
||||
.col-sm-push-1 {
|
||||
left: 8.33333333%;
|
||||
}
|
||||
.col-sm-push-0 {
|
||||
left: auto;
|
||||
}
|
||||
.col-sm-offset-12 {
|
||||
margin-left: 100%;
|
||||
}
|
||||
.col-sm-offset-11 {
|
||||
margin-left: 91.66666667%;
|
||||
}
|
||||
.col-sm-offset-10 {
|
||||
margin-left: 83.33333333%;
|
||||
}
|
||||
.col-sm-offset-9 {
|
||||
margin-left: 75%;
|
||||
}
|
||||
.col-sm-offset-8 {
|
||||
margin-left: 66.66666667%;
|
||||
}
|
||||
.col-sm-offset-7 {
|
||||
margin-left: 58.33333333%;
|
||||
}
|
||||
.col-sm-offset-6 {
|
||||
margin-left: 50%;
|
||||
}
|
||||
.col-sm-offset-5 {
|
||||
margin-left: 41.66666667%;
|
||||
}
|
||||
.col-sm-offset-4 {
|
||||
margin-left: 33.33333333%;
|
||||
}
|
||||
.col-sm-offset-3 {
|
||||
margin-left: 25%;
|
||||
}
|
||||
.col-sm-offset-2 {
|
||||
margin-left: 16.66666667%;
|
||||
}
|
||||
.col-sm-offset-1 {
|
||||
margin-left: 8.33333333%;
|
||||
}
|
||||
.col-sm-offset-0 {
|
||||
margin-left: 0%;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
.col, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
|
||||
float: left;
|
||||
}
|
||||
.col-md-12 {
|
||||
width: 100%;
|
||||
}
|
||||
.col-md-11 {
|
||||
width: 91.66666667%;
|
||||
}
|
||||
.col-md-10 {
|
||||
width: 83.33333333%;
|
||||
}
|
||||
.col-md-9 {
|
||||
width: 75%;
|
||||
}
|
||||
.col-md-8 {
|
||||
width: 66.66666667%;
|
||||
}
|
||||
.col-md-7 {
|
||||
width: 58.33333333%;
|
||||
}
|
||||
.col-md-6 {
|
||||
width: 50%;
|
||||
}
|
||||
.col-md-5 {
|
||||
width: 41.66666667%;
|
||||
}
|
||||
.col-md-4 {
|
||||
width: 33.33333333%;
|
||||
}
|
||||
.col-md-3 {
|
||||
width: 25%;
|
||||
}
|
||||
.col-md-2 {
|
||||
width: 16.66666667%;
|
||||
}
|
||||
.col-md-1 {
|
||||
width: 8.33333333%;
|
||||
}
|
||||
.col-md-pull-12 {
|
||||
right: 100%;
|
||||
}
|
||||
.col-md-pull-11 {
|
||||
right: 91.66666667%;
|
||||
}
|
||||
.col-md-pull-10 {
|
||||
right: 83.33333333%;
|
||||
}
|
||||
.col-md-pull-9 {
|
||||
right: 75%;
|
||||
}
|
||||
.col-md-pull-8 {
|
||||
right: 66.66666667%;
|
||||
}
|
||||
.col-md-pull-7 {
|
||||
right: 58.33333333%;
|
||||
}
|
||||
.col-md-pull-6 {
|
||||
right: 50%;
|
||||
}
|
||||
.col-md-pull-5 {
|
||||
right: 41.66666667%;
|
||||
}
|
||||
.col-md-pull-4 {
|
||||
right: 33.33333333%;
|
||||
}
|
||||
.col-md-pull-3 {
|
||||
right: 25%;
|
||||
}
|
||||
.col-md-pull-2 {
|
||||
right: 16.66666667%;
|
||||
}
|
||||
.col-md-pull-1 {
|
||||
right: 8.33333333%;
|
||||
}
|
||||
.col-md-pull-0 {
|
||||
right: auto;
|
||||
}
|
||||
.col-md-push-12 {
|
||||
left: 100%;
|
||||
}
|
||||
.col-md-push-11 {
|
||||
left: 91.66666667%;
|
||||
}
|
||||
.col-md-push-10 {
|
||||
left: 83.33333333%;
|
||||
}
|
||||
.col-md-push-9 {
|
||||
left: 75%;
|
||||
}
|
||||
.col-md-push-8 {
|
||||
left: 66.66666667%;
|
||||
}
|
||||
.col-md-push-7 {
|
||||
left: 58.33333333%;
|
||||
}
|
||||
.col-md-push-6 {
|
||||
left: 50%;
|
||||
}
|
||||
.col-md-push-5 {
|
||||
left: 41.66666667%;
|
||||
}
|
||||
.col-md-push-4 {
|
||||
left: 33.33333333%;
|
||||
}
|
||||
.col-md-push-3 {
|
||||
left: 25%;
|
||||
}
|
||||
.col-md-push-2 {
|
||||
left: 16.66666667%;
|
||||
}
|
||||
.col-md-push-1 {
|
||||
left: 8.33333333%;
|
||||
}
|
||||
.col-md-push-0 {
|
||||
left: auto;
|
||||
}
|
||||
.col-md-offset-12 {
|
||||
margin-left: 100%;
|
||||
}
|
||||
.col-md-offset-11 {
|
||||
margin-left: 91.66666667%;
|
||||
}
|
||||
.col-md-offset-10 {
|
||||
margin-left: 83.33333333%;
|
||||
}
|
||||
.col-md-offset-9 {
|
||||
margin-left: 75%;
|
||||
}
|
||||
.col-md-offset-8 {
|
||||
margin-left: 66.66666667%;
|
||||
}
|
||||
.col-md-offset-7 {
|
||||
margin-left: 58.33333333%;
|
||||
}
|
||||
.col-md-offset-6 {
|
||||
margin-left: 50%;
|
||||
}
|
||||
.col-md-offset-5 {
|
||||
margin-left: 41.66666667%;
|
||||
}
|
||||
.col-md-offset-4 {
|
||||
margin-left: 33.33333333%;
|
||||
}
|
||||
.col-md-offset-3 {
|
||||
margin-left: 25%;
|
||||
}
|
||||
.col-md-offset-2 {
|
||||
margin-left: 16.66666667%;
|
||||
}
|
||||
.col-md-offset-1 {
|
||||
margin-left: 8.33333333%;
|
||||
}
|
||||
.col-md-offset-0 {
|
||||
margin-left: 0%;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
.col, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
|
||||
float: left;
|
||||
}
|
||||
.col-lg-12 {
|
||||
width: 100%;
|
||||
}
|
||||
.col-lg-11 {
|
||||
width: 91.66666667%;
|
||||
}
|
||||
.col-lg-10 {
|
||||
width: 83.33333333%;
|
||||
}
|
||||
.col-lg-9 {
|
||||
width: 75%;
|
||||
}
|
||||
.col-lg-8 {
|
||||
width: 66.66666667%;
|
||||
}
|
||||
.col-lg-7 {
|
||||
width: 58.33333333%;
|
||||
}
|
||||
.col-lg-6 {
|
||||
width: 50%;
|
||||
}
|
||||
.col-lg-5 {
|
||||
width: 41.66666667%;
|
||||
}
|
||||
.col-lg-4 {
|
||||
width: 33.33333333%;
|
||||
}
|
||||
.col-lg-3 {
|
||||
width: 25%;
|
||||
}
|
||||
.col-lg-2 {
|
||||
width: 16.66666667%;
|
||||
}
|
||||
.col-lg-1 {
|
||||
width: 8.33333333%;
|
||||
}
|
||||
.col-lg-pull-12 {
|
||||
right: 100%;
|
||||
}
|
||||
.col-lg-pull-11 {
|
||||
right: 91.66666667%;
|
||||
}
|
||||
.col-lg-pull-10 {
|
||||
right: 83.33333333%;
|
||||
}
|
||||
.col-lg-pull-9 {
|
||||
right: 75%;
|
||||
}
|
||||
.col-lg-pull-8 {
|
||||
right: 66.66666667%;
|
||||
}
|
||||
.col-lg-pull-7 {
|
||||
right: 58.33333333%;
|
||||
}
|
||||
.col-lg-pull-6 {
|
||||
right: 50%;
|
||||
}
|
||||
.col-lg-pull-5 {
|
||||
right: 41.66666667%;
|
||||
}
|
||||
.col-lg-pull-4 {
|
||||
right: 33.33333333%;
|
||||
}
|
||||
.col-lg-pull-3 {
|
||||
right: 25%;
|
||||
}
|
||||
.col-lg-pull-2 {
|
||||
right: 16.66666667%;
|
||||
}
|
||||
.col-lg-pull-1 {
|
||||
right: 8.33333333%;
|
||||
}
|
||||
.col-lg-pull-0 {
|
||||
right: auto;
|
||||
}
|
||||
.col-lg-push-12 {
|
||||
left: 100%;
|
||||
}
|
||||
.col-lg-push-11 {
|
||||
left: 91.66666667%;
|
||||
}
|
||||
.col-lg-push-10 {
|
||||
left: 83.33333333%;
|
||||
}
|
||||
.col-lg-push-9 {
|
||||
left: 75%;
|
||||
}
|
||||
.col-lg-push-8 {
|
||||
left: 66.66666667%;
|
||||
}
|
||||
.col-lg-push-7 {
|
||||
left: 58.33333333%;
|
||||
}
|
||||
.col-lg-push-6 {
|
||||
left: 50%;
|
||||
}
|
||||
.col-lg-push-5 {
|
||||
left: 41.66666667%;
|
||||
}
|
||||
.col-lg-push-4 {
|
||||
left: 33.33333333%;
|
||||
}
|
||||
.col-lg-push-3 {
|
||||
left: 25%;
|
||||
}
|
||||
.col-lg-push-2 {
|
||||
left: 16.66666667%;
|
||||
}
|
||||
.col-lg-push-1 {
|
||||
left: 8.33333333%;
|
||||
}
|
||||
.col-lg-push-0 {
|
||||
left: auto;
|
||||
}
|
||||
.col-lg-offset-12 {
|
||||
margin-left: 100%;
|
||||
}
|
||||
.col-lg-offset-11 {
|
||||
margin-left: 91.66666667%;
|
||||
}
|
||||
.col-lg-offset-10 {
|
||||
margin-left: 83.33333333%;
|
||||
}
|
||||
.col-lg-offset-9 {
|
||||
margin-left: 75%;
|
||||
}
|
||||
.col-lg-offset-8 {
|
||||
margin-left: 66.66666667%;
|
||||
}
|
||||
.col-lg-offset-7 {
|
||||
margin-left: 58.33333333%;
|
||||
}
|
||||
.col-lg-offset-6 {
|
||||
margin-left: 50%;
|
||||
}
|
||||
.col-lg-offset-5 {
|
||||
margin-left: 41.66666667%;
|
||||
}
|
||||
.col-lg-offset-4 {
|
||||
margin-left: 33.33333333%;
|
||||
}
|
||||
.col-lg-offset-3 {
|
||||
margin-left: 25%;
|
||||
}
|
||||
.col-lg-offset-2 {
|
||||
margin-left: 16.66666667%;
|
||||
}
|
||||
.col-lg-offset-1 {
|
||||
margin-left: 8.33333333%;
|
||||
}
|
||||
.col-lg-offset-0 {
|
||||
margin-left: 0%;
|
||||
}
|
||||
}
|
||||
.clearfix,
|
||||
.clearfix:before,
|
||||
.clearfix:after,
|
||||
.container:before,
|
||||
.container:after,
|
||||
.container-fluid:before,
|
||||
.container-fluid:after,
|
||||
.row:before,
|
||||
.row:after {
|
||||
content: " ";
|
||||
display: table;
|
||||
}
|
||||
.clearfix:after,
|
||||
.container:after,
|
||||
.container-fluid:after,
|
||||
.row:after {
|
||||
clear: both;
|
||||
}
|
||||
.center-block {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.pull-right {
|
||||
float: right !important;
|
||||
}
|
||||
.pull-left {
|
||||
float: left !important;
|
||||
}
|
||||
*,
|
||||
*:before,
|
||||
*:after {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
19
application/view/mockup/template/less/global/_image.less
Normal file
19
application/view/mockup/template/less/global/_image.less
Normal file
@@ -0,0 +1,19 @@
|
||||
.image{
|
||||
padding: 4px;
|
||||
border: 1px solid @color_grey-light;
|
||||
border-radius: 3px;
|
||||
margin-bottom: 15px;
|
||||
max-width: 100%;
|
||||
|
||||
&.remove-border{
|
||||
border: 0;
|
||||
}
|
||||
|
||||
&.isolated{
|
||||
margin: 30px 0;
|
||||
}
|
||||
}
|
||||
|
||||
.media-mixin(@break) when (@break = @break-small-x) {
|
||||
.image.isolated{ margin: 0 0 15px 0; }
|
||||
}
|
||||
73
application/view/mockup/template/less/global/_layout.less
Normal file
73
application/view/mockup/template/less/global/_layout.less
Normal file
@@ -0,0 +1,73 @@
|
||||
html, body{
|
||||
height: 100%;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
body{
|
||||
font-size: 1em;
|
||||
line-height: 100%;
|
||||
font-family: @font_primary;
|
||||
color: @color_black;
|
||||
}
|
||||
|
||||
#content{
|
||||
padding: 60px 0;
|
||||
|
||||
&.pt0{
|
||||
padding-top: 0;
|
||||
}
|
||||
&.pb0{
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.page{
|
||||
min-height: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.layout{
|
||||
position: relative;
|
||||
.col-md-2, .col-md-3, .col-md-4{ position: static; }
|
||||
|
||||
&.with-left-sidebar .sidebar{
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
&.with-right-sidebar .sidebar{
|
||||
padding-left: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar{
|
||||
-webkit-backface-visibility: hidden;
|
||||
-webkit-transform: translateZ(0);
|
||||
|
||||
&.sidebar-is-fixed{
|
||||
position: fixed;
|
||||
top: 30px;
|
||||
}
|
||||
|
||||
&.sidebar-is-bottom{
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px){
|
||||
.container-spaced { padding: 0 50px; }
|
||||
}
|
||||
|
||||
@media (min-width: 480px){
|
||||
.one-page-content .container-spaced { padding: 0 50px; }
|
||||
}
|
||||
|
||||
.media-mixin(@break) when (@break = @break-large-x) {
|
||||
.layout{ padding: 0 !important; }
|
||||
.main-content { padding: 0 !important; border: none !important; }
|
||||
}
|
||||
|
||||
.media-mixin(@break) when (@break = @break-small-x) {
|
||||
#content { padding: 40px 0; }
|
||||
body{ font-size: 0.9em; }
|
||||
}
|
||||
53
application/view/mockup/template/less/global/_list.less
Normal file
53
application/view/mockup/template/less/global/_list.less
Normal file
@@ -0,0 +1,53 @@
|
||||
/* ==========================================================================
|
||||
Unordered List
|
||||
========================================================================== */
|
||||
|
||||
ul{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: disc;
|
||||
margin: 0 0 1em 1.2em;
|
||||
line-height: 1.8;
|
||||
|
||||
ul{
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Ordered List
|
||||
========================================================================== */
|
||||
|
||||
ol{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: decimal;
|
||||
margin: 0 0 1em 1.5em;
|
||||
line-height: 1.8;
|
||||
|
||||
ol{
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* ==========================================================================
|
||||
Definition List
|
||||
========================================================================== */
|
||||
|
||||
dl {
|
||||
overflow: hidden;
|
||||
margin: 0 0 1em;
|
||||
font-weight: 300;
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
dd{
|
||||
margin-left: 0;
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
dt{
|
||||
font-weight: 500;
|
||||
line-height: 1.8;
|
||||
}
|
||||
25
application/view/mockup/template/less/global/_media.less
Normal file
25
application/view/mockup/template/less/global/_media.less
Normal file
@@ -0,0 +1,25 @@
|
||||
@break-small-x: 480px;
|
||||
@break-small: 768px;
|
||||
@break-medium: 991px;
|
||||
@break-large: 1024px;
|
||||
@break-large-x: 1200px;
|
||||
|
||||
@media all and (max-width: @break-large-x) {
|
||||
.media-mixin(@break-large-x);
|
||||
}
|
||||
|
||||
@media all and (max-width: @break-large) {
|
||||
.media-mixin(@break-large);
|
||||
}
|
||||
|
||||
@media all and (max-width: @break-medium) {
|
||||
.media-mixin(@break-medium);
|
||||
}
|
||||
|
||||
@media all and (max-width: @break-small) {
|
||||
.media-mixin(@break-small);
|
||||
}
|
||||
|
||||
@media all and (max-width: @break-small-x) {
|
||||
.media-mixin(@break-small-x);
|
||||
}
|
||||
67
application/view/mockup/template/less/global/_mixins.less
Normal file
67
application/view/mockup/template/less/global/_mixins.less
Normal file
@@ -0,0 +1,67 @@
|
||||
.transition(@property){
|
||||
-webkit-transition: @property .25s ease;
|
||||
-moz-transition: @property .25s ease;
|
||||
-ms-transition: @property .25s ease;
|
||||
-o-transition: @property .25s ease;
|
||||
transition: @property .25s ease;
|
||||
}
|
||||
|
||||
.transition-custom(...){
|
||||
@values: ~`"@{arguments}".replace(/[\[\]]/g, '')`;
|
||||
-webkit-transition: @values;
|
||||
-moz-transition: @values;
|
||||
-ms-transition: @values;
|
||||
-o-transition: @values;
|
||||
transition: @values;
|
||||
}
|
||||
|
||||
.placeholder(@rules) {
|
||||
|
||||
&::-webkit-input-placeholder {
|
||||
@rules();
|
||||
}
|
||||
&:-moz-placeholder {
|
||||
@rules();
|
||||
}
|
||||
&::-moz-placeholder {
|
||||
@rules();
|
||||
}
|
||||
&:-ms-input-placeholder {
|
||||
@rules();
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.fz( @value: @font-size_base, @context: @font-size_base ) {
|
||||
font-size: (@value / @context) + 0em;
|
||||
}
|
||||
|
||||
.translateX(@value){
|
||||
-webkit-transform: translateX(@value);
|
||||
-moz-transform: translateX(@value);
|
||||
-ms-transform: translateX(@value);
|
||||
-o-transform: translateX(@value);
|
||||
transform: translateX(@value);
|
||||
}
|
||||
|
||||
.animation(@arguments) {
|
||||
-webkit-animation: @arguments;
|
||||
-moz-animation: @arguments;
|
||||
-ms-animation: @arguments;
|
||||
-o-animation: @arguments;
|
||||
animation: @arguments;
|
||||
}
|
||||
|
||||
.transform(@value){
|
||||
-webkit-transform: @value;
|
||||
-moz-transform: @value;
|
||||
-ms-transform: @value;
|
||||
-o-transform: @value;
|
||||
transform: @value;
|
||||
}
|
||||
|
||||
.keyframes(@name; @arguments) {
|
||||
@-moz-keyframes @name { @arguments(); }
|
||||
@-webkit-keyframes @name { @arguments(); }
|
||||
@keyframes @name { @arguments(); }
|
||||
}
|
||||
272
application/view/mockup/template/less/global/_normalize.less
Normal file
272
application/view/mockup/template/less/global/_normalize.less
Normal file
@@ -0,0 +1,272 @@
|
||||
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
|
||||
|
||||
// * 1. Set default font family to sans-serif.
|
||||
// * 2. Prevent iOS text size adjust after orientation change, without disabling user zoom.
|
||||
html {
|
||||
font-family: sans-serif;
|
||||
-ms-text-size-adjust: 100%;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
}
|
||||
|
||||
// Remove default margin.
|
||||
body { margin: 0 }
|
||||
|
||||
// HTML5 display definitions ==========================================================================
|
||||
// * Correct `block` display not defined for any HTML5 element in IE 8/9.
|
||||
// * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
|
||||
// * Correct `block` display not defined for `main` in IE 11.
|
||||
article,
|
||||
aside,
|
||||
details,
|
||||
figcaption,
|
||||
figure,
|
||||
footer,
|
||||
header,
|
||||
hgroup,
|
||||
main,
|
||||
nav,
|
||||
section,
|
||||
summary {
|
||||
display: block;
|
||||
}
|
||||
|
||||
// * 1. Correct `inline-block` display not defined in IE 8/9.
|
||||
// * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
|
||||
audio,
|
||||
canvas,
|
||||
progress,
|
||||
video {
|
||||
display: inline-block;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
// * Prevent modern browsers from displaying `audio` without controls.
|
||||
// * Remove excess height in iOS 5 devices.
|
||||
audio:not([controls]) {
|
||||
display: none;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
// * Address `[hidden]` styling not present in IE 8/9/10.
|
||||
// * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
|
||||
[hidden],
|
||||
template {
|
||||
display: none;
|
||||
}
|
||||
|
||||
// Links ==========================================================================
|
||||
// * Remove the gray background color from active links in IE 10.
|
||||
a {
|
||||
background: transparent;
|
||||
// * Improve readability when focused and also mouse hovered in all browsers.
|
||||
&:active,
|
||||
&:hover {
|
||||
outline: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Text-level semantics ==========================================================================
|
||||
|
||||
// * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
|
||||
abbr[title] { border-bottom: 1px dotted; }
|
||||
|
||||
// * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
|
||||
b,
|
||||
strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
// * Address styling not present in Safari and Chrome.
|
||||
dfn { font-style: italic; }
|
||||
|
||||
// * Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome.
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
margin: 0.67em 0;
|
||||
}
|
||||
|
||||
// * Address styling not present in IE 8/9.
|
||||
mark {
|
||||
background: #ff0;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
// * Address inconsistent and variable font size in all browsers.
|
||||
small { font-size: 80%; }
|
||||
|
||||
// * Prevent `sub` and `sup` affecting `line-height` in all browsers.
|
||||
sub,
|
||||
sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sup { top: -0.5em; }
|
||||
sub { bottom: -0.25em; }
|
||||
|
||||
// Embedded content ==========================================================================
|
||||
// * Remove border when inside `a` element in IE 8/9/10.
|
||||
img { border: 0; }
|
||||
|
||||
// * Correct overflow not hidden in IE 9/10/11.
|
||||
svg:not(:root) { overflow: hidden; }
|
||||
|
||||
// Grouping content ==========================================================================
|
||||
// * Address margin not present in IE 8/9 and Safari.
|
||||
figure { margin: 1em 40px; }
|
||||
|
||||
// * Address differences between Firefox and other browsers.
|
||||
hr {
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
// * Contain overflow in all browsers.
|
||||
pre { overflow: auto; }
|
||||
|
||||
// * Address odd `em`-unit font size rendering in all browsers.
|
||||
code,
|
||||
kbd,
|
||||
pre,
|
||||
samp {
|
||||
font-family: monospace, monospace;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
// Forms ==========================================================================
|
||||
// * Known limitation: by default, Chrome and Safari on OS X allow very limited
|
||||
// * styling of `select`, unless a `border` property is set.
|
||||
|
||||
// * 1. Correct color not being inherited.
|
||||
// * Known issue: affects color of disabled elements.
|
||||
// * 2. Correct font properties not being inherited.
|
||||
// * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
|
||||
button,
|
||||
input,
|
||||
optgroup,
|
||||
select,
|
||||
textarea {
|
||||
color: inherit;
|
||||
font: inherit;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
// * Address `overflow` set to `hidden` in IE 8/9/10/11.
|
||||
button { overflow: visible;}
|
||||
|
||||
// * Address inconsistent `text-transform` inheritance for `button` and `select`.
|
||||
// * All other form control elements do not inherit `text-transform` values.
|
||||
// * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
|
||||
// * Correct `select` style inheritance in Firefox.
|
||||
button,
|
||||
select {
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
// * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.
|
||||
// * 2. Correct inability to style clickable `input` types in iOS.
|
||||
// * 3. Improve usability and consistency of cursor style between image-type `input` and others.
|
||||
button,
|
||||
html input[type="button"] {
|
||||
-webkit-appearance: button;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
// * Re-set default cursor for disabled elements.
|
||||
button[disabled],
|
||||
html input[disabled] {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
// * Remove inner padding and border in Firefox 4+.
|
||||
button
|
||||
input {
|
||||
&::-moz-focus-inner {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// * Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet.
|
||||
input {
|
||||
line-height: normal;
|
||||
&[type="reset"],
|
||||
&[type="submit"] {
|
||||
-webkit-appearance: button;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
// * It's recommended that you don't attempt to style these elements.
|
||||
// * Firefox's implementation doesn't respect box-sizing, padding, or width.
|
||||
// * 1. Address box sizing set to `content-box` in IE 8/9/10.
|
||||
// * 2. Remove excess padding in IE 8/9/10.
|
||||
&[type="checkbox"],
|
||||
&[type="radio"] {
|
||||
box-sizing: border-box;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
// * Fix the cursor style for Chrome's increment/decrement buttons. For certain
|
||||
// * `font-size` values of the `input`, it causes the cursor style of the
|
||||
// * decrement button to change from `default` to `text`.
|
||||
&[type="number"] {
|
||||
&::-webkit-inner-spin-button,
|
||||
&::-webkit-outer-spin-button {
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
|
||||
// * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
|
||||
// * 2. Address `box-sizing` set to `border-box` in Safari and Chrome (include `-moz` to future-proof).
|
||||
&[type="search"] {
|
||||
-webkit-appearance: textfield;
|
||||
-moz-box-sizing: content-box;
|
||||
-webkit-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
|
||||
// * Remove inner padding and search cancel button in Safari and Chrome on OS X.
|
||||
// * Safari (but not Chrome) clips the cancel button when the search input has
|
||||
// * padding (and `textfield` appearance).
|
||||
&::-webkit-search-cancel-button,
|
||||
&::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// * Define consistent border, margin, and padding.
|
||||
fieldset {
|
||||
border: 1px solid #c0c0c0;
|
||||
margin: 0 2px;
|
||||
padding: 0.35em 0.625em 0.75em;
|
||||
}
|
||||
|
||||
// * 1. Correct `color` not being inherited in IE 8/9/10/11.
|
||||
// * 2. Remove padding so people aren't caught out if they zero out fieldsets.
|
||||
legend {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
// * Remove default vertical scrollbar in IE 8/9/10/11.
|
||||
textarea { overflow: auto; }
|
||||
|
||||
// * Don't inherit the `font-weight` (applied by a rule above).
|
||||
// * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
|
||||
optgroup { font-weight: bold; }
|
||||
|
||||
// Tables ==========================================================================
|
||||
// * Remove most spacing between table cells.
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
td,
|
||||
th {
|
||||
padding: 0;
|
||||
}
|
||||
123
application/view/mockup/template/less/global/_text.less
Normal file
123
application/view/mockup/template/less/global/_text.less
Normal file
@@ -0,0 +1,123 @@
|
||||
/* ==========================================================================
|
||||
Headings
|
||||
========================================================================== */
|
||||
|
||||
h1, h2, h3, h4, h5, h6{
|
||||
font-family: @font_primary;
|
||||
font-weight: 300;
|
||||
line-height: 100%;
|
||||
}
|
||||
|
||||
h1 { font-size: 3em; margin: 0 0 .5em 0; }
|
||||
h2 { font-size: 2em; margin: 0 0 .5em 0; }
|
||||
h3 { font-size: 1.5em; margin: 0 0 .5em 0; }
|
||||
h4 { font-size: 1.17em; margin: 0 0 .5em 0; }
|
||||
h5 { font-size: 1.12em; margin: 0 0 .5em 0; }
|
||||
h6 { font-size: .83em; margin: 0 0 .5em 0; }
|
||||
|
||||
|
||||
/* ==========================================================================
|
||||
Paragraph
|
||||
========================================================================== */
|
||||
|
||||
p {
|
||||
font-size: 1em;
|
||||
margin: 0 0 1em 0;
|
||||
font-weight: 300;
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Block quote
|
||||
========================================================================== */
|
||||
|
||||
blockquote{
|
||||
margin: 0 0 1em 0;
|
||||
padding: 0 0 0 30px;
|
||||
color: @color_grey-dark;
|
||||
font-style: italic;
|
||||
border-left: 5px solid @color_grey-light;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Link
|
||||
========================================================================== */
|
||||
|
||||
a{
|
||||
color: @color_blue;
|
||||
text-decoration: none;
|
||||
font-size: inherit;
|
||||
|
||||
&:hover{
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Mark inside text
|
||||
========================================================================== */
|
||||
|
||||
.mark{
|
||||
|
||||
font-size: inherit;
|
||||
color: inherit;
|
||||
line-height: inherit;
|
||||
|
||||
&.bold{ font-weight: 400; }
|
||||
&.bolder{ font-weight: 700; }
|
||||
&.italic { font-style: italic; }
|
||||
&.underline { text-decoration: underline; }
|
||||
&.line-through { text-decoration: line-through; }
|
||||
&.sup { vertical-align: super; font-size: 0.8em; }
|
||||
&.sub { vertical-align: sub; font-size: 0.8em; }
|
||||
&.small { font-size: 0.8em; }
|
||||
&.help { border-bottom: 1px dotted @color_grey-dark; cursor: help; }
|
||||
&.code { font-family: monospace; }
|
||||
&.fill{
|
||||
padding: .3em .6em;
|
||||
border-radius: 4px;
|
||||
vertical-align: baseline;
|
||||
display: inline;
|
||||
font-size: 80%;
|
||||
line-height: 1;
|
||||
color: white;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
|
||||
i{
|
||||
font-size: 70%;
|
||||
vertical-align: middle;
|
||||
padding: 0 4px;
|
||||
}
|
||||
|
||||
&.blue{ background-color: @color_blue; }
|
||||
&.blue-light{ background-color: @color_blue-light; }
|
||||
&.purple{ background-color: @color_purple; }
|
||||
&.green{ background-color: @color_green; }
|
||||
&.orange{ background-color: @color_orange; }
|
||||
&.red{ background-color: @color_red; }
|
||||
&.grey{ background-color: lighten(@color_grey-light, 5%); color: @color_black; }
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* ==========================================================================
|
||||
Text colors
|
||||
========================================================================== */
|
||||
|
||||
a, p, h1, h2, h3, h4, h5, h6, span{
|
||||
&.color{
|
||||
&.blue{ color: @color_blue; }
|
||||
&.blue-light{ color: @color_blue-light; }
|
||||
&.purple{ color: @color_purple; }
|
||||
&.green{ color: @color_green; }
|
||||
&.orange{ color: @color_orange; }
|
||||
&.red{ color: @color_red; }
|
||||
&.grey{ color: @color_grey; }
|
||||
}
|
||||
}
|
||||
|
||||
/*==============================
|
||||
= Labels =
|
||||
==============================*/
|
||||
@@ -0,0 +1,19 @@
|
||||
.transition{
|
||||
.transition(all);
|
||||
}
|
||||
|
||||
.transition-opacity{
|
||||
.transition(opacity);
|
||||
}
|
||||
|
||||
.transition-background{
|
||||
.transition(background-color);
|
||||
}
|
||||
|
||||
.transition-color{
|
||||
.transition(color);
|
||||
}
|
||||
|
||||
.transition-color-background{
|
||||
.transition-custom(opacity .25s ease, background-color .25s ease);
|
||||
}
|
||||
3181
application/view/mockup/template/less/libs/animate.css
vendored
Normal file
3181
application/view/mockup/template/less/libs/animate.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
8
application/view/mockup/template/less/libs/animate.min.css
vendored
Normal file
8
application/view/mockup/template/less/libs/animate.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
4
application/view/mockup/template/less/libs/font-awesome.min.css
vendored
Normal file
4
application/view/mockup/template/less/libs/font-awesome.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
5
application/view/mockup/template/less/libs/font-awesome.min.min.css
vendored
Normal file
5
application/view/mockup/template/less/libs/font-awesome.min.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
65
application/view/mockup/template/less/libs/gifplayer.css
Normal file
65
application/view/mockup/template/less/libs/gifplayer.css
Normal file
@@ -0,0 +1,65 @@
|
||||
ins.play-gif{
|
||||
position: absolute;
|
||||
font-family: Arial, sans serif;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
line-height: 52px;
|
||||
text-align: center;
|
||||
background: #222;
|
||||
font-size: 18px;
|
||||
color: #fff;
|
||||
border-radius: 50%;
|
||||
opacity: .9;
|
||||
border: 4px solid #fff;
|
||||
cursor:pointer;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
ins.play-gif:hover{
|
||||
opacity:.5;
|
||||
}
|
||||
|
||||
.gifplayer-wrapper{
|
||||
position:relative;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.spinner {
|
||||
height:50px;
|
||||
width:50px;
|
||||
margin:0px auto;
|
||||
position:absolute;
|
||||
top:50%;
|
||||
left:50%;
|
||||
margin-top:-25px;
|
||||
margin-left:-25px;
|
||||
-webkit-animation: rotation .6s infinite linear;
|
||||
-moz-animation: rotation .6s infinite linear;
|
||||
-o-animation: rotation .6s infinite linear;
|
||||
animation: rotation .6s infinite linear;
|
||||
border-left:6px solid rgba(256,256,256,.15);
|
||||
border-right:6px solid rgba(256,256,256,.15);
|
||||
border-bottom:6px solid rgba(256,256,256,.15);
|
||||
border-top:6px solid rgba(256,256,256,.8);
|
||||
border-radius:100%;
|
||||
}
|
||||
|
||||
@-webkit-keyframes rotation {
|
||||
from {-webkit-transform: rotate(0deg);}
|
||||
to {-webkit-transform: rotate(359deg);}
|
||||
}
|
||||
|
||||
@-moz-keyframes rotation {
|
||||
from {-moz-transform: rotate(0deg);}
|
||||
to {-moz-transform: rotate(359deg);}
|
||||
}
|
||||
|
||||
@-o-keyframes rotation {
|
||||
from {-o-transform: rotate(0deg);}
|
||||
to {-o-transform: rotate(359deg);}
|
||||
}
|
||||
|
||||
@keyframes rotation {
|
||||
from {transform: rotate(0deg);}
|
||||
to {transform: rotate(359deg);}
|
||||
}
|
||||
1
application/view/mockup/template/less/libs/gifplayer.min.css
vendored
Normal file
1
application/view/mockup/template/less/libs/gifplayer.min.css
vendored
Normal file
@@ -0,0 +1 @@
|
||||
@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(359deg)}}@-moz-keyframes rotation{0%{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(359deg)}}@-o-keyframes rotation{0%{-o-transform:rotate(0deg)}to{-o-transform:rotate(359deg)}}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}ins.play-gif{font-family:Arial,sans serif;line-height:52px;text-align:center;background:#222;font-size:18px;color:#fff;border-radius:50%;opacity:.9;border:4px solid #fff;cursor:pointer;text-decoration:none}ins.play-gif:hover{opacity:.5}.gifplayer-wrapper{position:relative;display:inline-block}.spinner,ins.play-gif{height:50px;width:50px;position:absolute}.spinner{top:50%;left:50%;margin:-25px auto 0-25px;-webkit-animation:rotation .6s infinite linear;-moz-animation:rotation .6s infinite linear;-o-animation:rotation .6s infinite linear;animation:rotation .6s infinite linear;border-left:6px solid rgba(255,255,255,.15);border-right:6px solid rgba(255,255,255,.15);border-bottom:6px solid rgba(255,255,255,.15);border-top:6px solid rgba(255,255,255,.8);border-radius:100%}
|
||||
@@ -0,0 +1,115 @@
|
||||
/*
|
||||
* CSS Styles that are needed by jScrollPane for it to operate correctly.
|
||||
*
|
||||
* Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
|
||||
* may not operate correctly without them.
|
||||
*/
|
||||
|
||||
.jspContainer
|
||||
{
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.jspPane
|
||||
{
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.jspVerticalBar
|
||||
{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 16px;
|
||||
height: 100%;
|
||||
background: red;
|
||||
}
|
||||
|
||||
.jspHorizontalBar
|
||||
{
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 16px;
|
||||
background: red;
|
||||
}
|
||||
|
||||
.jspCap
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.jspHorizontalBar .jspCap
|
||||
{
|
||||
float: left;
|
||||
}
|
||||
|
||||
.jspTrack
|
||||
{
|
||||
background: #dde;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.jspDrag
|
||||
{
|
||||
background: #bbd;
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.jspHorizontalBar .jspTrack,
|
||||
.jspHorizontalBar .jspDrag
|
||||
{
|
||||
float: left;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.jspArrow
|
||||
{
|
||||
background: #50506d;
|
||||
text-indent: -20000px;
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.jspArrow.jspDisabled
|
||||
{
|
||||
cursor: default;
|
||||
background: #80808d;
|
||||
}
|
||||
|
||||
.jspVerticalBar .jspArrow
|
||||
{
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.jspHorizontalBar .jspArrow
|
||||
{
|
||||
width: 16px;
|
||||
float: left;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.jspVerticalBar .jspArrow:focus
|
||||
{
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.jspCorner
|
||||
{
|
||||
background: #eeeef4;
|
||||
float: left;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
|
||||
* html .jspCorner
|
||||
{
|
||||
margin: 0 -3px 0 0;
|
||||
}
|
||||
1
application/view/mockup/template/less/libs/jquery.jscrollpane.min.css
vendored
Normal file
1
application/view/mockup/template/less/libs/jquery.jscrollpane.min.css
vendored
Normal file
@@ -0,0 +1 @@
|
||||
.jspContainer{overflow:hidden;position:relative}.jspPane,.jspVerticalBar{position:absolute}.jspVerticalBar{top:0;right:0;width:16px;height:100%;background:red}.jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:16px;background:red}.jspCap{display:none}.jspHorizontalBar .jspCap{float:left}.jspTrack{background:#dde;position:relative}.jspDrag{background:#bbd;position:relative;top:0;left:0;cursor:pointer}.jspHorizontalBar .jspDrag,.jspHorizontalBar .jspTrack{float:left;height:100%}.jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer;padding:0;margin:0}.jspArrow.jspDisabled{cursor:default;background:#80808d}.jspVerticalBar .jspArrow{height:16px}.jspHorizontalBar .jspArrow{width:16px;float:left;height:100%}.jspVerticalBar .jspArrow:focus{outline:0}.jspCorner{background:#eeeef4;float:left;height:100%}* html .jspCorner{margin:0-3px 0 0}
|
||||
216
application/view/mockup/template/less/libs/owl.carousel.css
Normal file
216
application/view/mockup/template/less/libs/owl.carousel.css
Normal file
@@ -0,0 +1,216 @@
|
||||
/*
|
||||
* Owl Carousel - Animate Plugin
|
||||
*/
|
||||
.owl-carousel .animated {
|
||||
-webkit-animation-duration: 1000ms;
|
||||
animation-duration: 1000ms;
|
||||
-webkit-animation-fill-mode: both;
|
||||
animation-fill-mode: both;
|
||||
}
|
||||
.owl-carousel .owl-animated-in {
|
||||
z-index: 0;
|
||||
}
|
||||
.owl-carousel .owl-animated-out {
|
||||
z-index: 1;
|
||||
}
|
||||
.owl-carousel .fadeOut {
|
||||
-webkit-animation-name: fadeOut;
|
||||
animation-name: fadeOut;
|
||||
}
|
||||
|
||||
@-webkit-keyframes fadeOut {
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@keyframes fadeOut {
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Owl Carousel - Auto Height Plugin
|
||||
*/
|
||||
.owl-height {
|
||||
-webkit-transition: height 500ms ease-in-out;
|
||||
-moz-transition: height 500ms ease-in-out;
|
||||
-ms-transition: height 500ms ease-in-out;
|
||||
-o-transition: height 500ms ease-in-out;
|
||||
transition: height 500ms ease-in-out;
|
||||
}
|
||||
|
||||
/*
|
||||
* Core Owl Carousel CSS File
|
||||
*/
|
||||
.owl-carousel {
|
||||
display: none;
|
||||
width: 100%;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
/* position relative and z-index fix webkit rendering fonts issue */
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
.owl-carousel .owl-stage {
|
||||
position: relative;
|
||||
-ms-touch-action: pan-Y;
|
||||
}
|
||||
.owl-carousel .owl-stage:after {
|
||||
content: ".";
|
||||
display: block;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
line-height: 0;
|
||||
height: 0;
|
||||
}
|
||||
.owl-carousel .owl-stage-outer {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
/* fix for flashing background */
|
||||
-webkit-transform: translate3d(0px, 0px, 0px);
|
||||
}
|
||||
.owl-carousel .owl-controls .owl-nav .owl-prev,
|
||||
.owl-carousel .owl-controls .owl-nav .owl-next,
|
||||
.owl-carousel .owl-controls .owl-dot {
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.owl-carousel.owl-loaded {
|
||||
display: block;
|
||||
}
|
||||
.owl-carousel.owl-loading {
|
||||
opacity: 0;
|
||||
display: block;
|
||||
}
|
||||
.owl-carousel.owl-hidden {
|
||||
opacity: 0;
|
||||
}
|
||||
.owl-carousel .owl-refresh .owl-item {
|
||||
display: none;
|
||||
}
|
||||
.owl-carousel .owl-item {
|
||||
position: relative;
|
||||
min-height: 1px;
|
||||
float: left;
|
||||
-webkit-backface-visibility: hidden;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.owl-carousel .owl-item img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
-webkit-transform-style: preserve-3d;
|
||||
}
|
||||
.owl-carousel.owl-text-select-on .owl-item {
|
||||
-webkit-user-select: auto;
|
||||
-moz-user-select: auto;
|
||||
-ms-user-select: auto;
|
||||
user-select: auto;
|
||||
}
|
||||
.owl-carousel .owl-grab {
|
||||
cursor: move;
|
||||
cursor: -webkit-grab;
|
||||
cursor: -o-grab;
|
||||
cursor: -ms-grab;
|
||||
cursor: grab;
|
||||
}
|
||||
.owl-carousel.owl-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
.owl-carousel.owl-rtl .owl-item {
|
||||
float: right;
|
||||
}
|
||||
|
||||
/* No Js */
|
||||
.no-js .owl-carousel {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/*
|
||||
* Owl Carousel - Lazy Load Plugin
|
||||
*/
|
||||
.owl-carousel .owl-item .owl-lazy {
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 400ms ease;
|
||||
-moz-transition: opacity 400ms ease;
|
||||
-ms-transition: opacity 400ms ease;
|
||||
-o-transition: opacity 400ms ease;
|
||||
transition: opacity 400ms ease;
|
||||
}
|
||||
.owl-carousel .owl-item img {
|
||||
transform-style: preserve-3d;
|
||||
}
|
||||
|
||||
/*
|
||||
* Owl Carousel - Video Plugin
|
||||
*/
|
||||
.owl-carousel .owl-video-wrapper {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
background: #000;
|
||||
}
|
||||
.owl-carousel .owl-video-play-icon {
|
||||
position: absolute;
|
||||
height: 80px;
|
||||
width: 80px;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
margin-left: -40px;
|
||||
margin-top: -40px;
|
||||
background: url("owl.video.play.png") no-repeat;
|
||||
cursor: pointer;
|
||||
z-index: 1;
|
||||
-webkit-backface-visibility: hidden;
|
||||
-webkit-transition: scale 100ms ease;
|
||||
-moz-transition: scale 100ms ease;
|
||||
-ms-transition: scale 100ms ease;
|
||||
-o-transition: scale 100ms ease;
|
||||
transition: scale 100ms ease;
|
||||
}
|
||||
.owl-carousel .owl-video-play-icon:hover {
|
||||
-webkit-transition: scale(1.3, 1.3);
|
||||
-moz-transition: scale(1.3, 1.3);
|
||||
-ms-transition: scale(1.3, 1.3);
|
||||
-o-transition: scale(1.3, 1.3);
|
||||
transition: scale(1.3, 1.3);
|
||||
}
|
||||
.owl-carousel .owl-video-playing .owl-video-tn,
|
||||
.owl-carousel .owl-video-playing .owl-video-play-icon {
|
||||
display: none;
|
||||
}
|
||||
.owl-carousel .owl-video-tn {
|
||||
opacity: 0;
|
||||
height: 100%;
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
-webkit-background-size: contain;
|
||||
-moz-background-size: contain;
|
||||
-o-background-size: contain;
|
||||
background-size: contain;
|
||||
-webkit-transition: opacity 400ms ease;
|
||||
-moz-transition: opacity 400ms ease;
|
||||
-ms-transition: opacity 400ms ease;
|
||||
-o-transition: opacity 400ms ease;
|
||||
transition: opacity 400ms ease;
|
||||
}
|
||||
.owl-carousel .owl-video-frame {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
1
application/view/mockup/template/less/libs/owl.carousel.min.css
vendored
Normal file
1
application/view/mockup/template/less/libs/owl.carousel.min.css
vendored
Normal file
@@ -0,0 +1 @@
|
||||
@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel .owl-refresh .owl-item{display:none}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png)no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1}
|
||||
632
application/view/mockup/template/less/libs/pe-icon-7-stroke.css
Normal file
632
application/view/mockup/template/less/libs/pe-icon-7-stroke.css
Normal file
@@ -0,0 +1,632 @@
|
||||
@font-face {
|
||||
font-family: 'Pe-icon-7-stroke';
|
||||
src:url('../fonts/Pe-icon-7-stroke.eot?d7yf1v');
|
||||
src:url('../fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v') format('embedded-opentype'),
|
||||
url('../fonts/Pe-icon-7-stroke.woff?d7yf1v') format('woff'),
|
||||
url('../fonts/Pe-icon-7-stroke.ttf?d7yf1v') format('truetype'),
|
||||
url('../fonts/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
[class^="pe-7s-"], [class*=" pe-7s-"] {
|
||||
display: inline-block;
|
||||
font-family: 'Pe-icon-7-stroke';
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.pe-7s-album:before {
|
||||
content: "\e6aa";
|
||||
}
|
||||
.pe-7s-arc:before {
|
||||
content: "\e6ab";
|
||||
}
|
||||
.pe-7s-back-2:before {
|
||||
content: "\e6ac";
|
||||
}
|
||||
.pe-7s-bandaid:before {
|
||||
content: "\e6ad";
|
||||
}
|
||||
.pe-7s-car:before {
|
||||
content: "\e6ae";
|
||||
}
|
||||
.pe-7s-diamond:before {
|
||||
content: "\e6af";
|
||||
}
|
||||
.pe-7s-door-lock:before {
|
||||
content: "\e6b0";
|
||||
}
|
||||
.pe-7s-eyedropper:before {
|
||||
content: "\e6b1";
|
||||
}
|
||||
.pe-7s-female:before {
|
||||
content: "\e6b2";
|
||||
}
|
||||
.pe-7s-gym:before {
|
||||
content: "\e6b3";
|
||||
}
|
||||
.pe-7s-hammer:before {
|
||||
content: "\e6b4";
|
||||
}
|
||||
.pe-7s-headphones:before {
|
||||
content: "\e6b5";
|
||||
}
|
||||
.pe-7s-helm:before {
|
||||
content: "\e6b6";
|
||||
}
|
||||
.pe-7s-hourglass:before {
|
||||
content: "\e6b7";
|
||||
}
|
||||
.pe-7s-leaf:before {
|
||||
content: "\e6b8";
|
||||
}
|
||||
.pe-7s-magic-wand:before {
|
||||
content: "\e6b9";
|
||||
}
|
||||
.pe-7s-male:before {
|
||||
content: "\e6ba";
|
||||
}
|
||||
.pe-7s-map-2:before {
|
||||
content: "\e6bb";
|
||||
}
|
||||
.pe-7s-next-2:before {
|
||||
content: "\e6bc";
|
||||
}
|
||||
.pe-7s-paint-bucket:before {
|
||||
content: "\e6bd";
|
||||
}
|
||||
.pe-7s-pendrive:before {
|
||||
content: "\e6be";
|
||||
}
|
||||
.pe-7s-photo:before {
|
||||
content: "\e6bf";
|
||||
}
|
||||
.pe-7s-piggy:before {
|
||||
content: "\e6c0";
|
||||
}
|
||||
.pe-7s-plugin:before {
|
||||
content: "\e6c1";
|
||||
}
|
||||
.pe-7s-refresh-2:before {
|
||||
content: "\e6c2";
|
||||
}
|
||||
.pe-7s-rocket:before {
|
||||
content: "\e6c3";
|
||||
}
|
||||
.pe-7s-settings:before {
|
||||
content: "\e6c4";
|
||||
}
|
||||
.pe-7s-shield:before {
|
||||
content: "\e6c5";
|
||||
}
|
||||
.pe-7s-smile:before {
|
||||
content: "\e6c6";
|
||||
}
|
||||
.pe-7s-usb:before {
|
||||
content: "\e6c7";
|
||||
}
|
||||
.pe-7s-vector:before {
|
||||
content: "\e6c8";
|
||||
}
|
||||
.pe-7s-wine:before {
|
||||
content: "\e6c9";
|
||||
}
|
||||
.pe-7s-cloud-upload:before {
|
||||
content: "\e68a";
|
||||
}
|
||||
.pe-7s-cash:before {
|
||||
content: "\e68c";
|
||||
}
|
||||
.pe-7s-close:before {
|
||||
content: "\e680";
|
||||
}
|
||||
.pe-7s-bluetooth:before {
|
||||
content: "\e68d";
|
||||
}
|
||||
.pe-7s-cloud-download:before {
|
||||
content: "\e68b";
|
||||
}
|
||||
.pe-7s-way:before {
|
||||
content: "\e68e";
|
||||
}
|
||||
.pe-7s-close-circle:before {
|
||||
content: "\e681";
|
||||
}
|
||||
.pe-7s-id:before {
|
||||
content: "\e68f";
|
||||
}
|
||||
.pe-7s-angle-up:before {
|
||||
content: "\e682";
|
||||
}
|
||||
.pe-7s-wristwatch:before {
|
||||
content: "\e690";
|
||||
}
|
||||
.pe-7s-angle-up-circle:before {
|
||||
content: "\e683";
|
||||
}
|
||||
.pe-7s-world:before {
|
||||
content: "\e691";
|
||||
}
|
||||
.pe-7s-angle-right:before {
|
||||
content: "\e684";
|
||||
}
|
||||
.pe-7s-volume:before {
|
||||
content: "\e692";
|
||||
}
|
||||
.pe-7s-angle-right-circle:before {
|
||||
content: "\e685";
|
||||
}
|
||||
.pe-7s-users:before {
|
||||
content: "\e693";
|
||||
}
|
||||
.pe-7s-angle-left:before {
|
||||
content: "\e686";
|
||||
}
|
||||
.pe-7s-user-female:before {
|
||||
content: "\e694";
|
||||
}
|
||||
.pe-7s-angle-left-circle:before {
|
||||
content: "\e687";
|
||||
}
|
||||
.pe-7s-up-arrow:before {
|
||||
content: "\e695";
|
||||
}
|
||||
.pe-7s-angle-down:before {
|
||||
content: "\e688";
|
||||
}
|
||||
.pe-7s-switch:before {
|
||||
content: "\e696";
|
||||
}
|
||||
.pe-7s-angle-down-circle:before {
|
||||
content: "\e689";
|
||||
}
|
||||
.pe-7s-scissors:before {
|
||||
content: "\e697";
|
||||
}
|
||||
.pe-7s-wallet:before {
|
||||
content: "\e600";
|
||||
}
|
||||
.pe-7s-safe:before {
|
||||
content: "\e698";
|
||||
}
|
||||
.pe-7s-volume2:before {
|
||||
content: "\e601";
|
||||
}
|
||||
.pe-7s-volume1:before {
|
||||
content: "\e602";
|
||||
}
|
||||
.pe-7s-voicemail:before {
|
||||
content: "\e603";
|
||||
}
|
||||
.pe-7s-video:before {
|
||||
content: "\e604";
|
||||
}
|
||||
.pe-7s-user:before {
|
||||
content: "\e605";
|
||||
}
|
||||
.pe-7s-upload:before {
|
||||
content: "\e606";
|
||||
}
|
||||
.pe-7s-unlock:before {
|
||||
content: "\e607";
|
||||
}
|
||||
.pe-7s-umbrella:before {
|
||||
content: "\e608";
|
||||
}
|
||||
.pe-7s-trash:before {
|
||||
content: "\e609";
|
||||
}
|
||||
.pe-7s-tools:before {
|
||||
content: "\e60a";
|
||||
}
|
||||
.pe-7s-timer:before {
|
||||
content: "\e60b";
|
||||
}
|
||||
.pe-7s-ticket:before {
|
||||
content: "\e60c";
|
||||
}
|
||||
.pe-7s-target:before {
|
||||
content: "\e60d";
|
||||
}
|
||||
.pe-7s-sun:before {
|
||||
content: "\e60e";
|
||||
}
|
||||
.pe-7s-study:before {
|
||||
content: "\e60f";
|
||||
}
|
||||
.pe-7s-stopwatch:before {
|
||||
content: "\e610";
|
||||
}
|
||||
.pe-7s-star:before {
|
||||
content: "\e611";
|
||||
}
|
||||
.pe-7s-speaker:before {
|
||||
content: "\e612";
|
||||
}
|
||||
.pe-7s-signal:before {
|
||||
content: "\e613";
|
||||
}
|
||||
.pe-7s-shuffle:before {
|
||||
content: "\e614";
|
||||
}
|
||||
.pe-7s-shopbag:before {
|
||||
content: "\e615";
|
||||
}
|
||||
.pe-7s-share:before {
|
||||
content: "\e616";
|
||||
}
|
||||
.pe-7s-server:before {
|
||||
content: "\e617";
|
||||
}
|
||||
.pe-7s-search:before {
|
||||
content: "\e618";
|
||||
}
|
||||
.pe-7s-film:before {
|
||||
content: "\e6a5";
|
||||
}
|
||||
.pe-7s-science:before {
|
||||
content: "\e619";
|
||||
}
|
||||
.pe-7s-disk:before {
|
||||
content: "\e6a6";
|
||||
}
|
||||
.pe-7s-ribbon:before {
|
||||
content: "\e61a";
|
||||
}
|
||||
.pe-7s-repeat:before {
|
||||
content: "\e61b";
|
||||
}
|
||||
.pe-7s-refresh:before {
|
||||
content: "\e61c";
|
||||
}
|
||||
.pe-7s-add-user:before {
|
||||
content: "\e6a9";
|
||||
}
|
||||
.pe-7s-refresh-cloud:before {
|
||||
content: "\e61d";
|
||||
}
|
||||
.pe-7s-paperclip:before {
|
||||
content: "\e69c";
|
||||
}
|
||||
.pe-7s-radio:before {
|
||||
content: "\e61e";
|
||||
}
|
||||
.pe-7s-note2:before {
|
||||
content: "\e69d";
|
||||
}
|
||||
.pe-7s-print:before {
|
||||
content: "\e61f";
|
||||
}
|
||||
.pe-7s-network:before {
|
||||
content: "\e69e";
|
||||
}
|
||||
.pe-7s-prev:before {
|
||||
content: "\e620";
|
||||
}
|
||||
.pe-7s-mute:before {
|
||||
content: "\e69f";
|
||||
}
|
||||
.pe-7s-power:before {
|
||||
content: "\e621";
|
||||
}
|
||||
.pe-7s-medal:before {
|
||||
content: "\e6a0";
|
||||
}
|
||||
.pe-7s-portfolio:before {
|
||||
content: "\e622";
|
||||
}
|
||||
.pe-7s-like2:before {
|
||||
content: "\e6a1";
|
||||
}
|
||||
.pe-7s-plus:before {
|
||||
content: "\e623";
|
||||
}
|
||||
.pe-7s-left-arrow:before {
|
||||
content: "\e6a2";
|
||||
}
|
||||
.pe-7s-play:before {
|
||||
content: "\e624";
|
||||
}
|
||||
.pe-7s-key:before {
|
||||
content: "\e6a3";
|
||||
}
|
||||
.pe-7s-plane:before {
|
||||
content: "\e625";
|
||||
}
|
||||
.pe-7s-joy:before {
|
||||
content: "\e6a4";
|
||||
}
|
||||
.pe-7s-photo-gallery:before {
|
||||
content: "\e626";
|
||||
}
|
||||
.pe-7s-pin:before {
|
||||
content: "\e69b";
|
||||
}
|
||||
.pe-7s-phone:before {
|
||||
content: "\e627";
|
||||
}
|
||||
.pe-7s-plug:before {
|
||||
content: "\e69a";
|
||||
}
|
||||
.pe-7s-pen:before {
|
||||
content: "\e628";
|
||||
}
|
||||
.pe-7s-right-arrow:before {
|
||||
content: "\e699";
|
||||
}
|
||||
.pe-7s-paper-plane:before {
|
||||
content: "\e629";
|
||||
}
|
||||
.pe-7s-delete-user:before {
|
||||
content: "\e6a7";
|
||||
}
|
||||
.pe-7s-paint:before {
|
||||
content: "\e62a";
|
||||
}
|
||||
.pe-7s-bottom-arrow:before {
|
||||
content: "\e6a8";
|
||||
}
|
||||
.pe-7s-notebook:before {
|
||||
content: "\e62b";
|
||||
}
|
||||
.pe-7s-note:before {
|
||||
content: "\e62c";
|
||||
}
|
||||
.pe-7s-next:before {
|
||||
content: "\e62d";
|
||||
}
|
||||
.pe-7s-news-paper:before {
|
||||
content: "\e62e";
|
||||
}
|
||||
.pe-7s-musiclist:before {
|
||||
content: "\e62f";
|
||||
}
|
||||
.pe-7s-music:before {
|
||||
content: "\e630";
|
||||
}
|
||||
.pe-7s-mouse:before {
|
||||
content: "\e631";
|
||||
}
|
||||
.pe-7s-more:before {
|
||||
content: "\e632";
|
||||
}
|
||||
.pe-7s-moon:before {
|
||||
content: "\e633";
|
||||
}
|
||||
.pe-7s-monitor:before {
|
||||
content: "\e634";
|
||||
}
|
||||
.pe-7s-micro:before {
|
||||
content: "\e635";
|
||||
}
|
||||
.pe-7s-menu:before {
|
||||
content: "\e636";
|
||||
}
|
||||
.pe-7s-map:before {
|
||||
content: "\e637";
|
||||
}
|
||||
.pe-7s-map-marker:before {
|
||||
content: "\e638";
|
||||
}
|
||||
.pe-7s-mail:before {
|
||||
content: "\e639";
|
||||
}
|
||||
.pe-7s-mail-open:before {
|
||||
content: "\e63a";
|
||||
}
|
||||
.pe-7s-mail-open-file:before {
|
||||
content: "\e63b";
|
||||
}
|
||||
.pe-7s-magnet:before {
|
||||
content: "\e63c";
|
||||
}
|
||||
.pe-7s-loop:before {
|
||||
content: "\e63d";
|
||||
}
|
||||
.pe-7s-look:before {
|
||||
content: "\e63e";
|
||||
}
|
||||
.pe-7s-lock:before {
|
||||
content: "\e63f";
|
||||
}
|
||||
.pe-7s-lintern:before {
|
||||
content: "\e640";
|
||||
}
|
||||
.pe-7s-link:before {
|
||||
content: "\e641";
|
||||
}
|
||||
.pe-7s-like:before {
|
||||
content: "\e642";
|
||||
}
|
||||
.pe-7s-light:before {
|
||||
content: "\e643";
|
||||
}
|
||||
.pe-7s-less:before {
|
||||
content: "\e644";
|
||||
}
|
||||
.pe-7s-keypad:before {
|
||||
content: "\e645";
|
||||
}
|
||||
.pe-7s-junk:before {
|
||||
content: "\e646";
|
||||
}
|
||||
.pe-7s-info:before {
|
||||
content: "\e647";
|
||||
}
|
||||
.pe-7s-home:before {
|
||||
content: "\e648";
|
||||
}
|
||||
.pe-7s-help2:before {
|
||||
content: "\e649";
|
||||
}
|
||||
.pe-7s-help1:before {
|
||||
content: "\e64a";
|
||||
}
|
||||
.pe-7s-graph3:before {
|
||||
content: "\e64b";
|
||||
}
|
||||
.pe-7s-graph2:before {
|
||||
content: "\e64c";
|
||||
}
|
||||
.pe-7s-graph1:before {
|
||||
content: "\e64d";
|
||||
}
|
||||
.pe-7s-graph:before {
|
||||
content: "\e64e";
|
||||
}
|
||||
.pe-7s-global:before {
|
||||
content: "\e64f";
|
||||
}
|
||||
.pe-7s-gleam:before {
|
||||
content: "\e650";
|
||||
}
|
||||
.pe-7s-glasses:before {
|
||||
content: "\e651";
|
||||
}
|
||||
.pe-7s-gift:before {
|
||||
content: "\e652";
|
||||
}
|
||||
.pe-7s-folder:before {
|
||||
content: "\e653";
|
||||
}
|
||||
.pe-7s-flag:before {
|
||||
content: "\e654";
|
||||
}
|
||||
.pe-7s-filter:before {
|
||||
content: "\e655";
|
||||
}
|
||||
.pe-7s-file:before {
|
||||
content: "\e656";
|
||||
}
|
||||
.pe-7s-expand1:before {
|
||||
content: "\e657";
|
||||
}
|
||||
.pe-7s-exapnd2:before {
|
||||
content: "\e658";
|
||||
}
|
||||
.pe-7s-edit:before {
|
||||
content: "\e659";
|
||||
}
|
||||
.pe-7s-drop:before {
|
||||
content: "\e65a";
|
||||
}
|
||||
.pe-7s-drawer:before {
|
||||
content: "\e65b";
|
||||
}
|
||||
.pe-7s-download:before {
|
||||
content: "\e65c";
|
||||
}
|
||||
.pe-7s-display2:before {
|
||||
content: "\e65d";
|
||||
}
|
||||
.pe-7s-display1:before {
|
||||
content: "\e65e";
|
||||
}
|
||||
.pe-7s-diskette:before {
|
||||
content: "\e65f";
|
||||
}
|
||||
.pe-7s-date:before {
|
||||
content: "\e660";
|
||||
}
|
||||
.pe-7s-cup:before {
|
||||
content: "\e661";
|
||||
}
|
||||
.pe-7s-culture:before {
|
||||
content: "\e662";
|
||||
}
|
||||
.pe-7s-crop:before {
|
||||
content: "\e663";
|
||||
}
|
||||
.pe-7s-credit:before {
|
||||
content: "\e664";
|
||||
}
|
||||
.pe-7s-copy-file:before {
|
||||
content: "\e665";
|
||||
}
|
||||
.pe-7s-config:before {
|
||||
content: "\e666";
|
||||
}
|
||||
.pe-7s-compass:before {
|
||||
content: "\e667";
|
||||
}
|
||||
.pe-7s-comment:before {
|
||||
content: "\e668";
|
||||
}
|
||||
.pe-7s-coffee:before {
|
||||
content: "\e669";
|
||||
}
|
||||
.pe-7s-cloud:before {
|
||||
content: "\e66a";
|
||||
}
|
||||
.pe-7s-clock:before {
|
||||
content: "\e66b";
|
||||
}
|
||||
.pe-7s-check:before {
|
||||
content: "\e66c";
|
||||
}
|
||||
.pe-7s-chat:before {
|
||||
content: "\e66d";
|
||||
}
|
||||
.pe-7s-cart:before {
|
||||
content: "\e66e";
|
||||
}
|
||||
.pe-7s-camera:before {
|
||||
content: "\e66f";
|
||||
}
|
||||
.pe-7s-call:before {
|
||||
content: "\e670";
|
||||
}
|
||||
.pe-7s-calculator:before {
|
||||
content: "\e671";
|
||||
}
|
||||
.pe-7s-browser:before {
|
||||
content: "\e672";
|
||||
}
|
||||
.pe-7s-box2:before {
|
||||
content: "\e673";
|
||||
}
|
||||
.pe-7s-box1:before {
|
||||
content: "\e674";
|
||||
}
|
||||
.pe-7s-bookmarks:before {
|
||||
content: "\e675";
|
||||
}
|
||||
.pe-7s-bicycle:before {
|
||||
content: "\e676";
|
||||
}
|
||||
.pe-7s-bell:before {
|
||||
content: "\e677";
|
||||
}
|
||||
.pe-7s-battery:before {
|
||||
content: "\e678";
|
||||
}
|
||||
.pe-7s-ball:before {
|
||||
content: "\e679";
|
||||
}
|
||||
.pe-7s-back:before {
|
||||
content: "\e67a";
|
||||
}
|
||||
.pe-7s-attention:before {
|
||||
content: "\e67b";
|
||||
}
|
||||
.pe-7s-anchor:before {
|
||||
content: "\e67c";
|
||||
}
|
||||
.pe-7s-albums:before {
|
||||
content: "\e67d";
|
||||
}
|
||||
.pe-7s-alarm:before {
|
||||
content: "\e67e";
|
||||
}
|
||||
.pe-7s-airplay:before {
|
||||
content: "\e67f";
|
||||
}
|
||||
1
application/view/mockup/template/less/libs/pe-icon-7-stroke.min.css
vendored
Normal file
1
application/view/mockup/template/less/libs/pe-icon-7-stroke.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
177
application/view/mockup/template/less/libs/prism.css
Normal file
177
application/view/mockup/template/less/libs/prism.css
Normal file
@@ -0,0 +1,177 @@
|
||||
/* http://prismjs.com/download.html?themes=prism&languages=markup+css+clike+javascript+applescript+aspnet+c+csharp+cpp+coffeescript+css-extras+git+haml+handlebars+jade+java+less+markdown+objectivec+perl+php+php-extras+python+jsx+ruby+scss+scheme+smarty+sql+stylus+swift+typescript&plugins=line-numbers */
|
||||
/**
|
||||
* prism.js default theme for JavaScript, CSS and HTML
|
||||
* Based on dabblet (http://dabblet.com)
|
||||
* @author Lea Verou
|
||||
*/
|
||||
|
||||
code[class*="language-"],
|
||||
pre[class*="language-"] {
|
||||
color: #333;
|
||||
text-shadow: 0 1px white;
|
||||
font-family: Consolas, Monaco, 'Andale Mono', monospace;
|
||||
direction: ltr;
|
||||
text-align: left;
|
||||
white-space: pre;
|
||||
word-spacing: normal;
|
||||
word-break: normal;
|
||||
line-height: 1.5;
|
||||
|
||||
-moz-tab-size: 4;
|
||||
-o-tab-size: 4;
|
||||
tab-size: 4;
|
||||
|
||||
-webkit-hyphens: none;
|
||||
-moz-hyphens: none;
|
||||
-ms-hyphens: none;
|
||||
hyphens: none;
|
||||
}
|
||||
|
||||
pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
|
||||
code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
|
||||
text-shadow: none;
|
||||
background: #b3d4fc;
|
||||
}
|
||||
|
||||
pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
|
||||
code[class*="language-"]::selection, code[class*="language-"] ::selection {
|
||||
text-shadow: none;
|
||||
background: #b3d4fc;
|
||||
}
|
||||
|
||||
@media print {
|
||||
code[class*="language-"],
|
||||
pre[class*="language-"] {
|
||||
text-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* Code blocks */
|
||||
pre[class*="language-"] {
|
||||
padding: 1em;
|
||||
margin: .5em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
:not(pre) > code[class*="language-"],
|
||||
pre[class*="language-"] {
|
||||
background: #f5f2f0;
|
||||
}
|
||||
|
||||
/* Inline code */
|
||||
:not(pre) > code[class*="language-"] {
|
||||
padding: .1em;
|
||||
border-radius: .3em;
|
||||
}
|
||||
|
||||
.token.comment,
|
||||
.token.prolog,
|
||||
.token.doctype,
|
||||
.token.cdata {
|
||||
color: slategray;
|
||||
}
|
||||
|
||||
.token.punctuation {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.namespace {
|
||||
opacity: .7;
|
||||
}
|
||||
|
||||
.token.property,
|
||||
.token.tag,
|
||||
.token.boolean,
|
||||
.token.number,
|
||||
.token.constant,
|
||||
.token.symbol,
|
||||
.token.deleted {
|
||||
color: #905;
|
||||
}
|
||||
|
||||
.token.selector,
|
||||
.token.attr-name,
|
||||
.token.string,
|
||||
.token.char,
|
||||
.token.builtin,
|
||||
.token.inserted {
|
||||
color: #690;
|
||||
}
|
||||
|
||||
.token.operator,
|
||||
.token.entity,
|
||||
.token.url,
|
||||
.language-css .token.string,
|
||||
.style .token.string {
|
||||
color: #a67f59;
|
||||
background: hsla(0, 0%, 100%, .5);
|
||||
}
|
||||
|
||||
.token.atrule,
|
||||
.token.attr-value,
|
||||
.token.keyword {
|
||||
color: #07a;
|
||||
}
|
||||
|
||||
.token.function {
|
||||
color: #DD4A68;
|
||||
}
|
||||
|
||||
.token.regex,
|
||||
.token.important,
|
||||
.token.variable {
|
||||
color: #e90;
|
||||
}
|
||||
|
||||
.token.important,
|
||||
.token.bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
.token.italic {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.token.entity {
|
||||
cursor: help;
|
||||
}
|
||||
|
||||
pre.line-numbers {
|
||||
position: relative;
|
||||
padding-left: 3.8em;
|
||||
counter-reset: linenumber;
|
||||
}
|
||||
|
||||
pre.line-numbers > code {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.line-numbers .line-numbers-rows {
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
top: 0;
|
||||
font-size: 100%;
|
||||
left: -3.8em;
|
||||
width: 3em; /* works for line-numbers below 1000 lines */
|
||||
letter-spacing: -1px;
|
||||
border-right: 1px solid #999;
|
||||
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
}
|
||||
|
||||
.line-numbers-rows > span {
|
||||
pointer-events: none;
|
||||
display: block;
|
||||
counter-increment: linenumber;
|
||||
}
|
||||
|
||||
.line-numbers-rows > span:before {
|
||||
content: counter(linenumber);
|
||||
color: #999;
|
||||
display: block;
|
||||
padding-right: 0.8em;
|
||||
text-align: right;
|
||||
}
|
||||
1
application/view/mockup/template/less/libs/prism.min.css
vendored
Normal file
1
application/view/mockup/template/less/libs/prism.min.css
vendored
Normal file
@@ -0,0 +1 @@
|
||||
code[class*=language-],pre[class*=language-]{color:#333;text-shadow:0 1px #fff;font-family:Consolas,Monaco,"Andale Mono",monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#a67f59;background:rgba(255,255,255,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}pre.line-numbers{padding-left:3.8em;counter-reset:linenumber}pre.line-numbers,pre.line-numbers>code{position:relative}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.line-numbers-rows>span{pointer-events:none;display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}
|
||||
219
application/view/mockup/template/less/libs/sidr.css
Normal file
219
application/view/mockup/template/less/libs/sidr.css
Normal file
@@ -0,0 +1,219 @@
|
||||
.sidr {
|
||||
display: none;
|
||||
position: absolute;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
z-index: 999999;
|
||||
width: 260px;
|
||||
overflow-x: none;
|
||||
overflow-y: auto;
|
||||
font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
|
||||
font-size: 15px;
|
||||
background: #f8f8f8;
|
||||
color: #333;
|
||||
-webkit-box-shadow: inset 0 0 5px 5px #ebebeb;
|
||||
-moz-box-shadow: inset 0 0 5px 5px #ebebeb;
|
||||
box-shadow: inset 0 0 5px 5px #ebebeb
|
||||
}
|
||||
|
||||
.sidr .sidr-inner {
|
||||
padding: 0 0 15px
|
||||
}
|
||||
|
||||
.sidr .sidr-inner>p {
|
||||
margin-left: 15px;
|
||||
margin-right: 15px
|
||||
}
|
||||
|
||||
.sidr.right {
|
||||
left: auto;
|
||||
right: -260px
|
||||
}
|
||||
|
||||
.sidr.left {
|
||||
left: -260px;
|
||||
right: auto
|
||||
}
|
||||
|
||||
.sidr h1,
|
||||
.sidr h2,
|
||||
.sidr h3,
|
||||
.sidr h4,
|
||||
.sidr h5,
|
||||
.sidr h6 {
|
||||
font-size: 11px;
|
||||
font-weight: normal;
|
||||
padding: 0 15px;
|
||||
margin: 0 0 5px;
|
||||
color: #333;
|
||||
line-height: 24px;
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dfdfdf));
|
||||
background-image: -webkit-linear-gradient(#ffffff, #dfdfdf);
|
||||
background-image: -moz-linear-gradient(#ffffff, #dfdfdf);
|
||||
background-image: -o-linear-gradient(#ffffff, #dfdfdf);
|
||||
background-image: linear-gradient(#ffffff, #dfdfdf);
|
||||
-webkit-box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2);
|
||||
-moz-box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2)
|
||||
}
|
||||
|
||||
.sidr p {
|
||||
font-size: 13px;
|
||||
margin: 0 0 12px
|
||||
}
|
||||
|
||||
.sidr p a {
|
||||
color: rgba(51, 51, 51, 0.9)
|
||||
}
|
||||
|
||||
.sidr>p {
|
||||
margin-left: 15px;
|
||||
margin-right: 15px
|
||||
}
|
||||
|
||||
.sidr ul {
|
||||
display: block;
|
||||
margin: 0 0 15px;
|
||||
padding: 0;
|
||||
border-top: 1px solid #dfdfdf;
|
||||
border-bottom: 1px solid #fff
|
||||
}
|
||||
|
||||
.sidr ul li {
|
||||
display: block;
|
||||
margin: 0;
|
||||
line-height: 48px;
|
||||
border-top: 1px solid #fff;
|
||||
border-bottom: 1px solid #dfdfdf
|
||||
}
|
||||
|
||||
.sidr ul li:hover,
|
||||
.sidr ul li.active,
|
||||
.sidr ul li.sidr-class-active {
|
||||
border-top: 1px solid #fff;
|
||||
line-height: 48px
|
||||
}
|
||||
|
||||
.sidr ul li:hover>a,
|
||||
.sidr ul li:hover>span,
|
||||
.sidr ul li.active>a,
|
||||
.sidr ul li.active>span,
|
||||
.sidr ul li.sidr-class-active>a,
|
||||
.sidr ul li.sidr-class-active>span {
|
||||
-webkit-box-shadow: inset 0 0 15px 3px #ebebeb;
|
||||
-moz-box-shadow: inset 0 0 15px 3px #ebebeb;
|
||||
box-shadow: inset 0 0 15px 3px #ebebeb
|
||||
}
|
||||
|
||||
.sidr ul li a,
|
||||
.sidr ul li span {
|
||||
padding: 0 15px;
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
color: #333
|
||||
}
|
||||
|
||||
.sidr ul li ul {
|
||||
border-bottom: none;
|
||||
margin: 0
|
||||
}
|
||||
|
||||
.sidr ul li ul li {
|
||||
line-height: 40px;
|
||||
font-size: 13px
|
||||
}
|
||||
|
||||
.sidr ul li ul li:last-child {
|
||||
border-bottom: none
|
||||
}
|
||||
|
||||
.sidr ul li ul li:hover,
|
||||
.sidr ul li ul li.active,
|
||||
.sidr ul li ul li.sidr-class-active {
|
||||
border-top: 1px solid #fff;
|
||||
line-height: 40px
|
||||
}
|
||||
|
||||
.sidr ul li ul li:hover>a,
|
||||
.sidr ul li ul li:hover>span,
|
||||
.sidr ul li ul li.active>a,
|
||||
.sidr ul li ul li.active>span,
|
||||
.sidr ul li ul li.sidr-class-active>a,
|
||||
.sidr ul li ul li.sidr-class-active>span {
|
||||
-webkit-box-shadow: inset 0 0 15px 3px #ebebeb;
|
||||
-moz-box-shadow: inset 0 0 15px 3px #ebebeb;
|
||||
box-shadow: inset 0 0 15px 3px #ebebeb
|
||||
}
|
||||
|
||||
.sidr ul li ul li a,
|
||||
.sidr ul li ul li span {
|
||||
color: rgba(51, 51, 51, 0.8);
|
||||
padding-left: 30px
|
||||
}
|
||||
|
||||
.sidr ul li ul li ul li a,
|
||||
.sidr ul li ul li ul li span {
|
||||
padding-left: 45px
|
||||
}
|
||||
|
||||
.sidr ul li ul li ul li ul li a,
|
||||
.sidr ul li ul li ul li ul li span {
|
||||
padding-left: 60px
|
||||
}
|
||||
|
||||
.sidr form {
|
||||
margin: 0 15px
|
||||
}
|
||||
|
||||
.sidr label {
|
||||
font-size: 13px
|
||||
}
|
||||
|
||||
.sidr input[type="text"],
|
||||
.sidr input[type="password"],
|
||||
.sidr input[type="date"],
|
||||
.sidr input[type="datetime"],
|
||||
.sidr input[type="email"],
|
||||
.sidr input[type="number"],
|
||||
.sidr input[type="search"],
|
||||
.sidr input[type="tel"],
|
||||
.sidr input[type="time"],
|
||||
.sidr input[type="url"],
|
||||
.sidr textarea,
|
||||
.sidr select {
|
||||
width: 100%;
|
||||
font-size: 13px;
|
||||
padding: 5px;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
margin: 0 0 10px;
|
||||
-webkit-border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
-ms-border-radius: 2px;
|
||||
-o-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
border: none;
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
color: rgba(51, 51, 51, 0.6);
|
||||
display: block;
|
||||
clear: both
|
||||
}
|
||||
|
||||
.sidr input[type=checkbox] {
|
||||
width: auto;
|
||||
display: inline;
|
||||
clear: none
|
||||
}
|
||||
|
||||
.sidr input[type=button],
|
||||
.sidr input[type=submit] {
|
||||
color: #f8f8f8;
|
||||
background: #333
|
||||
}
|
||||
|
||||
.sidr input[type=button]:hover,
|
||||
.sidr input[type=submit]:hover {
|
||||
background: rgba(51, 51, 51, 0.9)
|
||||
}
|
||||
1
application/view/mockup/template/less/libs/sidr.min.css
vendored
Normal file
1
application/view/mockup/template/less/libs/sidr.min.css
vendored
Normal file
@@ -0,0 +1 @@
|
||||
.sidr{display:none;position:fixed;top:0;height:100%;z-index:999999;width:260px;overflow-x:none;overflow-y:auto;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:15px;background:#f8f8f8;color:#333;-webkit-box-shadow:inset 0 0 5px 5px #ebebeb;-moz-box-shadow:inset 0 0 5px 5px #ebebeb;box-shadow:inset 0 0 5px 5px #ebebeb}.sidr .sidr-inner{padding:0 0 15px}.sidr .sidr-inner>p{margin-left:15px;margin-right:15px}.sidr.right{left:auto;right:-260px}.sidr.left{left:-260px;right:auto}.sidr h1,.sidr h2,.sidr h3,.sidr h4,.sidr h5,.sidr h6{font-size:11px;font-weight:400;padding:0 15px;margin:0 0 5px;color:#333;line-height:24px;background-image:-webkit-gradient(linear,50%0,50% 100%,color-stop(0%,#fff),color-stop(100%,#dfdfdf));background-image:-webkit-linear-gradient(#fff,#dfdfdf);background-image:-moz-linear-gradient(#fff,#dfdfdf);background-image:-o-linear-gradient(#fff,#dfdfdf);background-image:linear-gradient(#fff,#dfdfdf);-webkit-box-shadow:0 5px 5px 3px rgba(0,0,0,.2);-moz-box-shadow:0 5px 5px 3px rgba(0,0,0,.2);box-shadow:0 5px 5px 3px rgba(0,0,0,.2)}.sidr p{font-size:13px;margin:0 0 12px}.sidr p a{color:rgba(51,51,51,.9)}.sidr>p{margin-left:15px;margin-right:15px}.sidr ul{display:block;margin:0 0 15px;padding:0;border-top:1px solid #dfdfdf;border-bottom:1px solid #fff}.sidr ul li{display:block;margin:0;border-bottom:1px solid #dfdfdf}.sidr ul li,.sidr ul li.active,.sidr ul li.sidr-class-active,.sidr ul li:hover{border-top:1px solid #fff;line-height:48px}.sidr ul li ul li.active>a,.sidr ul li ul li.active>span,.sidr ul li ul li.sidr-class-active>a,.sidr ul li ul li.sidr-class-active>span,.sidr ul li ul li:hover>a,.sidr ul li ul li:hover>span,.sidr ul li.active>a,.sidr ul li.active>span,.sidr ul li.sidr-class-active>a,.sidr ul li.sidr-class-active>span,.sidr ul li:hover>a,.sidr ul li:hover>span{-webkit-box-shadow:inset 0 0 15px 3px #ebebeb;-moz-box-shadow:inset 0 0 15px 3px #ebebeb;box-shadow:inset 0 0 15px 3px #ebebeb}.sidr ul li a,.sidr ul li span{padding:0 15px;display:block;text-decoration:none;color:#333}.sidr ul li ul{border-bottom:none;margin:0}.sidr ul li ul li{line-height:40px;font-size:13px}.sidr ul li ul li:last-child{border-bottom:none}.sidr ul li ul li.active,.sidr ul li ul li.sidr-class-active,.sidr ul li ul li:hover{border-top:1px solid #fff;line-height:40px}.sidr ul li ul li a,.sidr ul li ul li span{color:rgba(51,51,51,.8);padding-left:30px}.sidr ul li ul li ul li a,.sidr ul li ul li ul li span{padding-left:45px}.sidr ul li ul li ul li ul li a,.sidr ul li ul li ul li ul li span{padding-left:60px}.sidr form{margin:0 15px}.sidr label{font-size:13px}.sidr input[type=date],.sidr input[type=datetime],.sidr input[type=email],.sidr input[type=number],.sidr input[type=password],.sidr input[type=search],.sidr input[type=tel],.sidr input[type=text],.sidr input[type=time],.sidr input[type=url],.sidr select,.sidr textarea{width:100%;font-size:13px;padding:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;border:0;background:rgba(0,0,0,.1);color:rgba(51,51,51,.6);display:block;clear:both}.sidr input[type=checkbox]{width:auto;display:inline;clear:none}.sidr input[type=button],.sidr input[type=submit]{color:#f8f8f8;background:#333}.sidr input[type=button]:hover,.sidr input[type=submit]:hover{background:rgba(51,51,51,.9)}
|
||||
103
application/view/mockup/template/less/libs/slicknav.css
Normal file
103
application/view/mockup/template/less/libs/slicknav.css
Normal file
@@ -0,0 +1,103 @@
|
||||
/*
|
||||
Mobile Menu Core Style
|
||||
*/
|
||||
|
||||
.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
|
||||
.slicknav_menu .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
|
||||
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
|
||||
.slicknav_menu .slicknav_no-text { margin: 0 }
|
||||
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
|
||||
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
|
||||
.slicknav_nav { clear: both }
|
||||
.slicknav_nav ul,
|
||||
.slicknav_nav li { display: block }
|
||||
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
|
||||
.slicknav_nav .slicknav_item { cursor: pointer; }
|
||||
.slicknav_nav .slicknav_row { display: block; }
|
||||
.slicknav_nav a { display: block }
|
||||
.slicknav_nav .slicknav_item a,
|
||||
.slicknav_nav .slicknav_parent-link a { display: inline }
|
||||
.slicknav_menu:before,
|
||||
.slicknav_menu:after { content: " "; display: table; }
|
||||
.slicknav_menu:after { clear: both }
|
||||
/* IE6/7 support */
|
||||
.slicknav_menu { *zoom: 1 }
|
||||
|
||||
/*
|
||||
User Default Style
|
||||
Change the following styles to modify the appearance of the menu.
|
||||
*/
|
||||
|
||||
.slicknav_menu {
|
||||
font-size:16px;
|
||||
}
|
||||
/* Button */
|
||||
.slicknav_btn {
|
||||
margin: 5px 5px 6px;
|
||||
text-decoration:none;
|
||||
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
background-color: #222222;
|
||||
}
|
||||
/* Button Text */
|
||||
.slicknav_menu .slicknav_menutxt {
|
||||
color: #FFF;
|
||||
font-weight: bold;
|
||||
text-shadow: 0 1px 3px #000;
|
||||
}
|
||||
/* Button Lines */
|
||||
.slicknav_menu .slicknav_icon-bar {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
.slicknav_menu {
|
||||
background:#4c4c4c;
|
||||
padding:5px;
|
||||
}
|
||||
.slicknav_nav {
|
||||
color:#fff;
|
||||
margin:0;
|
||||
padding:0;
|
||||
font-size:0.875em;
|
||||
}
|
||||
.slicknav_nav, .slicknav_nav ul {
|
||||
list-style: none;
|
||||
overflow:hidden;
|
||||
}
|
||||
.slicknav_nav ul {
|
||||
padding:0;
|
||||
margin:0 0 0 20px;
|
||||
}
|
||||
.slicknav_nav .slicknav_row {
|
||||
padding:5px 10px;
|
||||
margin:2px 5px;
|
||||
}
|
||||
.slicknav_nav a{
|
||||
padding:5px 10px;
|
||||
margin:2px 5px;
|
||||
text-decoration:none;
|
||||
color:#fff;
|
||||
}
|
||||
.slicknav_nav .slicknav_item a,
|
||||
.slicknav_nav .slicknav_parent-link a {
|
||||
padding:0;
|
||||
margin:0;
|
||||
}
|
||||
.slicknav_nav .slicknav_row:hover {
|
||||
-webkit-border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
background:#ccc;
|
||||
color:#fff;
|
||||
}
|
||||
.slicknav_nav a:hover{
|
||||
-webkit-border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
background:#ccc;
|
||||
color:#222;
|
||||
}
|
||||
.slicknav_nav .slicknav_txtnode {
|
||||
margin-left:15px;
|
||||
}
|
||||
1
application/view/mockup/template/less/libs/slicknav.min.css
vendored
Normal file
1
application/view/mockup/template/less/libs/slicknav.min.css
vendored
Normal file
@@ -0,0 +1 @@
|
||||
.slicknav_btn{position:relative;display:block;vertical-align:middle;float:right;padding:.438em .625em;line-height:1.125em;cursor:pointer}.slicknav_menu .slicknav_menutxt{display:block;line-height:1.188em;float:left}.slicknav_menu .slicknav_icon{float:left;margin:.188em 0 0 .438em}.slicknav_menu .slicknav_no-text{margin:0}.slicknav_menu .slicknav_icon-bar{display:block;width:1.125em;height:.125em;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.25);-moz-box-shadow:0 1px 0 rgba(0,0,0,.25);box-shadow:0 1px 0 rgba(0,0,0,.25)}.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar{margin-top:.188em}.slicknav_nav{clear:both}.slicknav_nav li,.slicknav_nav ul{display:block}.slicknav_nav .slicknav_arrow{font-size:.8em;margin:0 0 0 .4em}.slicknav_nav .slicknav_item{cursor:pointer}.slicknav_nav .slicknav_row,.slicknav_nav a{display:block}.slicknav_nav .slicknav_item a,.slicknav_nav .slicknav_parent-link a{display:inline;padding:0;margin:0}.slicknav_menu:after,.slicknav_menu:before{content:" ";display:table}.slicknav_menu:after{clear:both}.slicknav_menu{*zoom:1;font-size:16px}.slicknav_btn{margin:5px 5px 6px;text-decoration:none;text-shadow:0 1px 1px rgba(255,255,255,.75);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#222}.slicknav_menu .slicknav_menutxt{color:#fff;font-weight:700;text-shadow:0 1px 3px #000}.slicknav_menu .slicknav_icon-bar{background-color:#f5f5f5}.slicknav_menu{background:#4c4c4c;padding:5px}.slicknav_nav,.slicknav_nav ul{list-style:none;overflow:hidden;padding:0}.slicknav_nav{color:#fff;margin:0;font-size:.875em}.slicknav_nav ul{margin:0 0 0 20px}.slicknav_nav .slicknav_row,.slicknav_nav a{padding:5px 10px;margin:2px 5px}.slicknav_nav a{text-decoration:none;color:#fff}.slicknav_nav .slicknav_row:hover,.slicknav_nav a:hover{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#ccc;color:#fff}.slicknav_nav a:hover{color:#222}.slicknav_nav .slicknav_txtnode{margin-left:15px}
|
||||
File diff suppressed because one or more lines are too long
2
application/view/mockup/template/less/libs/social-likes_birman.min.css
vendored
Normal file
2
application/view/mockup/template/less/libs/social-likes_birman.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
205
application/view/mockup/template/less/libs/twentytwenty.css
Normal file
205
application/view/mockup/template/less/libs/twentytwenty.css
Normal file
@@ -0,0 +1,205 @@
|
||||
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
|
||||
content: " ";
|
||||
display: block;
|
||||
background: white;
|
||||
position: absolute;
|
||||
z-index: 30;
|
||||
-webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
|
||||
-moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
|
||||
box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); }
|
||||
|
||||
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
|
||||
width: 3px;
|
||||
height: 9999px;
|
||||
left: 50%;
|
||||
margin-left: -1.5px; }
|
||||
|
||||
.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
|
||||
width: 9999px;
|
||||
height: 3px;
|
||||
top: 50%;
|
||||
margin-top: -1.5px; }
|
||||
|
||||
.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%; }
|
||||
|
||||
.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
|
||||
-webkit-transition-duration: 0.5s;
|
||||
-moz-transition-duration: 0.5s;
|
||||
transition-duration: 0.5s; }
|
||||
|
||||
.twentytwenty-before-label, .twentytwenty-after-label {
|
||||
-webkit-transition-property: opacity;
|
||||
-moz-transition-property: opacity;
|
||||
transition-property: opacity; }
|
||||
|
||||
.twentytwenty-before-label:before, .twentytwenty-after-label:before {
|
||||
color: white;
|
||||
font-size: 13px;
|
||||
letter-spacing: 0.1em; }
|
||||
|
||||
.twentytwenty-before-label:before, .twentytwenty-after-label:before {
|
||||
position: absolute;
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
line-height: 38px;
|
||||
padding: 0 20px;
|
||||
-webkit-border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
border-radius: 2px; }
|
||||
|
||||
.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {
|
||||
top: 50%;
|
||||
margin-top: -19px; }
|
||||
|
||||
.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {
|
||||
left: 50%;
|
||||
margin-left: -45px;
|
||||
text-align: center;
|
||||
width: 90px; }
|
||||
|
||||
.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
|
||||
width: 0;
|
||||
height: 0;
|
||||
border: 6px inset transparent;
|
||||
position: absolute; }
|
||||
|
||||
.twentytwenty-left-arrow, .twentytwenty-right-arrow {
|
||||
top: 50%;
|
||||
margin-top: -6px; }
|
||||
|
||||
.twentytwenty-up-arrow, .twentytwenty-down-arrow {
|
||||
left: 50%;
|
||||
margin-left: -6px; }
|
||||
|
||||
.twentytwenty-container {
|
||||
-webkit-box-sizing: content-box;
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
z-index: 0;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none; }
|
||||
.twentytwenty-container img {
|
||||
max-width: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
display: block; }
|
||||
.twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
|
||||
background: rgba(0, 0, 0, 0); }
|
||||
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
|
||||
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
|
||||
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
|
||||
opacity: 0; }
|
||||
.twentytwenty-container * {
|
||||
-webkit-box-sizing: content-box;
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box; }
|
||||
|
||||
.twentytwenty-before-label {
|
||||
opacity: 0; }
|
||||
.twentytwenty-before-label:before {
|
||||
content: "Before"; }
|
||||
|
||||
.twentytwenty-after-label {
|
||||
opacity: 0; }
|
||||
.twentytwenty-after-label:before {
|
||||
content: "After"; }
|
||||
|
||||
.twentytwenty-horizontal .twentytwenty-before-label:before {
|
||||
left: 10px; }
|
||||
|
||||
.twentytwenty-horizontal .twentytwenty-after-label:before {
|
||||
right: 10px; }
|
||||
|
||||
.twentytwenty-vertical .twentytwenty-before-label:before {
|
||||
top: 10px; }
|
||||
|
||||
.twentytwenty-vertical .twentytwenty-after-label:before {
|
||||
bottom: 10px; }
|
||||
|
||||
.twentytwenty-overlay {
|
||||
-webkit-transition-property: background;
|
||||
-moz-transition-property: background;
|
||||
transition-property: background;
|
||||
background: rgba(0, 0, 0, 0);
|
||||
z-index: 25; }
|
||||
.twentytwenty-overlay:hover {
|
||||
background: rgba(0, 0, 0, 0.5); }
|
||||
.twentytwenty-overlay:hover .twentytwenty-after-label {
|
||||
opacity: 1; }
|
||||
.twentytwenty-overlay:hover .twentytwenty-before-label {
|
||||
opacity: 1; }
|
||||
|
||||
.twentytwenty-before {
|
||||
z-index: 20; }
|
||||
|
||||
.twentytwenty-after {
|
||||
z-index: 10; }
|
||||
|
||||
.twentytwenty-handle {
|
||||
height: 38px;
|
||||
width: 38px;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
margin-left: -22px;
|
||||
margin-top: -22px;
|
||||
border: 3px solid white;
|
||||
-webkit-border-radius: 1000px;
|
||||
-moz-border-radius: 1000px;
|
||||
border-radius: 1000px;
|
||||
-webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
|
||||
-moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
|
||||
box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
|
||||
z-index: 40;
|
||||
cursor: pointer; }
|
||||
|
||||
.twentytwenty-horizontal .twentytwenty-handle:before {
|
||||
bottom: 50%;
|
||||
margin-bottom: 22px;
|
||||
-webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
|
||||
-moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
|
||||
box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
|
||||
.twentytwenty-horizontal .twentytwenty-handle:after {
|
||||
top: 50%;
|
||||
margin-top: 22px;
|
||||
-webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
|
||||
-moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
|
||||
box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
|
||||
|
||||
.twentytwenty-vertical .twentytwenty-handle:before {
|
||||
left: 50%;
|
||||
margin-left: 22px;
|
||||
-webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
|
||||
-moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
|
||||
box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
|
||||
.twentytwenty-vertical .twentytwenty-handle:after {
|
||||
right: 50%;
|
||||
margin-right: 22px;
|
||||
-webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
|
||||
-moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
|
||||
box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
|
||||
|
||||
.twentytwenty-left-arrow {
|
||||
border-right: 6px solid white;
|
||||
left: 50%;
|
||||
margin-left: -17px; }
|
||||
|
||||
.twentytwenty-right-arrow {
|
||||
border-left: 6px solid white;
|
||||
right: 50%;
|
||||
margin-right: -17px; }
|
||||
|
||||
.twentytwenty-up-arrow {
|
||||
border-bottom: 6px solid white;
|
||||
top: 50%;
|
||||
margin-top: -17px; }
|
||||
|
||||
.twentytwenty-down-arrow {
|
||||
border-top: 6px solid white;
|
||||
bottom: 50%;
|
||||
margin-bottom: -17px; }
|
||||
1
application/view/mockup/template/less/libs/twentytwenty.min.css
vendored
Normal file
1
application/view/mockup/template/less/libs/twentytwenty.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
@@ -0,0 +1,89 @@
|
||||
.video-js, .vjs-control-bar{
|
||||
-moz-border-top-left-radius: 5px;
|
||||
border-top-left-radius: 5px;
|
||||
-moz-border-top-right-radius: 5px;
|
||||
border-top-right-radius: 5px;
|
||||
-moz-border-bottom-left-radius: 0px;
|
||||
border-bottom-left-radius: 0px;
|
||||
-moz-border-bottom-right-radius: 0px;
|
||||
border-bottom-right-radius: 0px;
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* end video.css********************************************************/
|
||||
.vjs-playlist {
|
||||
width: 100%;
|
||||
|
||||
background-color:
|
||||
#2D2D2D;
|
||||
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
|
||||
border-bottom-left-radius:5px;
|
||||
border-bottom-right-radius:5px;
|
||||
-webkit-border-bottom-left-radius:5px;
|
||||
-webkit-border-bottom-right-radius:5px;
|
||||
-moz-border-bottom-left-radius:5px;
|
||||
-moz-border-bottom-right-radius:5px;
|
||||
width:25%;
|
||||
}
|
||||
|
||||
|
||||
.vjs-track {
|
||||
color:#F7F9FC;
|
||||
|
||||
}
|
||||
.vjs-track:hover {
|
||||
color: #315B7E;
|
||||
}
|
||||
|
||||
|
||||
.vjs-playlist ul{
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.vjs-playlist ul li {
|
||||
|
||||
|
||||
background-color:
|
||||
#2D2D2D;
|
||||
-moz-transition-property: background-color;
|
||||
-webkit-transition-property: background-color;
|
||||
-o-transition-property: background-color;
|
||||
transition-property: background-color;
|
||||
-moz-transition-duration: .4s;
|
||||
-webkit-transition-duration: .4s;
|
||||
-o-transition-duration: .4s;
|
||||
transition-duration: .4s;
|
||||
font-size:16px;
|
||||
/*margin:10px;*/
|
||||
}
|
||||
|
||||
.vjs-playlist ul li a{
|
||||
padding:15px;
|
||||
display:block;
|
||||
width:100%;
|
||||
|
||||
}
|
||||
.currentTrack{
|
||||
color: gray;
|
||||
}
|
||||
|
||||
.currentTrack{
|
||||
background-color:#373737;
|
||||
|
||||
}
|
||||
|
||||
.vjs-playlist ul li:hover {
|
||||
background-color:
|
||||
#373737;
|
||||
-moz-transition-property: background-color;
|
||||
-webkit-transition-property: background-color;
|
||||
-o-transition-property: background-color;
|
||||
transition-property: background-color;
|
||||
-moz-transition-duration: .1s;
|
||||
-webkit-transition-duration: .1s;
|
||||
-o-transition-duration: .1s;
|
||||
transition-duration: .1s;
|
||||
}
|
||||
|
||||
1
application/view/mockup/template/less/libs/videojs-playlist.min.css
vendored
Normal file
1
application/view/mockup/template/less/libs/videojs-playlist.min.css
vendored
Normal file
@@ -0,0 +1 @@
|
||||
.video-js,.vjs-control-bar{-moz-border-top-left-radius:5px;border-top-left-radius:5px;-moz-border-top-right-radius:5px;border-top-right-radius:5px;-moz-border-bottom-left-radius:0;border-bottom-left-radius:0;-moz-border-bottom-right-radius:0;border-bottom-right-radius:0}.vjs-playlist{background-color:#2d2d2d;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;border-bottom-left-radius:5px;border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-bottom-left-radius:5px;-moz-border-bottom-right-radius:5px;width:25%}.vjs-track{color:#f7f9fc}.vjs-track:hover{color:#315b7e}.vjs-playlist ul{padding:0;list-style:none}.vjs-playlist ul li,.vjs-playlist ul li:hover{-moz-transition-property:background-color;-webkit-transition-property:background-color;-o-transition-property:background-color;transition-property:background-color}.vjs-playlist ul li{background-color:#2d2d2d;-moz-transition-duration:.4s;-webkit-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;font-size:16px}.vjs-playlist ul li a{padding:15px;display:block;width:100%}.currentTrack{color:gray;background-color:#373737}.vjs-playlist ul li:hover{background-color:#373737;-moz-transition-duration:.1s;-webkit-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s}
|
||||
1185
application/view/mockup/template/less/libs/videojs.css
Normal file
1185
application/view/mockup/template/less/libs/videojs.css
Normal file
File diff suppressed because one or more lines are too long
1
application/view/mockup/template/less/libs/videojs.min.css
vendored
Normal file
1
application/view/mockup/template/less/libs/videojs.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
238
application/view/mockup/template/less/libs/ytv.css
Normal file
238
application/view/mockup/template/less/libs/ytv.css
Normal file
@@ -0,0 +1,238 @@
|
||||
/*
|
||||
* YouTube TV
|
||||
*/
|
||||
|
||||
/*
|
||||
* Base Canvas
|
||||
*/
|
||||
.ytv-canvas{
|
||||
display: block;
|
||||
background: #282828;
|
||||
overflow: hidden;
|
||||
font-family: arial, sans-serif;
|
||||
}
|
||||
.ytv-canvas ::-webkit-scrollbar{
|
||||
border-left: 1px solid #000;
|
||||
width: 10px;
|
||||
}
|
||||
.ytv-canvas ::-webkit-scrollbar-thumb{
|
||||
background: rgba(255,255,255,0.1);
|
||||
}
|
||||
|
||||
/*
|
||||
* Video
|
||||
*/
|
||||
.ytv-video{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 300px;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
}
|
||||
.ytv-video iframe{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: none;
|
||||
outline: none;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/*
|
||||
* List
|
||||
*/
|
||||
.ytv-list{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
height: 100%;
|
||||
width: 300px;
|
||||
}
|
||||
.ytv-list-inner{
|
||||
overflow: auto;
|
||||
position: absolute;
|
||||
top: 52px;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
.ytv-list ul{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
}
|
||||
.ytv-list .ytv-active a{
|
||||
border-left: 2px solid #fff;
|
||||
background: rgba(255,255,255,0.05);;
|
||||
}
|
||||
.ytv-list a{
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
font-size: 11px;
|
||||
color: #FEFEFE;
|
||||
padding: 10px;
|
||||
padding-left: 8px;
|
||||
border-top: 1px solid rgba(255,255,255,0.1);
|
||||
border-bottom: 1px solid rgba(0,0,0,0.5);
|
||||
border-left: 2px solid transparent;
|
||||
}
|
||||
.ytv-list a b{
|
||||
max-height: 45px;
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.ytv-list li:first-child a{ border-top: none; }
|
||||
.ytv-list li:last-child a{ border-bottom: none; }
|
||||
.ytv-list a:hover,
|
||||
.ytv-list-header .ytv-playlists a:hover{ background: rgba(255,255,255,0.05); }
|
||||
.ytv-list a:active,
|
||||
.ytv-list-header .ytv-playlists a:active{ background: rgba(0,0,0,0.05); }
|
||||
|
||||
.ytv-list .ytv-content{ padding-left: 125px; }
|
||||
.ytv-list .ytv-thumb-stroke{
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
left: 1px;
|
||||
bottom: 1px;
|
||||
right: 1px;
|
||||
z-index: 2;
|
||||
outline: 1px solid rgba(255,255,255,0.1);
|
||||
}
|
||||
.ytv-list .ytv-thumb{
|
||||
float: left;
|
||||
position: relative;
|
||||
outline: 1px solid rgba(0,0,0,0.5);
|
||||
}
|
||||
.ytv-list .ytv-thumb img{
|
||||
width: 120px;
|
||||
display: block;
|
||||
}
|
||||
.ytv-list .ytv-thumb span{
|
||||
position: absolute;
|
||||
bottom: 5px;
|
||||
right: 5px;
|
||||
color: #eee;
|
||||
background: rgba(0,0,0,0.7);
|
||||
font-size: 11px;
|
||||
font-weight: bold;
|
||||
padding: 0px 4px;
|
||||
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.ytv-views{
|
||||
display: block;
|
||||
margin-top: 5px;
|
||||
font-size: 10px;
|
||||
font-weight: normal;
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
|
||||
.ytv-list-header{
|
||||
height: 52px;
|
||||
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
|
||||
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
.ytv-list-header a{
|
||||
background: rgba(255,255,255,0.05);
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
}
|
||||
.ytv-list-header img,
|
||||
.ytv-list .ytv-playlists .ytv-thumb img{
|
||||
width: 30px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.ytv-list-header span{
|
||||
padding-left: 10px;
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/*
|
||||
* Playlists
|
||||
*/
|
||||
.ytv-playlists{
|
||||
z-index: 9;
|
||||
position: absolute;
|
||||
background: #282828;
|
||||
top:52px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
overflow: auto;
|
||||
display: none;
|
||||
}
|
||||
.ytv-playlists img,
|
||||
.ytv-list-header img{
|
||||
float: left;
|
||||
}
|
||||
.ytv-playlists a span,
|
||||
.ytv-list-header a span{
|
||||
white-space: nowrap;
|
||||
padding-left: 10px;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.ytv-list-header > a span{
|
||||
line-height: 30px;
|
||||
}
|
||||
.ytv-list-header .ytv-playlists a{
|
||||
background: none;
|
||||
}
|
||||
.ytv-playlist-open .ytv-playlists{
|
||||
display: block;
|
||||
}
|
||||
|
||||
/*
|
||||
* Modifiers
|
||||
*/
|
||||
.ytv-relative{
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.ytv-full{
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
.ytv-arrow {
|
||||
height: 10px;
|
||||
width: 0;
|
||||
position: relative;
|
||||
top: 10px;
|
||||
right: 5px;
|
||||
border: 10px solid transparent;
|
||||
float: right;
|
||||
border-top-color: rgba(0,0,0,0.4);
|
||||
display: none;
|
||||
}
|
||||
.ytv-has-playlists .ytv-arrow{
|
||||
display: inline-block;
|
||||
}
|
||||
.ytv-playlist-open .ytv-arrow{
|
||||
border-color: transparent;
|
||||
border-bottom-color: rgba(0,0,0,0.4);
|
||||
top: -10px;
|
||||
}
|
||||
|
||||
.ytv-list-header a:after,
|
||||
.ytv-clear:after {
|
||||
content: ".";
|
||||
display: block;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
line-height: 0;
|
||||
height: 0;
|
||||
}
|
||||
1
application/view/mockup/template/less/libs/ytv.min.css
vendored
Normal file
1
application/view/mockup/template/less/libs/ytv.min.css
vendored
Normal file
@@ -0,0 +1 @@
|
||||
.ytv-canvas{display:block;background:#282828;overflow:hidden;font-family:arial,sans-serif}.ytv-canvas ::-webkit-scrollbar{border-left:1px solid #000;width:10px}.ytv-canvas ::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1)}.ytv-video{position:absolute;top:0;right:300px;bottom:0;left:0;height:100%}.ytv-video iframe{width:100%;height:100%;border:0;outline:0;display:block}.ytv-list,.ytv-list-inner{position:absolute;right:0;bottom:0}.ytv-list{top:0;height:100%;width:300px}.ytv-list-inner{overflow:auto;top:52px;left:0;-webkit-overflow-scrolling:touch}.ytv-list ul{margin:0;padding:0;list-style-type:none}.ytv-list .ytv-active a{border-left:2px solid #fff;background:rgba(255,255,255,.05)}.ytv-list a{display:block;text-decoration:none;font-size:11px;color:#fefefe;padding:10px 10px 10px 8px;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(0,0,0,.5);border-left:2px solid transparent}.ytv-list a b{max-height:45px;overflow:hidden;display:block;text-overflow:ellipsis}.ytv-list li:first-child a{border-top:none}.ytv-list li:last-child a{border-bottom:none}.ytv-list a:hover,.ytv-list-header .ytv-playlists a:hover,.ytv-list-header a{background:rgba(255,255,255,.05)}.ytv-list a:active,.ytv-list-header .ytv-playlists a:active{background:rgba(0,0,0,.05)}.ytv-list .ytv-content{padding-left:125px}.ytv-list .ytv-thumb-stroke{position:absolute;top:1px;left:1px;bottom:1px;right:1px;z-index:2;outline:1px solid rgba(255,255,255,.1)}.ytv-list .ytv-thumb{float:left;position:relative;outline:1px solid rgba(0,0,0,.5)}.ytv-list .ytv-thumb img{width:120px;display:block}.ytv-list .ytv-thumb span{position:absolute;bottom:5px;right:5px;color:#eee;background:rgba(0,0,0,.7);font-size:11px;font-weight:700;padding:0 4px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.ytv-views{display:block;margin-top:5px;font-size:10px;font-weight:400;opacity:.3}.ytv-list-header{height:52px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2)}.ytv-list-header a{position:relative;z-index:10}.ytv-list .ytv-playlists .ytv-thumb img,.ytv-list-header img{width:30px;vertical-align:middle}.ytv-list-header span{padding-left:10px;font-size:12px;font-weight:700}.ytv-playlists{z-index:9;position:absolute;background:#282828;top:52px;left:0;right:0;bottom:0;overflow:auto;display:none}.ytv-list-header img,.ytv-playlists img{float:left}.ytv-list-header a span,.ytv-playlists a span{white-space:nowrap;padding-left:10px;display:block;overflow:hidden;text-overflow:ellipsis}.ytv-list-header>a span{line-height:30px}.ytv-list-header .ytv-playlists a{background:0 0}.ytv-playlist-open .ytv-playlists{display:block}.ytv-relative{position:relative;width:100%;height:100%}.ytv-full{position:fixed;top:0;left:0;width:100%!important;height:100%!important;margin:0!important}.ytv-arrow{height:10px;width:0;position:relative;top:10px;right:5px;border:10px solid transparent;float:right;border-top-color:rgba(0,0,0,.4);display:none}.ytv-has-playlists .ytv-arrow{display:inline-block}.ytv-playlist-open .ytv-arrow{border-color:transparent;border-bottom-color:rgba(0,0,0,.4);top:-10px}.ytv-clear:after,.ytv-list-header a:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
|
||||
106
application/view/mockup/template/less/modules/_404.less
Normal file
106
application/view/mockup/template/less/modules/_404.less
Normal file
@@ -0,0 +1,106 @@
|
||||
.page-404{
|
||||
background-image: url(../img/backgrounds/14.jpg);
|
||||
background-repeat: no-repeat;
|
||||
background-position: left bottom;
|
||||
background-size: cover;
|
||||
min-height: 600px;
|
||||
}
|
||||
|
||||
.page-404-general{
|
||||
padding: 60px 25px;
|
||||
position: relative;
|
||||
padding-left: 155px;
|
||||
}
|
||||
|
||||
.page-404-error{
|
||||
padding: 15px 25px;
|
||||
position: absolute;
|
||||
top: 60px;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.page-404-error-text{
|
||||
font-size: 50px;
|
||||
line-height: 53px;
|
||||
color: @color_black;
|
||||
opacity: 0.22;
|
||||
font-weight: @font_black;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.page-404-info{
|
||||
padding: 15px 25px;
|
||||
border-left: 1px solid #dbdbdb;
|
||||
}
|
||||
|
||||
.page-404-info-title{
|
||||
font-size: 50px;
|
||||
line-height: 53px;
|
||||
font-weight: @font_thin;
|
||||
opacity: 0.73;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.page-404-info-description{
|
||||
font-size: 24px;
|
||||
font-weight: @font_light;
|
||||
opacity: 0.60;
|
||||
padding: 20px 0;
|
||||
margin: 0;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.page-404-redirect{
|
||||
font-size: 18px;
|
||||
font-weight: @font_light;
|
||||
color: @color_blue;
|
||||
margin-bottom: 15px;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover{
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
i{
|
||||
margin-left: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: @break-small){
|
||||
.page-404-info-description{
|
||||
font-size: 21px;
|
||||
padding: 15px 0;
|
||||
}
|
||||
|
||||
.page-404-info-title{
|
||||
font-size: 45px;
|
||||
line-height: 47px;
|
||||
}
|
||||
|
||||
.page-404-error-text{
|
||||
font-size: 45px;
|
||||
line-height: 47px;
|
||||
}
|
||||
|
||||
.page-404-general{
|
||||
padding: 60px 25px 60px 144px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: @break-small-x){
|
||||
.page-404-error{
|
||||
position: relative;
|
||||
top: auto;
|
||||
padding: 15px 0;
|
||||
}
|
||||
.page-404-info{
|
||||
border-left: none;
|
||||
border-top: 1px solid #dbdbdb;
|
||||
padding: 15px 0;
|
||||
}
|
||||
.page-404-general{
|
||||
padding: 30px 25px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,75 @@
|
||||
.accordion{
|
||||
border: 2px solid @color_grey-lighter;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style-type: none;
|
||||
border: 1px solid @color_grey-light;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.accordion-item{
|
||||
display: block;
|
||||
border-bottom: 1px solid @color_grey-light;
|
||||
background-color: @color_grey-lighter;
|
||||
.transition(background-color);
|
||||
|
||||
&:last-child{
|
||||
margin-bottom: 0;
|
||||
border: none;
|
||||
}
|
||||
|
||||
&.active{
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
}
|
||||
|
||||
.accordion-title{
|
||||
font-size: 18px;
|
||||
line-height: 25px;
|
||||
font-weight: @font_light;
|
||||
padding: 20px 25px 20px 55px;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
margin: 0;
|
||||
|
||||
&:after{
|
||||
display: block;
|
||||
position: absolute;
|
||||
content: "\f105";
|
||||
.transition(transform);
|
||||
top: 22px;
|
||||
left: 25px;
|
||||
font-size: 17px;
|
||||
color: @color_black;
|
||||
font-family: @icons;
|
||||
line-height: 1;
|
||||
|
||||
.accordion-item.active &{
|
||||
.transform(rotate(90deg));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.accordion-description{
|
||||
font-size: 14px;
|
||||
line-height: 25px;
|
||||
display: none;
|
||||
padding: 0px 25px 20px;
|
||||
}
|
||||
|
||||
@media all and (max-width: @break-small-x){
|
||||
.accordion-title{
|
||||
font-size: 17px;
|
||||
line-height: 24px;
|
||||
padding: 20px 15px 20px 40px;
|
||||
|
||||
&:after{
|
||||
left: 15px;
|
||||
top: 22px;
|
||||
}
|
||||
}
|
||||
|
||||
.accordion-description{
|
||||
padding: 0px 15px 20px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,265 @@
|
||||
.comments{
|
||||
margin-bottom: 30px;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
|
||||
.comment-list{
|
||||
margin: 0 0 30px 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.comment-list-item{
|
||||
padding: 20px;
|
||||
margin-bottom: 20px;
|
||||
border-radius: 3px;
|
||||
border: 1px solid @color_grey-light;
|
||||
position: relative;
|
||||
|
||||
&:last-child{
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.comment-reply{
|
||||
margin-top: 20px;
|
||||
position: relative;
|
||||
|
||||
&:before{
|
||||
display: block;
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
z-index: 2;
|
||||
top: -5px;
|
||||
left: 49%;
|
||||
background-color: @color_grey-lighter;
|
||||
border-left: 1px solid @color_grey-light;
|
||||
border-top: 1px solid @color_grey-light;
|
||||
.transform(rotate(45deg));
|
||||
}
|
||||
|
||||
.comment-list{
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.comment-list-item{
|
||||
border-radius: 0;
|
||||
background-color: @color_grey-lighter;
|
||||
border-left: 1px solid @color_grey-light;
|
||||
border-top: 1px solid @color_grey-light;
|
||||
border-right: 1px solid @color_grey-light;
|
||||
border-bottom: 0;
|
||||
margin: 0;
|
||||
|
||||
&:last-child{
|
||||
border-bottom: 1px solid @color_grey-light;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.comment-content{
|
||||
padding-left: 80px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.comment-user-photo{
|
||||
width: 60px;
|
||||
position: absolute;
|
||||
line-height: 0;
|
||||
left: 0;
|
||||
top: 0;
|
||||
|
||||
img{
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.comment-header{
|
||||
margin-bottom: 5px;
|
||||
|
||||
&:after{
|
||||
clear: both;
|
||||
content: '';
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.comment-username{
|
||||
float: left;
|
||||
}
|
||||
|
||||
.comment-meta{
|
||||
.fz(14);
|
||||
float: right;
|
||||
color: @color_grey;
|
||||
font-weight: @font_light;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
|
||||
li{
|
||||
display: inline;
|
||||
position: relative;
|
||||
padding: 0 7px;
|
||||
|
||||
&:after{
|
||||
position: absolute;
|
||||
right: -2px;
|
||||
display: block;
|
||||
content: '';
|
||||
top: 2px;
|
||||
width: 1px;
|
||||
height: 12px;
|
||||
background-color: @color_grey-light;
|
||||
}
|
||||
|
||||
&:first-child{
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
&:last-child{
|
||||
&:after{
|
||||
display: none;
|
||||
}
|
||||
|
||||
border: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.comment-message{
|
||||
.fz(15);
|
||||
}
|
||||
|
||||
.comment-actions{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
text-align: right;
|
||||
font-size: 16px;
|
||||
font-weight: @font_light;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.comment-action-item{
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
margin-right: 10px;
|
||||
|
||||
&:last-child{
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.comment-action-like{
|
||||
color: @color_red;
|
||||
|
||||
&:hover .fa:before, &.comment-action-liked .fa:before{
|
||||
content: '\f004'
|
||||
}
|
||||
}
|
||||
|
||||
.comment-action-reply{
|
||||
color: @color_grey;
|
||||
}
|
||||
|
||||
.comment-form{
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.comment-form-title{
|
||||
|
||||
}
|
||||
|
||||
.comment-form-list{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.comment-form-list-item{
|
||||
margin-bottom: 20px;
|
||||
|
||||
input[type="text"]{
|
||||
height: 45px;
|
||||
}
|
||||
|
||||
textarea{
|
||||
height: 110px;
|
||||
min-width: 100%;
|
||||
max-width: 100%;
|
||||
max-height: 175px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
button{
|
||||
display: block;
|
||||
height: 45px;
|
||||
width: 100%;
|
||||
background-color: white;
|
||||
border: 1px solid @color_grey-light;
|
||||
font-size: 14px;
|
||||
outline: none;
|
||||
padding: 0;
|
||||
line-height: 35px;
|
||||
border-radius: 3px;
|
||||
font-weight: @font_light;
|
||||
position: relative;
|
||||
|
||||
&:before{
|
||||
position: absolute;
|
||||
display: block;
|
||||
left: 0;
|
||||
top: 0;
|
||||
text-align: center;
|
||||
width: 45px;
|
||||
height: 45px;
|
||||
font-family: @icons-stroke;
|
||||
font-size: 20px;
|
||||
line-height: 45px;
|
||||
content: '\e668';
|
||||
border-right: 1px solid @color_grey-light;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
&:hover:before{
|
||||
content: '+';
|
||||
font-family: @font_primary;
|
||||
line-height: 42px;
|
||||
font-size: 24px;
|
||||
font-weight: @font_normal;
|
||||
color: @color_grey-dark;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.media-mixin(@break) when (@break = @break-small-x) {
|
||||
.comment-username, .comment-meta{
|
||||
width: 100%;
|
||||
float: none;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.comment-content{
|
||||
padding-left: 0;
|
||||
padding-top: 100px;
|
||||
}
|
||||
|
||||
.comment-user-photo{
|
||||
left: 50%;
|
||||
width: 80px;
|
||||
margin-left: -40px;
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.comment-actions{
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
182
application/view/mockup/template/less/modules/_article.less
Normal file
182
application/view/mockup/template/less/modules/_article.less
Normal file
@@ -0,0 +1,182 @@
|
||||
.article{
|
||||
|
||||
}
|
||||
|
||||
.article-title{
|
||||
margin: 0 0 20px 0;
|
||||
line-height: 1.2;
|
||||
.fz(40);
|
||||
}
|
||||
|
||||
// Article meta
|
||||
.article-meta{
|
||||
margin: 0 0 10px 0;
|
||||
list-style-type: none;
|
||||
font-size: 14px;
|
||||
color: @color_grey;
|
||||
font-weight: @font_light;
|
||||
border-top: 1px solid @color_grey-light;
|
||||
padding: 20px 0 10px 0;
|
||||
|
||||
&:after{
|
||||
clear: both;
|
||||
display: block;
|
||||
content: '';
|
||||
}
|
||||
|
||||
li{
|
||||
float: left;
|
||||
margin-right: 18px;
|
||||
|
||||
&:last-child{
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.article-meta-item{
|
||||
padding-left: 25px;
|
||||
position: relative;
|
||||
|
||||
a{
|
||||
color: inherit;
|
||||
|
||||
&:hover{
|
||||
color: @color_blue;
|
||||
}
|
||||
}
|
||||
|
||||
&:before{
|
||||
position: absolute;
|
||||
content: '';
|
||||
display: block;
|
||||
left: 0;
|
||||
top: 0;
|
||||
font-family: @icons-stroke;
|
||||
font-size: 20px;
|
||||
line-height: 17px;
|
||||
}
|
||||
}
|
||||
|
||||
.article-meta-date:before{ content: '\e660' }
|
||||
.article-meta-author:before{ content: '\e605' }
|
||||
.article-meta-category:before{ content: '\e653' }
|
||||
.article-meta-views:before{ content: '\e63e' }
|
||||
.article-meta-comments:before{ content: '\e668' }
|
||||
.article-meta-likes:before{ content: '\e642' }
|
||||
|
||||
|
||||
.article-featured-image{
|
||||
max-width: 100%;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.article-subtitle{
|
||||
.fz(24);
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.article-content{
|
||||
.fz(19);
|
||||
line-height: 1.5;
|
||||
margin-bottom: 30px;
|
||||
padding-bottom: 10px;
|
||||
border-bottom: 1px solid @color_grey-light;
|
||||
}
|
||||
|
||||
.article-media{
|
||||
margin: 30px 0;
|
||||
|
||||
.fluid-width-video-wrapper{
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.article-tags{
|
||||
font-weight: @font_light;
|
||||
margin-bottom: 20px;
|
||||
color: @color_grey-dark;
|
||||
padding-top: 10px;
|
||||
.fz(14);
|
||||
}
|
||||
|
||||
.article-tag{
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
background-color: @color_grey-lighter;
|
||||
color: @color_grey-dark;
|
||||
padding: 5px 10px;
|
||||
margin-left: 2px;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
.article-navigation{
|
||||
padding-bottom: 30px;
|
||||
border-bottom: 1px solid @color_grey-light;
|
||||
margin-bottom: 30px;
|
||||
|
||||
&:after{
|
||||
display: block;
|
||||
content: '';
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
|
||||
.article-navigation-prev, .article-navigation-next{
|
||||
display: block;
|
||||
font-weight: @font_light;
|
||||
color: @color_grey-dark;
|
||||
position: relative;
|
||||
|
||||
&:before{
|
||||
font-family: @icons-stroke;
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
font-size: 35px;
|
||||
width: 15px;
|
||||
text-align: center;
|
||||
text-indent: -8px;
|
||||
}
|
||||
}
|
||||
|
||||
.article-navigation-prev{
|
||||
padding-left: 20px;
|
||||
float: left;
|
||||
|
||||
&:before{
|
||||
content: '\e686';
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
.article-navigation-next{
|
||||
padding-right: 15px;
|
||||
float: right;
|
||||
|
||||
&:before{
|
||||
content: '\e684';
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.article-widget{
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.article-widget-title{
|
||||
.fz(22);
|
||||
}
|
||||
|
||||
.article-related-articles{
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-weight: @font_light;
|
||||
|
||||
li{
|
||||
padding: 5px 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
.vjs-audio.video-js:after{
|
||||
padding: 100% 0 0;
|
||||
}
|
||||
|
||||
.vjs-audio.video-js{
|
||||
background-color: white;
|
||||
}
|
||||
@@ -0,0 +1,14 @@
|
||||
@import (less) '../libs/twentytwenty.css';
|
||||
|
||||
// Before and After
|
||||
.before-and-after{
|
||||
margin-bottom: 30px;
|
||||
|
||||
img{
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.media-mixin(@break) when (@break = @break-small-x) {
|
||||
.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay{ display: none; }
|
||||
}
|
||||
117
application/view/mockup/template/less/modules/_blog.less
Normal file
117
application/view/mockup/template/less/modules/_blog.less
Normal file
@@ -0,0 +1,117 @@
|
||||
// Blog
|
||||
|
||||
.blog{
|
||||
|
||||
}
|
||||
|
||||
.blog-grid{
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
|
||||
.blog-grid-image{
|
||||
margin-bottom: 15px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
line-height: 0;
|
||||
|
||||
img{
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
|
||||
&:before, &:after{
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
background-color: white;
|
||||
.transform(translateX(-50%) translateY(-50%));
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
&:before{
|
||||
width: 2px;
|
||||
height: 0;
|
||||
-webkit-transition: height .25s ease;
|
||||
-moz-transition: height .25s ease;
|
||||
-ms-transition: height .25s ease;
|
||||
-o-transition: height .25s ease;
|
||||
transition: height .25s ease;
|
||||
}
|
||||
|
||||
&:after{
|
||||
width: 0;
|
||||
height: 2px;
|
||||
-webkit-transition: width .25s ease;
|
||||
-moz-transition: width .25s ease;
|
||||
-ms-transition: width .25s ease;
|
||||
-o-transition: width .25s ease;
|
||||
transition: width .25s ease;
|
||||
}
|
||||
|
||||
&:hover:before{
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
&:hover:after{
|
||||
width: 40px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.blog-grid-image-over{
|
||||
background-color: rgba(0, 0, 0, 0.6);
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 2;
|
||||
.transition(opacity);
|
||||
|
||||
.blog-grid-image:hover &{
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.blog-grid-title{
|
||||
margin-bottom: 10px;
|
||||
.fz(21);
|
||||
line-height: 1.4;
|
||||
|
||||
a{
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
.blog-grid-excerpt{
|
||||
.fz(15);
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.blog-grid-meta{
|
||||
margin-bottom: 10px;
|
||||
font-size: 13px;
|
||||
color: @color_grey;
|
||||
font-weight: @font_light;
|
||||
line-height: 1.4;
|
||||
position: relative;
|
||||
|
||||
&:after{
|
||||
clear: both;
|
||||
display: block;
|
||||
content: '';
|
||||
}
|
||||
}
|
||||
|
||||
.blog-grid-date{
|
||||
|
||||
}
|
||||
|
||||
.blog-grid-author{
|
||||
display: block;
|
||||
}
|
||||
@@ -0,0 +1,59 @@
|
||||
.book-grid{
|
||||
|
||||
}
|
||||
|
||||
.book-grid-item{
|
||||
margin-bottom: 30px;
|
||||
|
||||
&:after{
|
||||
display: block;
|
||||
clear: both;
|
||||
content: '';
|
||||
}
|
||||
}
|
||||
|
||||
.book-grid-cover{
|
||||
max-width: 40%;
|
||||
float: left;
|
||||
margin-right: 30px;
|
||||
}
|
||||
|
||||
.book-grid-meta{
|
||||
float: left;
|
||||
max-width: 50%;
|
||||
}
|
||||
|
||||
.book-grid-title{
|
||||
.fz(20);
|
||||
line-height: 1.2;
|
||||
|
||||
a{
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
.book-grid-details{
|
||||
.fz(16);
|
||||
border-bottom: 1px solid lighten(@color_grey-light, 5%);
|
||||
line-height: 2.8;
|
||||
margin: 0;
|
||||
|
||||
&:last-child{
|
||||
border: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.media-mixin(@break) when (@break = @break-small-x) {
|
||||
.book-grid-item { text-align: center; }
|
||||
.book-grid-cover {
|
||||
float: none;
|
||||
margin-right: 0;
|
||||
margin-bottom: 15px;
|
||||
max-width: none;
|
||||
}
|
||||
.book-grid-meta{
|
||||
float: none;
|
||||
max-width: 80%;
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
63
application/view/mockup/template/less/modules/_book.less
Normal file
63
application/view/mockup/template/less/modules/_book.less
Normal file
@@ -0,0 +1,63 @@
|
||||
.book{
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.book-image{
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.book-title{
|
||||
.fz(44);
|
||||
margin-top: 60px;
|
||||
}
|
||||
|
||||
.book-description{
|
||||
.fz(20);
|
||||
color: @color_grey-dark;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.book-download-list{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.book-download-item{
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
margin-right: 10px;
|
||||
margin-bottom: 10px;
|
||||
|
||||
a{
|
||||
padding: 10px 20px;
|
||||
background-color: @color_green;
|
||||
color: white;
|
||||
display: block;
|
||||
line-height: 1.4;
|
||||
border-radius: 3px;
|
||||
font-weight: @font_light;
|
||||
.transition-color-background();
|
||||
|
||||
i{
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
&:hover{
|
||||
text-decoration: none;
|
||||
background-color: darken(@color_green, 5%)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.media-mixin(@break) when (@break = @break-small) {
|
||||
.book-title{ .fz(35); margin-top: 48px; }
|
||||
.book-description{ .fz(16); margin-bottom: 24px; }
|
||||
}
|
||||
|
||||
.media-mixin(@break) when (@break = @break-small-x) {
|
||||
.book-title{ .fz(28); margin-top: 38px; }
|
||||
.book-description{ .fz(13); margin-bottom: 19px; }
|
||||
}
|
||||
82
application/view/mockup/template/less/modules/_box.less
Normal file
82
application/view/mockup/template/less/modules/_box.less
Normal file
@@ -0,0 +1,82 @@
|
||||
.box{
|
||||
margin-bottom: 30px;
|
||||
position: relative;
|
||||
|
||||
&.box-small-icon{
|
||||
padding-left: 40px;
|
||||
|
||||
.box-title{
|
||||
.fz(25);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.box-small-icon-alt{
|
||||
padding-left: 150px;
|
||||
padding-right: 60px;
|
||||
padding-top: 20px;
|
||||
|
||||
.box-title{
|
||||
.fz(25);
|
||||
}
|
||||
|
||||
.box-icon{
|
||||
position: absolute;
|
||||
left: 40px;
|
||||
top: 1px;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
border: 1px solid @color_grey-light;
|
||||
border-radius: 50%;
|
||||
text-align: center;
|
||||
font-size: 32px;
|
||||
line-height: 80px;
|
||||
}
|
||||
}
|
||||
|
||||
.box-icon{
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 1px;
|
||||
width: 22px;
|
||||
}
|
||||
|
||||
.box-icon-large{
|
||||
color: @color_blue;
|
||||
.fz(40);
|
||||
margin-bottom: 20px;
|
||||
width: 75px;
|
||||
height: 75px;
|
||||
line-height: 75px;
|
||||
border-radius: 50%;
|
||||
background-color: @color_grey-lighter;
|
||||
}
|
||||
|
||||
.box-title{
|
||||
.fz(35);
|
||||
font-weight: @font_light;
|
||||
|
||||
.box-image &{
|
||||
.fz(25);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.box-description{
|
||||
.fz(16);
|
||||
font-weight: @font_light;
|
||||
line-height: 1.5;
|
||||
color: @color_grey-dark;
|
||||
}
|
||||
|
||||
.media-mixin(@break) when (@break = @break-small-x) {
|
||||
.box-small-icon-alt{
|
||||
padding: 100px 0 0 0;
|
||||
text-align: center;
|
||||
|
||||
.box-icon{
|
||||
left: 50%;
|
||||
margin-left: -40px;
|
||||
}
|
||||
}
|
||||
}
|
||||
59
application/view/mockup/template/less/modules/_brands.less
Normal file
59
application/view/mockup/template/less/modules/_brands.less
Normal file
@@ -0,0 +1,59 @@
|
||||
.brands{
|
||||
margin: 0 0 30px 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
|
||||
&:after{
|
||||
display: block;
|
||||
clear: both;
|
||||
content: '';
|
||||
}
|
||||
}
|
||||
|
||||
.brand-item{
|
||||
float: left;
|
||||
width: 16.6666666667%;
|
||||
padding: 0 10px;
|
||||
line-height: 0;
|
||||
margin-bottom: 15px;
|
||||
|
||||
&:nth-of-type(6n+1){
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
|
||||
.brand-item-image{
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.media-mixin(@break) when (@break = @break-small) {
|
||||
.brand-item{
|
||||
width: 25%;
|
||||
|
||||
&:nth-of-type(6n+1){
|
||||
clear: none;
|
||||
}
|
||||
|
||||
&:nth-of-type(4n+1){
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.media-mixin(@break) when (@break = @break-small-x) {
|
||||
.brand-item{
|
||||
width: 50%;
|
||||
|
||||
&:nth-of-type(6n+1){
|
||||
clear: none;
|
||||
}
|
||||
|
||||
&:nth-of-type(4n+1){
|
||||
clear: none;
|
||||
}
|
||||
|
||||
&:nth-of-type(2n+1){
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
}
|
||||
76
application/view/mockup/template/less/modules/_browser.less
Normal file
76
application/view/mockup/template/less/modules/_browser.less
Normal file
@@ -0,0 +1,76 @@
|
||||
.header-browser{
|
||||
max-width: 970px;
|
||||
margin: 110px auto -200px;
|
||||
-webkit-box-shadow: 0px 0px 9px 1px rgba(0,0,0,.13);
|
||||
box-shadow: 0px 0px 9px 1px rgba(0,0,0,.13);
|
||||
border-radius: 3px;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
|
||||
.header-browser-header{
|
||||
background-color: #e8e8e8;
|
||||
height: 35px;
|
||||
border-bottom: 1px solid #dadada;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
}
|
||||
.header-browser-dots{
|
||||
position: absolute;
|
||||
left: 10px;
|
||||
top: 14px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
line-height: 7px;
|
||||
|
||||
li{
|
||||
width: 8px;
|
||||
height: 7px;
|
||||
border-radius: 50%;
|
||||
background-color: lighten(@color_grey-dark, 20%);
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
}
|
||||
}
|
||||
|
||||
.header-browser-menu{
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 11px;
|
||||
|
||||
i{
|
||||
font-size: 15px;
|
||||
color: lighten(@color_grey-dark, 20%);
|
||||
}
|
||||
}
|
||||
|
||||
.header-browser-content{
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.header-browser-img{
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.media-mixin(@break) when (@break = @break-small) {
|
||||
.header-back-web, .header-back-mac{
|
||||
padding: 130px 0 0;
|
||||
}
|
||||
}
|
||||
.media-mixin(@break) when (@break = @break-small-x) {
|
||||
.header-browser{
|
||||
display: none;
|
||||
}
|
||||
.header-back-web, .header-back-mac{
|
||||
padding: 110px 0 60px;
|
||||
}
|
||||
.header-back-web {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
}
|
||||
@@ -0,0 +1,45 @@
|
||||
// Browsers table
|
||||
.browsers-table{
|
||||
font-size: 18px;
|
||||
font-weight: @font_light;
|
||||
margin-bottom: 30px;
|
||||
width: 100%;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.browsers-table-row{
|
||||
border-bottom: 1px solid @color_grey-light;
|
||||
|
||||
&:last-child{
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
td{
|
||||
padding: 20px 0px;
|
||||
}
|
||||
}
|
||||
|
||||
.browsers-table-icon{
|
||||
margin-right: 15px;
|
||||
font-size: 26px;
|
||||
color: @color_grey-dark;
|
||||
}
|
||||
|
||||
.browsers-table-comment{ text-align: center; }
|
||||
.browsers-table-recommended{ color: @color_green; }
|
||||
.browsers-table-partial{ color: @color_orange; }
|
||||
|
||||
@media all and (max-width: @break-small-x){
|
||||
.browsers-table-comment{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.browsers-table td{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.browsers-table-icon{
|
||||
display: block;
|
||||
margin: 0 0 10px 0;
|
||||
}
|
||||
}
|
||||
193
application/view/mockup/template/less/modules/_browsers.less
Normal file
193
application/view/mockup/template/less/modules/_browsers.less
Normal file
@@ -0,0 +1,193 @@
|
||||
.browsers{
|
||||
margin: 30px 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
|
||||
&.browsers-compact li{
|
||||
width: 18.4%;
|
||||
margin-right: 2%;
|
||||
border: none;
|
||||
|
||||
.browser-icon:before, .browser-icon:after{
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
&:after{
|
||||
clear: both;
|
||||
content: '';
|
||||
display: block;
|
||||
}
|
||||
|
||||
li{
|
||||
float: left;
|
||||
width: 15%;
|
||||
text-align: center;
|
||||
border: 1px solid @color_grey-light;
|
||||
margin-right: 6.25%;
|
||||
border-radius: 3px;
|
||||
position: relative;
|
||||
|
||||
&:after{
|
||||
content: "";
|
||||
display: block;
|
||||
padding-bottom: 100%;
|
||||
}
|
||||
|
||||
&:last-child{
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.browser-title{
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 30%;
|
||||
}
|
||||
|
||||
.browser-icon{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
top: 0;
|
||||
height: 70%;
|
||||
|
||||
svg{
|
||||
max-width: 50%;
|
||||
height: 50%;
|
||||
margin-top: 20%;
|
||||
}
|
||||
|
||||
// Regular state of before and after pseudo elements
|
||||
&:before, &:after{
|
||||
display: none;
|
||||
}
|
||||
|
||||
// Recommended and Partial before pseudo elements
|
||||
li.browser-recommended &:before, li.browser-partial &:before{
|
||||
position: absolute;
|
||||
display: none;
|
||||
top: -20px;
|
||||
left: 50%;
|
||||
margin-left: -20px;
|
||||
background-color: white;
|
||||
font-size: 17px;
|
||||
font-family: @icons;
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 38px;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
text-align: center;
|
||||
border: 1px solid;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
li.browser-recommended &:before{
|
||||
display: block;
|
||||
content: "\f005";
|
||||
background-color: white;
|
||||
color: @color_green;
|
||||
border-color: @color_green;
|
||||
}
|
||||
|
||||
li.browser-partial &:before{
|
||||
display: block;
|
||||
content: "\f12a";
|
||||
background-color: white;
|
||||
color: @color_orange;
|
||||
border-color: @color_orange;
|
||||
}
|
||||
|
||||
// Recommended after
|
||||
li.browser-recommended &:after, li.browser-partial &:after{
|
||||
display: none;
|
||||
}
|
||||
|
||||
// Hover state of before
|
||||
li:hover &:before, li:hover &:after{
|
||||
display: none;
|
||||
}
|
||||
|
||||
// Recommended before
|
||||
li.browser-recommended:hover &:before, li.browser-partial:hover &:before{
|
||||
width: 4px;
|
||||
height: 4px;
|
||||
border-radius: 0;
|
||||
display: block;
|
||||
position: absolute;
|
||||
content: '' !important;
|
||||
background-color: #fff;
|
||||
border: 0;
|
||||
border-right: 1px solid;
|
||||
border-bottom: 1px solid;
|
||||
.transform(rotate(45deg));
|
||||
top: -13px;
|
||||
left: 50%;
|
||||
margin-left: -2px;
|
||||
z-index: 3;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
li.browser-recommended:hover &:after, li.browser-partial:hover &:after{
|
||||
position: absolute;
|
||||
content: '';
|
||||
left: 0px;
|
||||
top: -41px;
|
||||
width: 100%;
|
||||
background-color: white;
|
||||
font-size: 12px;
|
||||
border-radius: 3px;
|
||||
line-height: 2.4;
|
||||
display: block;
|
||||
}
|
||||
|
||||
li.browser-recommended:hover &:after{
|
||||
color: @color_green;
|
||||
border: 1px solid @color_green;
|
||||
content: 'recommended';
|
||||
}
|
||||
|
||||
li.browser-partial:hover &:after{
|
||||
color: @color_orange;
|
||||
border: 1px solid @color_orange;
|
||||
content: 'partial support';
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.media-mixin(@break) when (@break = @break-small) {
|
||||
.browsers li, .browsers.browsers-compact li{
|
||||
width: 30%;
|
||||
margin-right: 5%;
|
||||
margin-bottom: 5%;
|
||||
|
||||
&:nth-child(3n){
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.media-mixin(@break) when (@break = @break-small-x) {
|
||||
.browser-icon{ margin-bottom: 10px; }
|
||||
.browser-title{ font-size: 14px; }
|
||||
.browsers li, .browsers.browsers-compact li{
|
||||
width: 45%;
|
||||
margin-right: 10%;
|
||||
margin-bottom: 10%;
|
||||
|
||||
&:nth-child(2n){
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
&:nth-child(3n){
|
||||
margin-right: 10%;
|
||||
}
|
||||
}
|
||||
}
|
||||
182
application/view/mockup/template/less/modules/_button.less
Normal file
182
application/view/mockup/template/less/modules/_button.less
Normal file
@@ -0,0 +1,182 @@
|
||||
.button{
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
text-decoration: none;
|
||||
.fz(16);
|
||||
font-weight: @font_light;
|
||||
color: @color_black;
|
||||
border: 1px solid @color_grey-light;
|
||||
white-space: nowrap;
|
||||
cursor: pointer;
|
||||
line-height: 1;
|
||||
padding: 12px 20px;
|
||||
border-radius: 3px;
|
||||
text-align: center;
|
||||
-o-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
user-select: none;
|
||||
position: relative;
|
||||
background-color: @color_grey-lighter;
|
||||
outline: none;
|
||||
.transition-color-background();
|
||||
|
||||
&.button-icon-right{
|
||||
i{
|
||||
margin-right: 0;
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
i{
|
||||
margin-right: 10px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
// State
|
||||
&:active{
|
||||
bottom: -1px;
|
||||
}
|
||||
|
||||
// Sizes
|
||||
&.large{
|
||||
.fz(18);
|
||||
padding: 18px 42px;
|
||||
border-radius: 5px;
|
||||
|
||||
&.button-icon{
|
||||
padding: 16px 42px 16px 22px;
|
||||
}
|
||||
|
||||
&.button-icon-right{
|
||||
padding: 16px 22px 16px 42px;
|
||||
}
|
||||
}
|
||||
|
||||
&.rounded{
|
||||
border-radius: 21px;
|
||||
|
||||
&.small{
|
||||
border-radius: 16px;
|
||||
}
|
||||
|
||||
&.large{
|
||||
border-radius: 27px;
|
||||
}
|
||||
}
|
||||
|
||||
&.small{
|
||||
.fz(14);
|
||||
padding: 8px 16px;
|
||||
}
|
||||
|
||||
&.full{
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
// Colors
|
||||
&.green, &.blue, &.blue-light, &.purple, &.orange, &.red{
|
||||
color: white;
|
||||
border: 1px solid rgba(0,0,0,.2);
|
||||
}
|
||||
|
||||
&.green {
|
||||
background-color: @color_green;
|
||||
&:hover{ background-color: darken(@color_green, 5%);}
|
||||
}
|
||||
&.blue {
|
||||
background-color: @color_blue;
|
||||
&:hover{ background-color: darken( @color_blue, 5%);}
|
||||
}
|
||||
&.blue-light{
|
||||
background-color: @color_blue-light;
|
||||
&:hover{ background-color: darken( @color_blue-light, 5%);}
|
||||
}
|
||||
&.purple {
|
||||
background-color: @color_purple;
|
||||
&:hover{ background-color: darken( @color_purple, 5%);}
|
||||
}
|
||||
&.orange {
|
||||
background-color: @color_orange;
|
||||
&:hover{ background-color: darken( @color_orange, 5%);}
|
||||
}
|
||||
&.red {
|
||||
background-color: @color_red;
|
||||
&:hover{ background-color: darken( @color_red, 5%);}
|
||||
}
|
||||
|
||||
&.stroke{
|
||||
background-color: transparent;
|
||||
&.green {
|
||||
color: @color_green;
|
||||
border-color: @color_green;
|
||||
}
|
||||
&.blue {
|
||||
color: @color_blue;
|
||||
border-color: @color_blue;
|
||||
}
|
||||
&.blue-light {
|
||||
color: @color_blue-light;
|
||||
border-color: @color_blue-light;
|
||||
}
|
||||
&.purple {
|
||||
color: @color_purple;
|
||||
border-color: @color_purple;
|
||||
}
|
||||
&.orange {
|
||||
color: @color_orange;
|
||||
border-color: @color_orange;
|
||||
}
|
||||
&.red {
|
||||
color: @color_red;
|
||||
border-color: @color_red;
|
||||
}
|
||||
|
||||
&.white{
|
||||
color: white;
|
||||
border-color: white;
|
||||
}
|
||||
|
||||
&.black{
|
||||
color: @color_black;
|
||||
border-color: @color_black;
|
||||
}
|
||||
|
||||
&.green:hover, &.blue:hover, &.blue-light:hover, &.purple:hover, &.orange:hover, &.red:hover{
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover{
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
.button-list{
|
||||
.button{
|
||||
margin-right: 10px;
|
||||
margin-bottom: 10px;
|
||||
|
||||
&:last-child{
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.media-mixin(@break) when (@break = @break-small-x) {
|
||||
.button.large{
|
||||
padding: 13px 32px;
|
||||
font-size: 14px;
|
||||
|
||||
&.button-icon{
|
||||
padding: 11px 37px 11px 17px;
|
||||
}
|
||||
&.button-right{
|
||||
padding: 11px 17px 11px 37px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,53 @@
|
||||
.call-to-action{
|
||||
padding: 80px 0;
|
||||
// background-position: bottom;
|
||||
background-size: cover;
|
||||
background-image: url('../img/backgrounds/7.jpg');
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.call-to-action-title{
|
||||
.fz(52);
|
||||
font-weight: @font_thin;
|
||||
color: darken(@color_black, 10%);
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.call-to-action-description{
|
||||
.fz(20);
|
||||
color: @color_grey-dark;
|
||||
padding-left: 10%;
|
||||
padding-right: 10%;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
.call-to-action-button{
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
background-color: @color_blue;
|
||||
border: 1px solid rgba(0, 0, 0, 0.1);
|
||||
color: white;
|
||||
padding: 0 30px;
|
||||
border-radius: 25px;
|
||||
line-height: 50px;
|
||||
font-weight: @font_normal;
|
||||
font-size: 14px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 2px;
|
||||
|
||||
&:hover{
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
.media-mixin(@break) when (@break = @break-small-x) {
|
||||
.all-to-action-title{
|
||||
.fz(38);
|
||||
}
|
||||
|
||||
.call-to-action-description{
|
||||
.fz(17);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,223 @@
|
||||
.category-info{
|
||||
padding: 60px 0 20px 0;
|
||||
}
|
||||
|
||||
.category-title{
|
||||
.fz(45);
|
||||
position: relative;
|
||||
font-weight: @font_light;
|
||||
padding-right: 60px;
|
||||
}
|
||||
|
||||
.category-description{
|
||||
.fz(22);
|
||||
line-height: 1.5;
|
||||
margin-bottom: 20px;
|
||||
font-weight: @font_light;
|
||||
color: @color_grey-dark;
|
||||
}
|
||||
|
||||
.category-content{
|
||||
color: darken(@color_grey-dark, 10%);
|
||||
}
|
||||
|
||||
.fragment-identifier{
|
||||
color: @color_grey-light;
|
||||
display: block;
|
||||
font-size: 19px;
|
||||
border: 1px solid @color_grey-light;
|
||||
width: 45px;
|
||||
height: 45px;
|
||||
text-align: center;
|
||||
line-height: 45px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
border-radius: 3px;
|
||||
top: 0;
|
||||
outline: none;
|
||||
.transition-custom(color .3s ease, border-color .3s ease);
|
||||
|
||||
&:hover{
|
||||
text-decoration: none;
|
||||
border: 1px solid @color_grey;
|
||||
color: @color_grey;
|
||||
|
||||
&:after, &:before{
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
&.fragment-identifier-copied{
|
||||
|
||||
&:after{
|
||||
content: 'copied';
|
||||
color: @color_green;
|
||||
border-color: @color_green;
|
||||
width: 70px;
|
||||
margin-left: -35px;
|
||||
}
|
||||
|
||||
&:before{
|
||||
border-color: @color_green;
|
||||
}
|
||||
}
|
||||
|
||||
&.fragment-identifier-error{
|
||||
|
||||
&:after{
|
||||
content: 'not supported :(';
|
||||
color: @color_orange;
|
||||
border-color: @color_orange;
|
||||
width: 110px;
|
||||
margin-left: -55px;
|
||||
}
|
||||
|
||||
&:before{
|
||||
border-color: @color_orange;
|
||||
}
|
||||
}
|
||||
|
||||
&:after{
|
||||
content: 'copy fragment identifier';
|
||||
display: block;
|
||||
position: absolute;
|
||||
font-size: 13px;
|
||||
width: 170px;
|
||||
left: 50%;
|
||||
margin-left: -85px;
|
||||
top: -43px;
|
||||
opacity: 0;
|
||||
line-height: 1;
|
||||
text-align: center;
|
||||
color: @color_grey-dark;
|
||||
border: 1px solid @color_grey-light;
|
||||
line-height: 31px;
|
||||
border-radius: 3px;
|
||||
.transition-custom(color .3s ease, border-color .3s ease, opacity .3s ease);
|
||||
background-color: white;
|
||||
z-index: 5;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
&:before{
|
||||
width: 4px;
|
||||
height: 4px;
|
||||
opacity: 0;
|
||||
display: block;
|
||||
position: absolute;
|
||||
content: '';
|
||||
border-right: 1px solid @color_grey;
|
||||
border-bottom: 1px solid @color_grey;
|
||||
background-color: white;
|
||||
.transform(rotate(45deg));
|
||||
.transition(opacity);
|
||||
top: -12px;
|
||||
left: 50%;
|
||||
margin-left: -2px;
|
||||
z-index: 10;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// Fix the horizontal scroll bar
|
||||
@media (min-width: 1200px) {
|
||||
.container-fluid .fragment-identifier:after{
|
||||
top: 5px;
|
||||
left: auto;
|
||||
right: 55px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.container-fluid .fragment-identifier:before{
|
||||
margin: 0;
|
||||
left: auto;
|
||||
right: 53px;
|
||||
top: 20px;
|
||||
.transform(rotate(-45deg));
|
||||
}
|
||||
}
|
||||
// End of fix the horizontal scrollbar
|
||||
|
||||
@media (max-width: 1300px) {
|
||||
.fragment-identifier{
|
||||
&:after{
|
||||
top: 5px;
|
||||
left: auto;
|
||||
right: 55px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
&:before{
|
||||
margin: 0;
|
||||
left: auto;
|
||||
right: 53px;
|
||||
top: 20px;
|
||||
.transform(rotate(-45deg));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.media-mixin(@break) when (@break = @break-small) {
|
||||
.category-info { padding: 48px 0 20px 0; }
|
||||
.category-title{ .fz(38); }
|
||||
.category-description{ .fz(17); }
|
||||
|
||||
.fragment-identifier{
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
font-size: 15px;
|
||||
top: 5px;
|
||||
|
||||
&:after{
|
||||
top: 1px;
|
||||
left: auto;
|
||||
right: 45px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
&:before{
|
||||
margin: 0;
|
||||
left: auto;
|
||||
right: 43px;
|
||||
top: 16px;
|
||||
.transform(rotate(-45deg));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.media-mixin(@break) when (@break = @break-small-x) {
|
||||
.category-info { padding: 38px 0 20px 0; }
|
||||
.category-title{ .fz(30); }
|
||||
.category-description{ .fz(14); }
|
||||
|
||||
.fragment-identifier{
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
line-height: 35px;
|
||||
font-size: 14px;
|
||||
top: -1px;
|
||||
line-height: 30px;
|
||||
// border: none;
|
||||
|
||||
&:after{
|
||||
top: 0px;
|
||||
left: auto;
|
||||
right: 38px;
|
||||
margin: 0;
|
||||
font-size: 12px;
|
||||
line-height: 28px;
|
||||
width: 150px;
|
||||
color: @color_black;
|
||||
}
|
||||
|
||||
&:before{
|
||||
margin: 0;
|
||||
left: auto;
|
||||
right: 36px;
|
||||
top: 13px;
|
||||
.transform(rotate(-45deg));
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,35 @@
|
||||
.category-list{
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.category-list-title{
|
||||
.fz(20);
|
||||
color: @color_black;
|
||||
line-height: 1.4;
|
||||
background-color: @color_grey-lighter;
|
||||
padding: 16px 30px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.category-list-content{
|
||||
padding: 20px 30px;
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
}
|
||||
.category-list-content-item{
|
||||
padding: 5px 0;
|
||||
position: relative;
|
||||
&:before{
|
||||
position: absolute;
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
background-color: @color_grey-light;
|
||||
content: '';
|
||||
display: block;
|
||||
left: -18px;
|
||||
top: 16px;
|
||||
}
|
||||
}
|
||||
.category-list-content-item-text{
|
||||
.fz(18);
|
||||
font-weight: @font_light;
|
||||
line-height: 1.2;
|
||||
}
|
||||
518
application/view/mockup/template/less/modules/_changelog.less
Normal file
518
application/view/mockup/template/less/modules/_changelog.less
Normal file
@@ -0,0 +1,518 @@
|
||||
.changelog-wrapper{
|
||||
width: 700px;
|
||||
max-width: 100%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.changelog-state-new { color: #98C74E; }
|
||||
.changelog-state-updated { color: #ff4f26; }
|
||||
.changelog-state-removed { color: red; }
|
||||
|
||||
.changelog-filters{
|
||||
|
||||
background-color: lighten(@color_grey-lighter, 2%);
|
||||
padding: 20px 0 17px 20px;
|
||||
text-align: left;
|
||||
font-weight: @font_light;
|
||||
border: 1px solid @color_grey-light;
|
||||
position: relative;
|
||||
top: 1px;
|
||||
border-radius: 3px 3px 0 0;
|
||||
|
||||
.changelog-link{
|
||||
height: 30px;
|
||||
bottom: -30px;
|
||||
background-color: #F2F2F2;
|
||||
}
|
||||
|
||||
label{
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
zoom: 1; /* Fix for IE7 */
|
||||
*display: inline; /* Fix for IE7 */
|
||||
padding: 5px 10px;
|
||||
cursor: pointer;
|
||||
border-radius: 3px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
input{
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.changelog-checkbox {
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.changelog-checkbox, .changelog-checkbox-label {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.changelog-checkbox-label {
|
||||
position: relative;
|
||||
color: darken(@color_grey-dark, 10%);
|
||||
}
|
||||
|
||||
.changelog-checkbox + .changelog-checkbox-label:before {
|
||||
content: '';
|
||||
background: #fff;
|
||||
border: 1px solid @color_grey-light;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
padding: 2px;
|
||||
margin-right: 13px;
|
||||
text-align: center;
|
||||
margin-top: -4px;
|
||||
}
|
||||
|
||||
.changelog-checkbox:checked + .changelog-checkbox-label:before {
|
||||
content: "\f00c";
|
||||
font-family: @icons;
|
||||
background: #98C74E;
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
line-height: 14px;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
.changelog-item{
|
||||
border: 1px solid @color_grey-light;
|
||||
padding: 30px 40px;
|
||||
margin-bottom: 100px;
|
||||
position: relative;
|
||||
border-radius: 3px;
|
||||
|
||||
&.changelog-view-files{
|
||||
.changelog-update-descriptions{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.changelog-files-changed{
|
||||
display: block;
|
||||
}
|
||||
|
||||
.changelog-switch:before{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.changelog-switch:after{
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
&:before, &:after{
|
||||
display: block;
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 9px;
|
||||
height: 9px;
|
||||
border: 1px solid @color_grey-light;
|
||||
border-radius: 50%;
|
||||
left: 50%;
|
||||
background-color: white;
|
||||
margin-left: -4px;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
&:first-child{
|
||||
border-radius: 0 0 3px 3px;
|
||||
}
|
||||
|
||||
&:first-child:before, &:last-child:after, &:last-child .changelog-link{
|
||||
display: none;
|
||||
}
|
||||
|
||||
&:after{
|
||||
bottom: -4px;
|
||||
}
|
||||
|
||||
&:before{
|
||||
top: -4px;
|
||||
}
|
||||
}
|
||||
|
||||
.changelog-link{
|
||||
position: absolute;
|
||||
bottom: -101px;
|
||||
left: 50%;
|
||||
width: 1px;
|
||||
height: 100px;
|
||||
background-color: @color_grey-light;
|
||||
}
|
||||
|
||||
.changelog-header{
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.changelog-version{
|
||||
margin: 0;
|
||||
|
||||
a{
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover:after{
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
&:after{
|
||||
content: '\f0c1';
|
||||
.transition(opacity);
|
||||
font-family: @icons;
|
||||
font-size: 18px;
|
||||
vertical-align: 1px;
|
||||
color: @color_grey-dark;
|
||||
margin-left: 10px;
|
||||
opacity: 0.4;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.changelog-date{
|
||||
margin: 5px 0 0 0;
|
||||
.fz(14);
|
||||
color: @color_grey-dark;
|
||||
}
|
||||
|
||||
.changelog-switch{
|
||||
position: absolute;
|
||||
top: 7px;
|
||||
right: 0;
|
||||
font-size: 15px;
|
||||
color: @color_grey-dark;
|
||||
font-weight: 300;
|
||||
border: 1px solid #C5C5C5;
|
||||
display: block;
|
||||
padding: 10px 15px;
|
||||
border-radius: 20px;
|
||||
cursor: pointer;
|
||||
width: 190px;
|
||||
text-align: center;
|
||||
|
||||
&:before{
|
||||
content: 'veiw updated files';
|
||||
display: block;
|
||||
}
|
||||
|
||||
&:after{
|
||||
content: 'view updated features';
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.changelog-update-description{
|
||||
line-height: 25px;
|
||||
position: relative;
|
||||
padding-left: 115px;
|
||||
margin-top: 20px;
|
||||
border-top: 1px solid @color_grey-light;
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.changelog-files-changed{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.changelog-update-description.changelog-improvement .changelog-type{
|
||||
background-color: #4AA3BA;
|
||||
}
|
||||
|
||||
.changelog-update-description.changelog-bug-fix .changelog-type{
|
||||
background-color: #DA5C53;
|
||||
}
|
||||
|
||||
.changelog-type{
|
||||
background-color: #98C74E;
|
||||
color: white;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
zoom: 1; /* Fix for IE7 */
|
||||
*display: inline; /* Fix for IE7 */
|
||||
padding: 0 10px;
|
||||
margin-right: 5px;
|
||||
border-radius: 3px;
|
||||
font-size: 12px;
|
||||
border:1px solid rgba(0, 0, 0, 0.1);
|
||||
min-width: 100px;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 19px;
|
||||
}
|
||||
|
||||
.changelog-files-changed-toolbar{
|
||||
background-color: @color_grey-lighter;
|
||||
margin: 30px 0 35px 0;
|
||||
z-index: 2;
|
||||
border: 1px solid @color_grey-light;
|
||||
border-radius: 3px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.changelog-files-changed-filters{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
text-align: center;
|
||||
color: darken(@color_grey-dark, 5%);
|
||||
position: relative;
|
||||
|
||||
li{
|
||||
float: left;
|
||||
width: 33.33%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&:after{
|
||||
display: block;
|
||||
clear: both;
|
||||
content: '';
|
||||
}
|
||||
}
|
||||
|
||||
.changelog-files-changed-filter{
|
||||
display: block;
|
||||
padding: 10px 15px;
|
||||
cursor: pointer;
|
||||
text-indent: -10px;
|
||||
.transition-custom(opacity 0.3s ease, background-color 0.3s ease);
|
||||
|
||||
&.inactive{
|
||||
opacity: 0.4;
|
||||
|
||||
i{
|
||||
color: @color_grey-dark;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover{
|
||||
background-color: darken(@color_grey-lighter, 5%);
|
||||
}
|
||||
|
||||
i{
|
||||
vertical-align: middle;
|
||||
margin-right: 8px;
|
||||
.transition(color);
|
||||
}
|
||||
}
|
||||
|
||||
.changelog-file-changed{
|
||||
padding-bottom: 20px;
|
||||
border-top: 1px solid #cbd3dd;
|
||||
padding-top: 20px;
|
||||
line-height: 25px;
|
||||
font-weight: @font_light;
|
||||
position: relative;
|
||||
|
||||
&:before{
|
||||
content: '\f016';
|
||||
font-family: @icons;
|
||||
color: #98C74E;
|
||||
margin-right: 6px;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
&:after{
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
display: block;
|
||||
content: ' ';
|
||||
right: 0px;
|
||||
top: 20px;
|
||||
background-color: white;
|
||||
font-size: 14px;
|
||||
padding: 0px 5px;
|
||||
width: 70px;
|
||||
text-align: center;
|
||||
border-radius: 3px;
|
||||
-webkit-transition: opacity .25s ease;
|
||||
-moz-transition: opacity .25s ease;
|
||||
-ms-transition: opacity .25s ease;
|
||||
-o-transition: opacity .25s ease;
|
||||
transition: opacity .25s ease;
|
||||
}
|
||||
|
||||
&.changelog-file-updated{
|
||||
&:before{
|
||||
content: '\f021';
|
||||
color: #ff4f26;
|
||||
}
|
||||
|
||||
&:hover:after{
|
||||
opacity: 1;
|
||||
color: #ff4f26;
|
||||
border: 1px solid #ff4f26;
|
||||
content: 'updated';
|
||||
}
|
||||
}
|
||||
|
||||
&.changelog-file-new{
|
||||
&:before{
|
||||
content: '\f067'
|
||||
}
|
||||
|
||||
&:hover:after{
|
||||
opacity: 1;
|
||||
color: #98C74E;
|
||||
border: 1px solid #98C74E;
|
||||
content: 'new';
|
||||
}
|
||||
}
|
||||
|
||||
&.changelog-file-removed{
|
||||
&:before{
|
||||
content: '\f00d';
|
||||
color: red;
|
||||
}
|
||||
|
||||
&:hover:after{
|
||||
opacity: 1;
|
||||
color: red;
|
||||
border: 1px solid red;
|
||||
content: 'removed';
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
input.changelog-input{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.changelog-scroll-to{
|
||||
position: absolute;
|
||||
display: block;
|
||||
top: 0;
|
||||
line-height: 73px;
|
||||
height: 100%;
|
||||
padding: 0px 10px 0px 25px;
|
||||
right: 0;
|
||||
cursor: pointer;
|
||||
border-left: 1px solid lighten(@color_grey-light, 5%);
|
||||
.transition(background-color);
|
||||
color: darken(@color_grey-dark, 10%);
|
||||
|
||||
&:hover {
|
||||
|
||||
background-color: lighten(@color_grey-lighter, 2%);
|
||||
|
||||
.changelog-scroll-to-list{
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
i{
|
||||
font-size: 20px;
|
||||
vertical-align: middle;
|
||||
color: @color_black;
|
||||
}
|
||||
}
|
||||
|
||||
.changelog-scroll-to-list{
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
background-color: white;
|
||||
z-index: 5;
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
max-height: 225px;
|
||||
left: -1px;
|
||||
right: -1px;
|
||||
border: 1px solid @color_grey-light;
|
||||
text-align: center;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.changelog-scroll-to-list-item{
|
||||
border-bottom: 1px solid lighten(@color_grey-light, 10%);
|
||||
|
||||
&:last-child{
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
a{
|
||||
text-decoration: none;
|
||||
padding: 8px 15px;
|
||||
color: inherit;
|
||||
display: block;
|
||||
.transition(color);
|
||||
|
||||
&:hover{
|
||||
color: @color_blue;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.media-mixin(@break) when (@break = @break-small) {
|
||||
.changelog-filters{
|
||||
text-align: left;
|
||||
padding: 20px 0 17px 15px;
|
||||
}
|
||||
|
||||
.changelog-filters .changelog-checkbox-label{
|
||||
display: block;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.changelog-scroll-to{
|
||||
position: relative;
|
||||
|
||||
border: 1px solid @color_grey-light;
|
||||
margin: 15px 30px 15px 15px;
|
||||
line-height: 50px;
|
||||
padding: 0 15px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.changelog-scroll-to-list{
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
|
||||
.media-mixin(@break) when (@break = @break-small-x) {
|
||||
.changelog-update-description {
|
||||
position: relative;
|
||||
padding-left: 0px;
|
||||
padding-top: 55px;
|
||||
}
|
||||
|
||||
.changelog-type{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.changelog-switch{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.changelog-files-changed, .changelog-item.changelog-view-files .changelog-update-descriptions{
|
||||
display: block;
|
||||
}
|
||||
|
||||
.changelog-files-changed-toolbar:before{
|
||||
content: 'File filter';
|
||||
display: block;
|
||||
background-color: white;
|
||||
padding: 10px 15px;
|
||||
}
|
||||
|
||||
.changelog-files-changed-filters li{
|
||||
float: none;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
border-top: 1px solid @color_grey-light;
|
||||
}
|
||||
|
||||
.changelog-files-changed-filter{
|
||||
text-indent: 0;
|
||||
padding: 5px 15px;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,150 @@
|
||||
// Prism.js
|
||||
@import (less) '../libs/prism.css';
|
||||
|
||||
.code-highlight{
|
||||
position: relative;
|
||||
margin-bottom: 30px;
|
||||
|
||||
&.code-highlight-with-label:after{
|
||||
content: attr(data-label);
|
||||
position: absolute;
|
||||
display: block;
|
||||
top: 4px;
|
||||
right: 71px;
|
||||
.fz(14);
|
||||
color: @color_grey-dark;
|
||||
border-radius: 3px;
|
||||
font-weight: @font_light;
|
||||
padding: 0px 14px;
|
||||
line-height: 35px;
|
||||
height: 35px;
|
||||
background-color: #fdfdfd;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
:not(pre)>code[class*=language-], pre[class*=language-]{
|
||||
background-color: #fdfdfd;
|
||||
border: 1px solid lighten(@color_grey-light, 5%);
|
||||
}
|
||||
|
||||
.copy-code{
|
||||
.fz(14);
|
||||
cursor: pointer;
|
||||
top: 0;
|
||||
right: 0;
|
||||
font-weight: @font_light;
|
||||
position: absolute;
|
||||
border: 1px solid lighten(@color_grey-light, 5%);
|
||||
padding: 9px 10px;
|
||||
border-radius: 0 3px 0 3px;
|
||||
z-index: 2;
|
||||
color: darken(@color_grey-dark, 20%);
|
||||
background-color: @color_grey-lighter;
|
||||
-webkit-transition: color .25s ease;
|
||||
-moz-transition: color .25s ease;
|
||||
-ms-transition: color .25s ease;
|
||||
-o-transition: color .25s ease;
|
||||
transition: color .25s ease;
|
||||
|
||||
&:before{
|
||||
content: '\e665';
|
||||
font-family: @icons-stroke;
|
||||
font-size: 16px;
|
||||
vertical-align: middle;
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
&.copy-code-error, &.copy-code-error:hover{
|
||||
color: @color_orange;
|
||||
}
|
||||
|
||||
&:hover{
|
||||
color: @color_green;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.code-highlight-attached{
|
||||
margin-bottom: 30px;
|
||||
|
||||
.code-highlight{
|
||||
margin-bottom: 0;
|
||||
|
||||
&:first-child pre[class*=language-]{
|
||||
border-radius: 3px 3px 0 0;
|
||||
}
|
||||
|
||||
&:last-child pre[class*=language-]{
|
||||
border-radius: 0 0 3px 3px;
|
||||
border-bottom: 1px solid lighten(@color_grey-light, 7%);
|
||||
}
|
||||
|
||||
pre[class*=language-]{
|
||||
border-bottom: 0;
|
||||
margin: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.code-highlight-tabs.tabs{
|
||||
.content{
|
||||
padding: 0;
|
||||
border: none;
|
||||
}
|
||||
|
||||
&.code-highlight-tabs-center{
|
||||
.content{
|
||||
padding: 35px 0;
|
||||
}
|
||||
|
||||
pre{
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.steps {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
|
||||
li{
|
||||
border: 1px solid transparent;
|
||||
|
||||
a{
|
||||
display: block;
|
||||
padding: 5px 15px;
|
||||
}
|
||||
}
|
||||
|
||||
li.current{
|
||||
border: 1px solid @color_grey-light;
|
||||
background-color: @color_grey-lighter;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.steps ul>li{
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
|
||||
& a{
|
||||
color: @color_grey-dark;
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
&.current a{
|
||||
color: @color_blue;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.media-mixin(@break) when (@break = @break-small-x) {
|
||||
.code-highlight{
|
||||
.fz(14);
|
||||
}
|
||||
|
||||
.code-highlight-tabs.tabs .steps ul>li{
|
||||
width: auto;
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,22 @@
|
||||
.column-fill{
|
||||
background-color: @color_grey-light;
|
||||
border-radius: 3px;
|
||||
height: 40px;
|
||||
line-height: 38px;
|
||||
border: 1px solid @color_grey-lighter;
|
||||
cursor: default;
|
||||
-webkit-transition: color .25s ease, background-color .25s ease;
|
||||
-moz-transition: color .25s ease, background-color .25s ease;
|
||||
-ms-transition: color .25s ease, background-color .25s ease;
|
||||
-o-transition: color .25s ease, background-color .25s ease;
|
||||
transition: color .25s ease, background-color .25s ease;
|
||||
|
||||
&:hover{
|
||||
color: white;
|
||||
background-color: @color_grey-dark;
|
||||
}
|
||||
}
|
||||
|
||||
.row-fill{
|
||||
margin: 0 0 30px 0;
|
||||
}
|
||||
@@ -0,0 +1,27 @@
|
||||
.contacts-info{
|
||||
padding: 60px;
|
||||
background-color: @color_grey-lighter;
|
||||
}
|
||||
|
||||
.contacts-info-title{
|
||||
text-transform: uppercase;
|
||||
.fz(15);
|
||||
color: @color_grey-dark;
|
||||
font-weight: @font_normal;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.contacts-info-description{
|
||||
.fz(13);
|
||||
color: @color_grey;
|
||||
margin: 0 0 5px 0;
|
||||
}
|
||||
|
||||
.contacts-info-data{
|
||||
margin-bottom: 20px;
|
||||
.fz(13);
|
||||
}
|
||||
|
||||
.media-mixin(@break) when (@break = @break-small-x) {
|
||||
.contacts-info { padding: 30px; }
|
||||
}
|
||||
94
application/view/mockup/template/less/modules/_contacts.less
Normal file
94
application/view/mockup/template/less/modules/_contacts.less
Normal file
@@ -0,0 +1,94 @@
|
||||
.contacts{
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.contacts-inputs{
|
||||
padding: 0 0 15px 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.contacts-item{
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.contacts-title{
|
||||
.fz(32);
|
||||
margin-bottom: 40px;
|
||||
color: @color_blue;
|
||||
}
|
||||
|
||||
.contacts-label{
|
||||
.fz(14);
|
||||
display: block;
|
||||
text-transform: uppercase;
|
||||
font-weight: @font_normal;
|
||||
color: @color_grey-dark;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.contacts-radio, .contacts-checkbox{
|
||||
font-size: 18px;
|
||||
line-height: 20px;
|
||||
font-weight: @font_light;
|
||||
padding-left: 22px;
|
||||
}
|
||||
|
||||
.contacts-input{
|
||||
font-size: 20px;
|
||||
padding-bottom: 10px;
|
||||
border-top: 0;
|
||||
border-left: 0;
|
||||
border-right: 0;
|
||||
box-shadow: none;
|
||||
padding-left: 0;
|
||||
padding-top: 0;
|
||||
line-height: 1;
|
||||
height: auto;
|
||||
border-radius: 0;
|
||||
box-shadow: none !important;
|
||||
|
||||
&:focus{
|
||||
border-color: @color_green;
|
||||
}
|
||||
|
||||
&:-webkit-autofill,
|
||||
&:-webkit-autofill:hover,
|
||||
&:-webkit-autofill:focus,
|
||||
&:-webkit-autofill:active {
|
||||
transition: background-color 5000s ease-in-out 0s;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
textarea.contacts-input{
|
||||
height: 142px;
|
||||
}
|
||||
|
||||
.contacts-success{
|
||||
display: none;
|
||||
position: fixed;
|
||||
background-color: white;
|
||||
.fz(20);
|
||||
font-weight: @font_light;
|
||||
border: 1px solid @color_green;
|
||||
padding: 30px 30px;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
z-index: 99;
|
||||
border-radius: 3px;
|
||||
line-height: 1.6;
|
||||
.transform(translateX(-50%) translateY(-50%));
|
||||
padding-left: 100px;
|
||||
|
||||
i{
|
||||
display: block;
|
||||
font-size: 45px;
|
||||
color: @color_green;
|
||||
position: absolute;
|
||||
left: 30px;
|
||||
top: 50%;
|
||||
margin-top: -22px;
|
||||
}
|
||||
}
|
||||
56
application/view/mockup/template/less/modules/_donate.less
Normal file
56
application/view/mockup/template/less/modules/_donate.less
Normal file
@@ -0,0 +1,56 @@
|
||||
.donate-money-list{
|
||||
position: relative;
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
&:after{
|
||||
display: block;
|
||||
content: '';
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
|
||||
.donate-money{
|
||||
float: left;
|
||||
margin-right: 40px;
|
||||
border: 1px solid @color_grey-light;
|
||||
border-radius: 3px;
|
||||
text-align: center;
|
||||
width: 140px;
|
||||
margin-bottom: 40px;
|
||||
|
||||
a{
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
.donate-summ{
|
||||
display: block;
|
||||
background-color: @color_grey-lighter;
|
||||
height: 100px;
|
||||
line-height: 100px;
|
||||
font-size: 54px;
|
||||
font-weight: 100;
|
||||
color: @color_black;
|
||||
|
||||
.currency{
|
||||
font-size: 31px;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.custom-plus{
|
||||
font-size: 35px;
|
||||
line-height: 1;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
|
||||
.donate-button{
|
||||
display: block;
|
||||
line-height: 37px;
|
||||
font-size: 15px;
|
||||
text-transform: uppercase;
|
||||
color: @color_blue;
|
||||
font-weight: 300;
|
||||
}
|
||||
@@ -0,0 +1,32 @@
|
||||
.faq-article{
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.faq-category-title{
|
||||
.fz(34);
|
||||
position: relative;
|
||||
padding: 20px 30px 20px 0;
|
||||
margin-bottom: 15px;
|
||||
border-bottom: 1px solid @color_grey-light;
|
||||
|
||||
&:before{
|
||||
content: attr(data-icon);
|
||||
color: @color_grey-dark;
|
||||
font-family: @icons-stroke;
|
||||
display: block;
|
||||
right: 0px;
|
||||
font-size: 30px;
|
||||
position: absolute;
|
||||
speak: none;
|
||||
top: 20px;
|
||||
line-height: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.faq-article-title{
|
||||
padding: 15px 0;
|
||||
color: @color_blue;
|
||||
line-height: 1.4;
|
||||
margin: 0;
|
||||
.fz(23);
|
||||
}
|
||||
@@ -0,0 +1,48 @@
|
||||
.faq-table-of-contents{
|
||||
border-radius: 3px;
|
||||
margin-bottom: 30px;
|
||||
border: 1px solid @color_grey-light;
|
||||
padding: 30px;
|
||||
background-color: @color_grey-lighter;
|
||||
position: relative;
|
||||
|
||||
&:before{
|
||||
content: attr(data-icon);
|
||||
color: @color_grey-dark;
|
||||
font-family: @icons-stroke;
|
||||
display: block;
|
||||
right: 30px;
|
||||
font-size: 35px;
|
||||
position: absolute;
|
||||
speak: none;
|
||||
top: 30px;
|
||||
line-height: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.faq-table-of-contents-title{
|
||||
.fz(22);
|
||||
line-height: 1.4;
|
||||
font-weight: @font_light;
|
||||
padding-right: 35px;
|
||||
}
|
||||
|
||||
.faq-table-of-contents-list{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
line-height: 2;
|
||||
font-weight: @font_light;
|
||||
}
|
||||
|
||||
.media-mixin(@break) when (@break = @break-small-x) {
|
||||
.faq-table-of-contents{
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.faq-table-of-contents:before{
|
||||
font-size: 25px;
|
||||
top: 20px;
|
||||
right: 20px;
|
||||
}
|
||||
}
|
||||
133
application/view/mockup/template/less/modules/_faq.less
Normal file
133
application/view/mockup/template/less/modules/_faq.less
Normal file
@@ -0,0 +1,133 @@
|
||||
// FAQ
|
||||
.faq{
|
||||
margin: 0 0 30px 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.faq-item{
|
||||
border-bottom: 1px solid @color_grey-light;
|
||||
margin-bottom: 20px;
|
||||
|
||||
&:last-child{
|
||||
border-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.faq-question{
|
||||
.fz(20);
|
||||
line-height: 1.4;
|
||||
padding: 10px 30px 10px 0;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
|
||||
&:before{
|
||||
display: block;
|
||||
content: '\f107';
|
||||
position: absolute;
|
||||
right: 0;
|
||||
margin-top: -16px;
|
||||
top: 50%;
|
||||
font-family: @icons;
|
||||
}
|
||||
|
||||
&.active:before{
|
||||
content: '\f106';
|
||||
}
|
||||
}
|
||||
|
||||
.faq-answer{
|
||||
padding: 0 0 30px 0;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.faq-keyword{
|
||||
color: @color_blue;
|
||||
}
|
||||
|
||||
.faq-filter{
|
||||
border-bottom: 1px solid @color_grey-light;
|
||||
margin-bottom: 12px;
|
||||
border-radius: 3px;
|
||||
position: relative;
|
||||
padding-left: 30px;
|
||||
|
||||
&:before{
|
||||
position: absolute;
|
||||
content: "\f002";
|
||||
display: block;
|
||||
font-family: @icons;
|
||||
left: 0px;
|
||||
top: 2px;
|
||||
color: #A9A9B1;
|
||||
font-size: 16px;
|
||||
line-height: 49px;
|
||||
padding: 0 1px;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
|
||||
input{
|
||||
width: 100%;
|
||||
border: none;
|
||||
display: block;
|
||||
line-height: 33px;
|
||||
padding: 10px 0;
|
||||
outline: none;
|
||||
font-weight: @font_light;
|
||||
.fz(20);
|
||||
|
||||
.placeholder({
|
||||
font-weight: @font_light;
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// FAQ-GRID
|
||||
.faq-grid{
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.faq-grid-question{
|
||||
margin-bottom: 15px;
|
||||
.fz(20);
|
||||
}
|
||||
|
||||
.faq-grid-answer{
|
||||
color: @color_grey-dark;
|
||||
line-height: 1.7;
|
||||
}
|
||||
|
||||
.faq-grid-show-more{
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
color: @color_blue;
|
||||
border: 1px solid @color_blue;
|
||||
padding: 0 20px;
|
||||
border-radius: 25px;
|
||||
line-height: 40px;
|
||||
font-weight: @font_normal;
|
||||
font-size: 12px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 2px;
|
||||
margin: 30px 0;
|
||||
|
||||
i{
|
||||
font-size: 14px;
|
||||
margin-left: 6px;
|
||||
margin-right: -2px;
|
||||
}
|
||||
|
||||
&:hover{
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
.media-mixin(@break) when (@break = @break-small) {
|
||||
.faq-grid{
|
||||
padding: 0 15px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,100 @@
|
||||
.featured-boxes{
|
||||
border: 1px solid #e9eaec;
|
||||
border-bottom: none;
|
||||
position: relative;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
margin-bottom: 100px;
|
||||
|
||||
&:after{
|
||||
display: block;
|
||||
content: '';
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
|
||||
.featured-boxes-item{
|
||||
float: left;
|
||||
border-right: 1px solid #e9eaec;
|
||||
border-bottom: 1px solid #e9eaec;
|
||||
width: 33.33%;
|
||||
display: block;
|
||||
padding: 70px 50px 55px;
|
||||
text-align: center;
|
||||
|
||||
|
||||
&:nth-child(3n+3){
|
||||
border-right: none;
|
||||
}
|
||||
}
|
||||
|
||||
.featured-boxes-item-ico{
|
||||
max-height: 150px;
|
||||
max-width: 100%;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.featured-boxes-item-pretitle{
|
||||
font-size: 18px;
|
||||
font-weight: @font_light;
|
||||
color: @color_grey-light;
|
||||
line-height: 23px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.featured-boxes-item-title{
|
||||
font-size: 24px;
|
||||
line-height: 32px;
|
||||
font-weight: @font_light;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.featured-boxes-item-description{
|
||||
font-size: 16px;
|
||||
color: lighten(@color_black, 30%);
|
||||
line-height: 24px;
|
||||
font-weight: @font_light;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.featured-boxes-item-button{
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
@media all and (max-width: @break-medium){
|
||||
.featured-boxes-item{
|
||||
padding: 50px 20px 50px;
|
||||
}
|
||||
|
||||
.featured-boxes-item-ico{
|
||||
max-height: 110px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media all and (max-width: @break-small){
|
||||
.featured-boxes{
|
||||
border: none;
|
||||
}
|
||||
|
||||
.featured-boxes-item-ico{
|
||||
max-height: 150px;
|
||||
}
|
||||
|
||||
.featured-boxes-item{
|
||||
float: none;
|
||||
border: 1px solid #e9eaec;
|
||||
width: 380px;
|
||||
max-width: 95%;
|
||||
margin: 0 auto 40px;
|
||||
|
||||
&:nth-child(3n+3){
|
||||
border-right: 1px solid #e9eaec;
|
||||
}
|
||||
|
||||
&:last-child{
|
||||
margin: 0 auto 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,29 @@
|
||||
.file-tree-text{
|
||||
list-style-type: none;
|
||||
font-size: 14px;
|
||||
padding: 25px 30px;
|
||||
margin: 0 0 30px 0;
|
||||
background-color: @color_grey-lighter;
|
||||
border-radius: 3px;
|
||||
border: 1px solid @color_grey-light;
|
||||
font-family: Menlo, Monaco, Consolas, 'Courier New', monos;
|
||||
overflow: auto;
|
||||
word-spacing: normal;
|
||||
word-break: normal;
|
||||
|
||||
white-space: nowrap;
|
||||
font-size: 14px;
|
||||
line-height: 1.6;
|
||||
|
||||
ul{
|
||||
list-style-type: none;
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.file-tree-text-comment{
|
||||
color: @color_grey-dark;
|
||||
}
|
||||
109
application/view/mockup/template/less/modules/_file-tree.less
Normal file
109
application/view/mockup/template/less/modules/_file-tree.less
Normal file
@@ -0,0 +1,109 @@
|
||||
.file-tree-title{
|
||||
background-color: @color_grey-lighter;
|
||||
margin: 0;
|
||||
padding: 15px 20px;
|
||||
border-top: 1px solid @color_grey-light;
|
||||
border-left: 1px solid @color_grey-light;
|
||||
border-right: 1px solid @color_grey-light;
|
||||
border-radius: 3px 3px 0 0;
|
||||
position: relative;
|
||||
padding-right: 300px;
|
||||
line-height: 1.4;
|
||||
|
||||
&:after{
|
||||
display: block;
|
||||
content: '';
|
||||
clear: both;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.file-tree-description{
|
||||
.fz(13);
|
||||
vertical-align: middle;
|
||||
color: @color_grey-dark;
|
||||
}
|
||||
|
||||
.file-tree-buttons{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 300px;
|
||||
padding: 0 20px;
|
||||
line-height: 1.4;
|
||||
text-align: right;
|
||||
.fz(14);
|
||||
|
||||
li{
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
cursor: pointer;
|
||||
padding: 15px 0;
|
||||
|
||||
&:first-child{
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
i{
|
||||
font-size: 12px;
|
||||
margin-right: 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.file-tree-list, .file-tree-list ul {
|
||||
list-style-type: none;
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.file-tree-list{
|
||||
.fz(16);
|
||||
border: 1px solid @color_grey-light;
|
||||
border-radius: 0 0 3px 3px;
|
||||
padding: 20px 25px 25px;
|
||||
font-weight: @font_light;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.file-tree-list ul {
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
.file-tree-list li{
|
||||
line-height: 1.8;
|
||||
&:before{
|
||||
font: normal normal normal 14px/1 @icons;
|
||||
margin-right: 8px;
|
||||
font-size: inherit;
|
||||
text-rendering: auto;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
transform: translate(0,0);
|
||||
display: inline-block;
|
||||
vertical-align: 0px;
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
webkit-backface-visibility: hidden;
|
||||
-webkit-transform: translateZ(0) scale(1.0, 1.0);
|
||||
}
|
||||
|
||||
&.is-folder:before{ width: 16px;content: "\f114"; color: @color_blue;}
|
||||
&.is-folder.items-expanded:before{ width: 16px;content: "\f115"; color: @color_blue;}
|
||||
&.is-file:before{ width: 16px;content: "\f016"; color: @color_green; font-size: 15px; text-indent: 1px; }
|
||||
}
|
||||
|
||||
.file-tree-list li.contains-items {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.file-tree-list li.items-expanded {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.media-mixin(@break) when (@break = @break-small-x) {
|
||||
.file-tree-title{ padding: 15px 0 15px 20px; }
|
||||
.file-tree-buttons{ display: none; }
|
||||
}
|
||||
234
application/view/mockup/template/less/modules/_footer.less
Normal file
234
application/view/mockup/template/less/modules/_footer.less
Normal file
@@ -0,0 +1,234 @@
|
||||
.footer{
|
||||
padding: 40px 0;
|
||||
background-color: @color_grey-lighter;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.footer-is-fixed{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.copyright{
|
||||
margin: 0;
|
||||
color: @color_grey-dark;
|
||||
.fz(12);
|
||||
|
||||
a{
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
.slogan{
|
||||
.fz(12);
|
||||
line-height: 1.1;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
margin: 0;
|
||||
color: @color_grey-dark;
|
||||
}
|
||||
|
||||
.footer-wrapper{
|
||||
position: relative;
|
||||
padding-right: 100px;
|
||||
}
|
||||
|
||||
.scroll-top{
|
||||
position: absolute;
|
||||
height: 40px;
|
||||
width: 40px;
|
||||
border-radius: 3px;
|
||||
border: 1px solid @color_grey-light;
|
||||
color: darken(@color_grey-dark, 10%);
|
||||
right: 0;
|
||||
top: 2px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
line-height: 38px;
|
||||
cursor: pointer;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.footer-menu{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
.fz(12);
|
||||
margin-bottom: 5px;
|
||||
font-weight: @font_light;
|
||||
|
||||
li{
|
||||
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
margin-right: 5px;
|
||||
padding-right: 5px;
|
||||
position: relative;
|
||||
|
||||
&:after{
|
||||
position: absolute;
|
||||
content: '';
|
||||
height: 9px;
|
||||
width: 1px;
|
||||
display: block;
|
||||
right: -2px;
|
||||
top: 7px;
|
||||
background-color: @color_grey-dark;
|
||||
}
|
||||
|
||||
&:last-child{
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
||||
&:after{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
a{
|
||||
color: @color_grey-dark;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// DOCS VERSION
|
||||
.docs-version{
|
||||
position: absolute;
|
||||
height: 40px;
|
||||
width: 40px;
|
||||
border-radius: 3px;
|
||||
border: 1px solid @color_grey-light;
|
||||
color: darken(@color_grey-dark, 10%);
|
||||
right: 45px;
|
||||
top: 2px;
|
||||
text-align: center;
|
||||
line-height: 38px;
|
||||
cursor: pointer;
|
||||
font-size: 12px;
|
||||
|
||||
ul{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
position: absolute;
|
||||
bottom: 45px;
|
||||
width: 40px;
|
||||
left: -1px;
|
||||
display: none;
|
||||
|
||||
&:after {
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
border-right: 1px solid @color_grey-light;
|
||||
border-bottom: 1px solid @color_grey-light;
|
||||
bottom: -3px;
|
||||
position: absolute;
|
||||
background-color: white;
|
||||
left: 17px;
|
||||
height: 5px;
|
||||
width: 5px;
|
||||
.transform(rotate(45deg));
|
||||
}
|
||||
|
||||
li{
|
||||
line-height: 38px;
|
||||
height: 40px;
|
||||
border-left: 1px solid @color_grey-light;
|
||||
border-top: 1px solid @color_grey-light;
|
||||
border-right: 1px solid @color_grey-light;
|
||||
background-color: white;
|
||||
|
||||
&:first-child{
|
||||
border-radius: 3px 3px 0 0;
|
||||
}
|
||||
|
||||
&:last-child{
|
||||
border-radius: 0 0 3px 3px;
|
||||
border-bottom: 1px solid @color_grey-light;
|
||||
}
|
||||
|
||||
a{
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.docs-current-version{
|
||||
display: block;
|
||||
}
|
||||
|
||||
// FOOTER EXTENDED
|
||||
.footer-extended{
|
||||
background-color: @color_grey-lighter;
|
||||
.fz(12);
|
||||
border-top: 1px solid lighten(@color_grey-light, 8%);
|
||||
}
|
||||
|
||||
.footer-extended-container{
|
||||
border-bottom: 1px solid lighten(@color_grey-light, 2%);
|
||||
padding: 40px 0;
|
||||
}
|
||||
|
||||
.footer-extended-menu-title{
|
||||
color: @color_blue;
|
||||
font-size: 15px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.footer-extended-menu-list{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
|
||||
li a{
|
||||
// color: @color_grey-dark;
|
||||
color: lighten(@color_black, 20%);
|
||||
line-height: 2;
|
||||
}
|
||||
}
|
||||
|
||||
.text-footer{
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.media-mixin(@break) when (@break = @break-small) {
|
||||
.footer-logo-wrapper{
|
||||
text-align: center;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
|
||||
.footer-menu, .copyright {
|
||||
text-align: center !important;
|
||||
}
|
||||
.footer-wrapper{
|
||||
padding-right: 0;
|
||||
padding-top: 70px;
|
||||
}
|
||||
|
||||
.docs-version{
|
||||
right: auto;
|
||||
left: 50%;
|
||||
margin-left: -50px;
|
||||
}
|
||||
|
||||
.scroll-top{
|
||||
right: auto;
|
||||
left: 50%;
|
||||
margin-left: 10px;
|
||||
}
|
||||
.footer-extended-menu{
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.footer-extended-container{
|
||||
padding: 40px 0 0;
|
||||
}
|
||||
}
|
||||
683
application/view/mockup/template/less/modules/_forms.less
Normal file
683
application/view/mockup/template/less/modules/_forms.less
Normal file
@@ -0,0 +1,683 @@
|
||||
hr {
|
||||
margin-top: 20px;
|
||||
margin-bottom: 20px;
|
||||
border: 0;
|
||||
border-top: 1px solid @color_grey-lighter;
|
||||
}
|
||||
.sr-only {
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
clip: rect(0, 0, 0, 0);
|
||||
border: 0;
|
||||
}
|
||||
.sr-only-focusable:active,
|
||||
.sr-only-focusable:focus {
|
||||
position: static;
|
||||
width: auto;
|
||||
height: auto;
|
||||
margin: 0;
|
||||
overflow: visible;
|
||||
clip: auto;
|
||||
}
|
||||
[role="button"] {
|
||||
cursor: pointer;
|
||||
}
|
||||
fieldset {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
min-width: 0;
|
||||
}
|
||||
legend {
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin-bottom: 20px;
|
||||
font-size: 21px;
|
||||
line-height: inherit;
|
||||
color: #333333;
|
||||
border: 0;
|
||||
border-bottom: 1px solid @color_grey-lighter;
|
||||
}
|
||||
label {
|
||||
display: inline-block;
|
||||
max-width: 100%;
|
||||
margin-bottom: 5px;
|
||||
font-weight: @font_light;
|
||||
}
|
||||
input[type="search"] {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
input[type="radio"],
|
||||
input[type="checkbox"] {
|
||||
margin: 4px 0 0;
|
||||
margin-top: 1px \9;
|
||||
line-height: normal;
|
||||
outline: none !important;
|
||||
}
|
||||
input[type="file"] {
|
||||
display: block;
|
||||
}
|
||||
input[type="range"] {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
select[multiple],
|
||||
select[size] {
|
||||
height: auto;
|
||||
}
|
||||
input[type="file"]:focus,
|
||||
input[type="radio"]:focus,
|
||||
input[type="checkbox"]:focus {
|
||||
outline: thin dotted;
|
||||
outline: 5px auto -webkit-focus-ring-color;
|
||||
outline-offset: -2px;
|
||||
}
|
||||
output {
|
||||
display: block;
|
||||
padding-top: 7px;
|
||||
font-size: 14px;
|
||||
line-height: 1.42857143;
|
||||
color: @color_grey-dark;
|
||||
}
|
||||
.form-control {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 34px;
|
||||
padding: 6px 12px;
|
||||
font-size: 14px;
|
||||
line-height: 1.42857143;
|
||||
color: #555555;
|
||||
background-color: #ffffff;
|
||||
background-image: none;
|
||||
border: 1px solid @color_grey-light;
|
||||
border-radius: 3px;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
|
||||
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
|
||||
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
|
||||
font-weight: @font_light;
|
||||
}
|
||||
.form-control:focus {
|
||||
outline: 0;
|
||||
}
|
||||
.form-control{
|
||||
.placeholder({
|
||||
color: #999999;
|
||||
opacity: 1;
|
||||
});
|
||||
}
|
||||
.form-control[disabled],
|
||||
.form-control[readonly],
|
||||
fieldset[disabled] .form-control {
|
||||
background-color: @color_grey-lighter;
|
||||
opacity: 1;
|
||||
}
|
||||
.form-control[disabled],
|
||||
fieldset[disabled] .form-control {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
textarea.form-control {
|
||||
height: auto;
|
||||
}
|
||||
input[type="search"] {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
@media screen and (-webkit-min-device-pixel-ratio: 0) {
|
||||
input[type="date"],
|
||||
input[type="time"],
|
||||
input[type="datetime-local"],
|
||||
input[type="month"] {
|
||||
line-height: 34px;
|
||||
}
|
||||
input[type="date"].input-sm,
|
||||
input[type="time"].input-sm,
|
||||
input[type="datetime-local"].input-sm,
|
||||
input[type="month"].input-sm,
|
||||
.input-group-sm input[type="date"],
|
||||
.input-group-sm input[type="time"],
|
||||
.input-group-sm input[type="datetime-local"],
|
||||
.input-group-sm input[type="month"] {
|
||||
line-height: 30px;
|
||||
}
|
||||
input[type="date"].input-lg,
|
||||
input[type="time"].input-lg,
|
||||
input[type="datetime-local"].input-lg,
|
||||
input[type="month"].input-lg,
|
||||
.input-group-lg input[type="date"],
|
||||
.input-group-lg input[type="time"],
|
||||
.input-group-lg input[type="datetime-local"],
|
||||
.input-group-lg input[type="month"] {
|
||||
line-height: 46px;
|
||||
}
|
||||
}
|
||||
.form-group {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.radio,
|
||||
.checkbox {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.radio label,
|
||||
.checkbox label {
|
||||
min-height: 20px;
|
||||
padding-left: 20px;
|
||||
margin-bottom: 0;
|
||||
font-weight: @font_light;
|
||||
cursor: pointer;
|
||||
}
|
||||
.radio input[type="radio"],
|
||||
.radio-inline input[type="radio"],
|
||||
.checkbox input[type="checkbox"],
|
||||
.checkbox-inline input[type="checkbox"] {
|
||||
position: absolute;
|
||||
margin-left: -20px;
|
||||
margin-top: 4px \9;
|
||||
}
|
||||
.radio + .radio,
|
||||
.checkbox + .checkbox {
|
||||
margin-top: -5px;
|
||||
}
|
||||
.radio-inline,
|
||||
.checkbox-inline {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
padding-left: 20px;
|
||||
margin-bottom: 0;
|
||||
vertical-align: middle;
|
||||
font-weight: normal;
|
||||
cursor: pointer;
|
||||
}
|
||||
.radio-inline + .radio-inline,
|
||||
.checkbox-inline + .checkbox-inline {
|
||||
margin-top: 0;
|
||||
margin-left: 10px;
|
||||
}
|
||||
input[type="radio"][disabled],
|
||||
input[type="checkbox"][disabled],
|
||||
input[type="radio"].disabled,
|
||||
input[type="checkbox"].disabled,
|
||||
fieldset[disabled] input[type="radio"],
|
||||
fieldset[disabled] input[type="checkbox"] {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.radio-inline.disabled,
|
||||
.checkbox-inline.disabled,
|
||||
fieldset[disabled] .radio-inline,
|
||||
fieldset[disabled] .checkbox-inline {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.radio.disabled label,
|
||||
.checkbox.disabled label,
|
||||
fieldset[disabled] .radio label,
|
||||
fieldset[disabled] .checkbox label {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.form-control-static {
|
||||
padding-top: 7px;
|
||||
padding-bottom: 7px;
|
||||
margin-bottom: 0;
|
||||
min-height: 34px;
|
||||
}
|
||||
.form-control-static.input-lg,
|
||||
.form-control-static.input-sm {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
.input-sm {
|
||||
height: 30px;
|
||||
padding: 5px 10px;
|
||||
font-size: 12px;
|
||||
line-height: 1.5;
|
||||
border-radius: 3px;
|
||||
}
|
||||
select.input-sm {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
}
|
||||
textarea.input-sm,
|
||||
select[multiple].input-sm {
|
||||
height: auto;
|
||||
}
|
||||
.form-group-sm .form-control {
|
||||
height: 30px;
|
||||
padding: 5px 10px;
|
||||
font-size: 12px;
|
||||
line-height: 1.5;
|
||||
border-radius: 3px;
|
||||
}
|
||||
select.form-group-sm .form-control {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
}
|
||||
textarea.form-group-sm .form-control,
|
||||
select[multiple].form-group-sm .form-control {
|
||||
height: auto;
|
||||
}
|
||||
.form-group-sm .form-control-static {
|
||||
height: 30px;
|
||||
padding: 5px 10px;
|
||||
font-size: 12px;
|
||||
line-height: 1.5;
|
||||
min-height: 32px;
|
||||
}
|
||||
.input-lg {
|
||||
height: 46px;
|
||||
padding: 10px 16px;
|
||||
font-size: 18px;
|
||||
line-height: 1.3333333;
|
||||
border-radius: 3px;
|
||||
}
|
||||
select.input-lg {
|
||||
height: 46px;
|
||||
line-height: 46px;
|
||||
}
|
||||
textarea.input-lg,
|
||||
select[multiple].input-lg {
|
||||
height: auto;
|
||||
}
|
||||
.form-group-lg .form-control {
|
||||
height: 46px;
|
||||
padding: 10px 16px;
|
||||
font-size: 18px;
|
||||
line-height: 1.3333333;
|
||||
border-radius: 3px;
|
||||
}
|
||||
select.form-group-lg .form-control {
|
||||
height: 46px;
|
||||
line-height: 46px;
|
||||
}
|
||||
textarea.form-group-lg .form-control,
|
||||
select[multiple].form-group-lg .form-control {
|
||||
height: auto;
|
||||
}
|
||||
.form-group-lg .form-control-static {
|
||||
height: 46px;
|
||||
padding: 10px 16px;
|
||||
font-size: 18px;
|
||||
line-height: 1.3333333;
|
||||
min-height: 38px;
|
||||
}
|
||||
.has-feedback {
|
||||
position: relative;
|
||||
}
|
||||
.has-feedback .form-control {
|
||||
padding-right: 42.5px;
|
||||
}
|
||||
.form-control-feedback {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
z-index: 2;
|
||||
display: block;
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
line-height: 34px;
|
||||
text-align: center;
|
||||
pointer-events: none;
|
||||
}
|
||||
.input-lg + .form-control-feedback {
|
||||
width: 46px;
|
||||
height: 46px;
|
||||
line-height: 46px;
|
||||
}
|
||||
.input-sm + .form-control-feedback {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
}
|
||||
.has-success .help-block,
|
||||
.has-success .control-label,
|
||||
.has-success .radio,
|
||||
.has-success .checkbox,
|
||||
.has-success .radio-inline,
|
||||
.has-success .checkbox-inline,
|
||||
.has-success.radio label,
|
||||
.has-success.checkbox label,
|
||||
.has-success.radio-inline label,
|
||||
.has-success.checkbox-inline label {
|
||||
color: @color_green;
|
||||
}
|
||||
.has-success .form-control {
|
||||
border-color: @color_green;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
}
|
||||
.has-success .input-group-addon {
|
||||
color: @color_green;
|
||||
border-color: @color_green;
|
||||
background-color: #dff0d8;
|
||||
}
|
||||
.has-success .form-control-feedback {
|
||||
color: @color_green;
|
||||
}
|
||||
.has-warning .help-block,
|
||||
.has-warning .control-label,
|
||||
.has-warning .radio,
|
||||
.has-warning .checkbox,
|
||||
.has-warning .radio-inline,
|
||||
.has-warning .checkbox-inline,
|
||||
.has-warning.radio label,
|
||||
.has-warning.checkbox label,
|
||||
.has-warning.radio-inline label,
|
||||
.has-warning.checkbox-inline label {
|
||||
color: @color_orange;
|
||||
}
|
||||
.has-warning .form-control {
|
||||
border-color: @color_orange;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
}
|
||||
.has-warning .input-group-addon {
|
||||
color: @color_orange;
|
||||
border-color: @color_orange;
|
||||
background-color: #fcf8e3;
|
||||
}
|
||||
.has-warning .form-control-feedback {
|
||||
color: @color_orange;
|
||||
}
|
||||
.has-error .help-block,
|
||||
.has-error .control-label,
|
||||
.has-error .radio,
|
||||
.has-error .checkbox,
|
||||
.has-error .radio-inline,
|
||||
.has-error .checkbox-inline,
|
||||
.has-error.radio label,
|
||||
.has-error.checkbox label,
|
||||
.has-error.radio-inline label,
|
||||
.has-error.checkbox-inline label {
|
||||
color: @color_red;
|
||||
}
|
||||
.has-error .form-control {
|
||||
border-color: @color_red;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
}
|
||||
.has-error .form-control:focus {
|
||||
border-color: #843534;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
|
||||
}
|
||||
.has-error .input-group-addon {
|
||||
color: @color_red;
|
||||
border-color: @color_red;
|
||||
background-color: #f2dede;
|
||||
}
|
||||
.has-error .form-control-feedback {
|
||||
color: @color_red;
|
||||
}
|
||||
.has-feedback label ~ .form-control-feedback {
|
||||
top: 25px;
|
||||
}
|
||||
.has-feedback label.sr-only ~ .form-control-feedback {
|
||||
top: 0;
|
||||
}
|
||||
.help-block {
|
||||
display: block;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 10px;
|
||||
color: #737373;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.form-inline .form-group {
|
||||
display: inline-block;
|
||||
margin-bottom: 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.form-inline .form-control {
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.form-inline .form-control-static {
|
||||
display: inline-block;
|
||||
}
|
||||
.form-inline .input-group {
|
||||
display: inline-table;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.form-inline .input-group .input-group-addon,
|
||||
.form-inline .input-group .input-group-btn,
|
||||
.form-inline .input-group .form-control {
|
||||
width: auto;
|
||||
}
|
||||
.form-inline .input-group > .form-control {
|
||||
width: 100%;
|
||||
}
|
||||
.form-inline .control-label {
|
||||
margin-bottom: 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.form-inline .radio,
|
||||
.form-inline .checkbox {
|
||||
display: inline-block;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.form-inline .radio label,
|
||||
.form-inline .checkbox label {
|
||||
padding-left: 0;
|
||||
}
|
||||
.form-inline .radio input[type="radio"],
|
||||
.form-inline .checkbox input[type="checkbox"] {
|
||||
position: relative;
|
||||
margin-left: 0;
|
||||
}
|
||||
.form-inline .has-feedback .form-control-feedback {
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
.form-horizontal .radio,
|
||||
.form-horizontal .checkbox,
|
||||
.form-horizontal .radio-inline,
|
||||
.form-horizontal .checkbox-inline {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
padding-top: 7px;
|
||||
}
|
||||
.form-horizontal .radio,
|
||||
.form-horizontal .checkbox {
|
||||
min-height: 27px;
|
||||
}
|
||||
.form-horizontal .form-group {
|
||||
margin-left: -15px;
|
||||
margin-right: -15px;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.form-horizontal .control-label {
|
||||
text-align: right;
|
||||
margin-bottom: 0;
|
||||
padding-top: 7px;
|
||||
}
|
||||
}
|
||||
.form-horizontal .has-feedback .form-control-feedback {
|
||||
right: 15px;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.form-horizontal .form-group-lg .control-label {
|
||||
padding-top: 14.333333px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.form-horizontal .form-group-sm .control-label {
|
||||
padding-top: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
.input-group {
|
||||
position: relative;
|
||||
display: table;
|
||||
border-collapse: separate;
|
||||
}
|
||||
.input-group[class*="col-"] {
|
||||
float: none;
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
.input-group .form-control {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
float: left;
|
||||
width: 100%;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.input-group-lg > .form-control,
|
||||
.input-group-lg > .input-group-addon,
|
||||
.input-group-lg > .input-group-btn > .btn {
|
||||
height: 46px;
|
||||
padding: 10px 16px;
|
||||
font-size: 18px;
|
||||
line-height: 1.3333333;
|
||||
border-radius: 6px;
|
||||
}
|
||||
select.input-group-lg > .form-control,
|
||||
select.input-group-lg > .input-group-addon,
|
||||
select.input-group-lg > .input-group-btn > .btn {
|
||||
height: 46px;
|
||||
line-height: 46px;
|
||||
}
|
||||
textarea.input-group-lg > .form-control,
|
||||
textarea.input-group-lg > .input-group-addon,
|
||||
textarea.input-group-lg > .input-group-btn > .btn,
|
||||
select[multiple].input-group-lg > .form-control,
|
||||
select[multiple].input-group-lg > .input-group-addon,
|
||||
select[multiple].input-group-lg > .input-group-btn > .btn {
|
||||
height: auto;
|
||||
}
|
||||
.input-group-sm > .form-control,
|
||||
.input-group-sm > .input-group-addon,
|
||||
.input-group-sm > .input-group-btn > .btn {
|
||||
height: 30px;
|
||||
padding: 5px 10px;
|
||||
font-size: 12px;
|
||||
line-height: 1.5;
|
||||
border-radius: 3px;
|
||||
}
|
||||
select.input-group-sm > .form-control,
|
||||
select.input-group-sm > .input-group-addon,
|
||||
select.input-group-sm > .input-group-btn > .btn {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
}
|
||||
textarea.input-group-sm > .form-control,
|
||||
textarea.input-group-sm > .input-group-addon,
|
||||
textarea.input-group-sm > .input-group-btn > .btn,
|
||||
select[multiple].input-group-sm > .form-control,
|
||||
select[multiple].input-group-sm > .input-group-addon,
|
||||
select[multiple].input-group-sm > .input-group-btn > .btn {
|
||||
height: auto;
|
||||
}
|
||||
.input-group-addon,
|
||||
.input-group-btn,
|
||||
.input-group .form-control {
|
||||
display: table-cell;
|
||||
}
|
||||
.input-group-addon:not(:first-child):not(:last-child),
|
||||
.input-group-btn:not(:first-child):not(:last-child),
|
||||
.input-group .form-control:not(:first-child):not(:last-child) {
|
||||
border-radius: 0;
|
||||
}
|
||||
.input-group-addon,
|
||||
.input-group-btn {
|
||||
width: 1%;
|
||||
white-space: nowrap;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.input-group-addon {
|
||||
padding: 6px 12px;
|
||||
font-size: 14px;
|
||||
font-weight: normal;
|
||||
line-height: 1;
|
||||
color: #555555;
|
||||
text-align: center;
|
||||
background-color: @color_grey-lighter;
|
||||
border: 1px solid @color_grey-light;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.input-group-addon.input-sm {
|
||||
padding: 5px 10px;
|
||||
font-size: 12px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.input-group-addon.input-lg {
|
||||
padding: 10px 16px;
|
||||
font-size: 18px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
.input-group-addon input[type="radio"],
|
||||
.input-group-addon input[type="checkbox"] {
|
||||
margin-top: 0;
|
||||
}
|
||||
.input-group .form-control:first-child,
|
||||
.input-group-addon:first-child,
|
||||
.input-group-btn:first-child > .btn,
|
||||
.input-group-btn:first-child > .btn-group > .btn,
|
||||
.input-group-btn:first-child > .dropdown-toggle,
|
||||
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
|
||||
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
|
||||
border-bottom-right-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
}
|
||||
.input-group-addon:first-child {
|
||||
border-right: 0;
|
||||
}
|
||||
.input-group .form-control:last-child,
|
||||
.input-group-addon:last-child,
|
||||
.input-group-btn:last-child > .btn,
|
||||
.input-group-btn:last-child > .btn-group > .btn,
|
||||
.input-group-btn:last-child > .dropdown-toggle,
|
||||
.input-group-btn:first-child > .btn:not(:first-child),
|
||||
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
|
||||
border-bottom-left-radius: 0;
|
||||
border-top-left-radius: 0;
|
||||
}
|
||||
.input-group-addon:last-child {
|
||||
border-left: 0;
|
||||
}
|
||||
.input-group-btn {
|
||||
position: relative;
|
||||
font-size: 0;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.input-group-btn > .btn {
|
||||
position: relative;
|
||||
}
|
||||
.input-group-btn > .btn + .btn {
|
||||
margin-left: -1px;
|
||||
}
|
||||
.input-group-btn > .btn:hover,
|
||||
.input-group-btn > .btn:focus,
|
||||
.input-group-btn > .btn:active {
|
||||
z-index: 2;
|
||||
}
|
||||
.input-group-btn:first-child > .btn,
|
||||
.input-group-btn:first-child > .btn-group {
|
||||
margin-right: -1px;
|
||||
}
|
||||
.input-group-btn:last-child > .btn,
|
||||
.input-group-btn:last-child > .btn-group {
|
||||
margin-left: -1px;
|
||||
}
|
||||
|
||||
.clearfix:before,
|
||||
.clearfix:after,
|
||||
.form-horizontal .form-group:before,
|
||||
.form-horizontal .form-group:after {
|
||||
content: " ";
|
||||
display: table;
|
||||
}
|
||||
.clearfix:after,
|
||||
.form-horizontal .form-group:after {
|
||||
clear: both;
|
||||
}
|
||||
@@ -0,0 +1,41 @@
|
||||
// SlickNav
|
||||
@import (less) '../libs/gifplayer.css';
|
||||
|
||||
.gif-player{
|
||||
border: 1px solid @color_grey-light;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
margin-bottom: 30px;
|
||||
max-width: 100%;
|
||||
|
||||
.gifplayer-wrapper{
|
||||
max-width: 100% !important;
|
||||
height: auto !important;
|
||||
width: auto !important;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
img{
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.gp-gif-element{
|
||||
position: relative !important;
|
||||
}
|
||||
|
||||
ins.play-gif{
|
||||
font-family: @icons;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
font-size: 24px;
|
||||
padding-left: 5px;
|
||||
line-height: 70px;
|
||||
position: absolute;
|
||||
left: 50% !important;
|
||||
top: 50% !important;
|
||||
margin-left: -40px;
|
||||
margin-top: -40px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,29 @@
|
||||
.grid-view{
|
||||
|
||||
}
|
||||
|
||||
.grid-view-elem{
|
||||
padding: 30px;
|
||||
margin-bottom: 30px;
|
||||
background-color: @color_grey-lighter;
|
||||
}
|
||||
|
||||
.grid-view-elem-title{
|
||||
.fz(16);
|
||||
margin-bottom: 10px;
|
||||
font-weight: @font_normal;
|
||||
}
|
||||
|
||||
.grid-view-title-descr{
|
||||
.fz(14);
|
||||
margin-left: 10px;
|
||||
vertical-align: top;
|
||||
font-weight: @font_light;
|
||||
}
|
||||
|
||||
.grid-view-elem-description{
|
||||
.fz(14);
|
||||
line-height: 1.5;
|
||||
font-weight: @font_light;
|
||||
margin: 0;
|
||||
}
|
||||
181
application/view/mockup/template/less/modules/_header-back.less
Normal file
181
application/view/mockup/template/less/modules/_header-back.less
Normal file
@@ -0,0 +1,181 @@
|
||||
.header-back{
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
padding: 200px 0;
|
||||
margin: 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.header-back-large{
|
||||
padding: 250px 0 270px 0;
|
||||
}
|
||||
|
||||
.header-back-small{
|
||||
padding: 140px 0 70px 0;
|
||||
}
|
||||
|
||||
.header-back-light{
|
||||
color: white;
|
||||
}
|
||||
|
||||
.header-back-full-page{
|
||||
display: table;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
min-height: 600px;
|
||||
position: relative;
|
||||
|
||||
.header-back-container{
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
.header-back-default{
|
||||
background-image: url(../img/backgrounds/6.jpg);
|
||||
background-position: bottom;
|
||||
}
|
||||
|
||||
.header-back-simple{
|
||||
background-image: url(../img/backgrounds/2.jpg);
|
||||
}
|
||||
|
||||
.header-back-bg{
|
||||
background-image: url(../img/backgrounds/1.jpg);
|
||||
}
|
||||
|
||||
.header-back-bg-2{
|
||||
background-image: url(../img/backgrounds/3.jpg);
|
||||
}
|
||||
|
||||
.header-back-bg-3{
|
||||
background-image: url(../img/backgrounds/5.jpg);
|
||||
}
|
||||
|
||||
.header-back-bg-web{
|
||||
background-image: url(../img/backgrounds/8.jpg);
|
||||
}
|
||||
|
||||
.header-back-bg-app{
|
||||
background-image: url(../img/backgrounds/9.jpg);
|
||||
}
|
||||
|
||||
.header-back-bg-soft{
|
||||
background-image: url(../img/backgrounds/10.png);
|
||||
background-position: center bottom;
|
||||
}
|
||||
.header-back-video-trigger-bg {
|
||||
background-image: url(../img/backgrounds/11.jpg);
|
||||
background-position: center bottom;
|
||||
}
|
||||
.header-back-bg-subscribe {
|
||||
background-image: url(../img/backgrounds/12.jpg);
|
||||
}
|
||||
|
||||
.header-back-buttons{
|
||||
.button{
|
||||
margin-right: 20px;
|
||||
min-width: 180px;
|
||||
|
||||
&:last-child{
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.next-section{
|
||||
position: absolute;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
bottom: 20px;
|
||||
left: 50%;
|
||||
margin-left: -20px;
|
||||
cursor: pointer;
|
||||
font-size: 26px;
|
||||
line-height: 38px;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
|
||||
.animation(next-section 3s Ease-in-out infinite);
|
||||
}
|
||||
|
||||
.next-section-light{
|
||||
color: white;
|
||||
}
|
||||
|
||||
.header-back-video{
|
||||
|
||||
.header-back-container{
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
background-color: fade(darken(@color_black, 10%),60%);
|
||||
}
|
||||
|
||||
.video-js{
|
||||
background-color: #000;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.header-back-web{
|
||||
padding: 170px 0 0;
|
||||
margin-bottom: 200px;
|
||||
}
|
||||
|
||||
.header-back-app{
|
||||
padding: 190px 0 100px;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
.header-back-soft{
|
||||
padding: 200px 0 100px;
|
||||
margin-bottom: 200px;
|
||||
}
|
||||
|
||||
.keyframes(next-section; {
|
||||
0%{
|
||||
.transform(translateY(-10px));
|
||||
}
|
||||
|
||||
50%{
|
||||
.transform(translateY(10px));
|
||||
}
|
||||
|
||||
100%{
|
||||
.transform(translateY(-10px));
|
||||
}
|
||||
});
|
||||
|
||||
.media-mixin(@break) when (@break = @break-large-x){
|
||||
.header-back-soft {
|
||||
margin-bottom: 150px;
|
||||
}
|
||||
}
|
||||
.media-mixin(@break) when (@break = @break-medium){
|
||||
.header-back-soft {
|
||||
margin-bottom: 130px;
|
||||
}
|
||||
}
|
||||
|
||||
.media-mixin(@break) when (@break = @break-small){
|
||||
.header-back-soft {
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
}
|
||||
|
||||
.media-mixin(@break) when (@break = @break-small-x) {
|
||||
.header-back-large{
|
||||
padding: 150px 0;
|
||||
}
|
||||
|
||||
.header-back-buttons{
|
||||
.button{
|
||||
width: 80%;
|
||||
margin: 0 auto 20px auto;
|
||||
}
|
||||
}
|
||||
.header-back-soft {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
}
|
||||
44
application/view/mockup/template/less/modules/_header.less
Normal file
44
application/view/mockup/template/less/modules/_header.less
Normal file
@@ -0,0 +1,44 @@
|
||||
// HEADER
|
||||
.header{
|
||||
padding: 20px 0;
|
||||
width: 100%;
|
||||
border-bottom: 1px solid @color_grey-light;
|
||||
border-top: 1px solid @color_grey-light;
|
||||
z-index: 5;
|
||||
background-size: cover;
|
||||
.transition(background-color);
|
||||
|
||||
// HEADER HELPERS
|
||||
&.small{ padding: 10px 0; }
|
||||
&.large{ padding: 30px 0; }
|
||||
}
|
||||
|
||||
.header-one-page{
|
||||
border-top: 0;
|
||||
border-bottom-color: lighten(@color_grey-light, 10%);
|
||||
background-color: @color_grey-lighter;
|
||||
|
||||
&.header-fixed{
|
||||
z-index: 5;
|
||||
left: 0;
|
||||
border-bottom-color: lighten(@color_grey-light, 10%);
|
||||
background-color: @color_grey-lighter;
|
||||
}
|
||||
}
|
||||
|
||||
.header-over{
|
||||
background: transparent;
|
||||
position: absolute;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.header-fixed{
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
background-color: #fff;
|
||||
box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.1) !important;
|
||||
|
||||
&.header-fixed-light{
|
||||
background-color: #263952;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,25 @@
|
||||
.info-demiliter{
|
||||
padding: 30px 0;
|
||||
border-bottom: 1px solid lighten(@color_grey-light, 5%);
|
||||
border-top: 1px solid lighten(@color_grey-light, 5%);
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.info-delimiter-title{
|
||||
line-height: 42px;
|
||||
font-size: 26px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.info-delimiter-button{
|
||||
text-align: right;
|
||||
text-transform: uppercase;
|
||||
|
||||
.button{
|
||||
margin-right: 15px;
|
||||
|
||||
&:last-child{
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
49
application/view/mockup/template/less/modules/_info.less
Normal file
49
application/view/mockup/template/less/modules/_info.less
Normal file
@@ -0,0 +1,49 @@
|
||||
.info{
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.info-content{
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-radius: 0 0 3px 3px;
|
||||
}
|
||||
.info-title{
|
||||
.fz(24);
|
||||
line-height: 1.4;
|
||||
color: white;
|
||||
background-color: @color_blue;
|
||||
padding: 16px 50px 16px 30px;
|
||||
margin: 0;
|
||||
border-radius: 3px 3px 0 0;
|
||||
position: relative;
|
||||
}
|
||||
.info-close{
|
||||
font-size: 20px;
|
||||
position: absolute;
|
||||
right: 18px;
|
||||
top: 50%;
|
||||
margin-top: -14px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.info-content-item{
|
||||
padding: 20px 30px;
|
||||
|
||||
&:nth-child(odd){
|
||||
background-color: @color_grey-lighter;
|
||||
}
|
||||
&:nth-child(even){
|
||||
background-color: darken(@color_grey-lighter, 5%);
|
||||
}
|
||||
}
|
||||
.info-content-item-title{
|
||||
.fz(14);
|
||||
font-weight: @font_bold;
|
||||
color: @color_black;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.info-content-item-text{
|
||||
.fz(14);
|
||||
color: @color_black;
|
||||
line-height: 1.5;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
@@ -0,0 +1,95 @@
|
||||
|
||||
.languages{
|
||||
font-weight: @font_light;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
position: relative;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.language-active{
|
||||
line-height: 40px;
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
font-size: 15px;
|
||||
|
||||
.fa{
|
||||
font-size: 12px;
|
||||
margin-left: 3px;
|
||||
top: -1px;
|
||||
position: relative;
|
||||
color: @color_grey;
|
||||
}
|
||||
}
|
||||
|
||||
.languages-light{
|
||||
color: white;
|
||||
|
||||
.fa{
|
||||
color: @color_grey-light;
|
||||
}
|
||||
}
|
||||
|
||||
.languages-list{
|
||||
display: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
position: absolute;
|
||||
font-size: 14px;
|
||||
top: 47px;
|
||||
left: 50%;
|
||||
box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1);
|
||||
.transform(translateX(-50%));
|
||||
|
||||
.header.header-fixed &{
|
||||
top: 60px;
|
||||
}
|
||||
|
||||
&:after{
|
||||
content: '\f0d8';
|
||||
display: block;
|
||||
position: absolute;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
font-family: @icons;
|
||||
top: -14px;
|
||||
left: 50%;
|
||||
margin-left: -4px;
|
||||
color: white;
|
||||
text-shadow: 0px 0px 1px #bbb;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
li {
|
||||
text-align: center;
|
||||
background-color: white;
|
||||
|
||||
&:first-child{
|
||||
border-radius: 3px 3px 0 0;
|
||||
}
|
||||
&:last-child{
|
||||
border-radius: 0 0 3px 3px;
|
||||
}
|
||||
|
||||
a{
|
||||
color: @color_black;
|
||||
display: block;
|
||||
border-bottom: 1px solid lighten(@color_grey-light, 8%);
|
||||
padding: 15px 25px;
|
||||
line-height: 1;
|
||||
text-decoration: none;
|
||||
.transition-color();
|
||||
|
||||
&:hover{
|
||||
color: @color_blue;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.media-mixin(@break) when (@break = @break-small-x) {
|
||||
.languages{ position: absolute; right: 0; }
|
||||
}
|
||||
@@ -0,0 +1,64 @@
|
||||
.list-view{
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.list-item{
|
||||
margin-bottom: 20px;
|
||||
padding-bottom: 20px;
|
||||
border-bottom: 1px solid @color_grey-light;
|
||||
|
||||
&:last-child{
|
||||
margin-bottom: 0;
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
|
||||
.list-item-header{
|
||||
margin-bottom: 10px;
|
||||
&:after{
|
||||
display: block;
|
||||
content: '';
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
|
||||
.list-item-title{
|
||||
.fz(20);
|
||||
line-height: 1.4;
|
||||
width: 75%;
|
||||
float: left;
|
||||
margin: 0;
|
||||
|
||||
a{
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
.list-item-meta{
|
||||
display: block;
|
||||
width: 25%;
|
||||
float: right;
|
||||
line-height: 1.6;
|
||||
text-align: right;
|
||||
max-width: 250px;
|
||||
font-weight: @font_light;
|
||||
.fz(14);
|
||||
|
||||
a{
|
||||
color: @color_grey-dark;
|
||||
padding: 5px 10px;
|
||||
background-color: @color_grey-lighter;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.list-item-content{
|
||||
line-height: 1.4;
|
||||
font-weight: @font_light;
|
||||
}
|
||||
|
||||
.media-mixin(@break) when (@break = @break-small-x) {
|
||||
.list-item-title { float: none; width: 100%; }
|
||||
.list-item-meta{ display: block; float: none; width: 100%; text-align: left; margin-top: 10px; }
|
||||
}
|
||||
74
application/view/mockup/template/less/modules/_login.less
Normal file
74
application/view/mockup/template/less/modules/_login.less
Normal file
@@ -0,0 +1,74 @@
|
||||
.page.login-page, .page.register-page{
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.login, .register{
|
||||
position: relative;
|
||||
display: table;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background-color: #404448;
|
||||
}
|
||||
|
||||
.login-content, .register-content{
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.login-wrapper, .register-wrapper{
|
||||
padding: 45px 60px;
|
||||
max-width: 500px;
|
||||
margin: 0 auto;
|
||||
border-radius: 3px;
|
||||
background-color: @color_grey-lighter;
|
||||
}
|
||||
|
||||
.login-inputs, .register-inputs{
|
||||
margin: 50px 0 30px 0;
|
||||
|
||||
input{
|
||||
padding: 13px 20px;
|
||||
height: 50px;
|
||||
border-radius: 0;
|
||||
border-bottom: 0;
|
||||
line-height: 18px;
|
||||
|
||||
&:first-child{
|
||||
border-radius: 3px 3px 0 0;
|
||||
}
|
||||
|
||||
&:last-child{
|
||||
border-radius: 0 0 3px 3px;
|
||||
border-bottom: 1px solid @color_grey-light;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.register-inputs{
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
input.login-checkbox, input.register-checkbox{
|
||||
margin-right: 5px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.login-form, .register-form{
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.login-helpers, .register-helpers{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
|
||||
.login-helper-item, .register-helper-item{
|
||||
text-align: center;
|
||||
.fz(14);
|
||||
color: @color_grey-dark;
|
||||
}
|
||||
}
|
||||
|
||||
.media-mixin(@break) when (@break = @break-small-x) {
|
||||
.login-wrapper, .register-wrapper{ padding: 35px 30px }
|
||||
}
|
||||
62
application/view/mockup/template/less/modules/_logo.less
Normal file
62
application/view/mockup/template/less/modules/_logo.less
Normal file
@@ -0,0 +1,62 @@
|
||||
// Logo image
|
||||
.logo-image{
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
position: relative;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
|
||||
img{
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
height: 40px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.footer &{
|
||||
opacity: 0.8;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.one-page-logo & img{
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.login & img, .register & img{
|
||||
opacity: 0.8;
|
||||
height: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
.logo-animated{
|
||||
.animation(logo-anim 12s Ease-in-out infinite);
|
||||
}
|
||||
|
||||
.keyframes(logo-anim; {
|
||||
0%, 50%{
|
||||
.transform(rotate(0));
|
||||
}
|
||||
|
||||
100%{
|
||||
.transform(rotate(360deg));
|
||||
}
|
||||
});
|
||||
|
||||
// Logo text
|
||||
.logo-text{
|
||||
font-size: 2em;
|
||||
line-height: 40px;
|
||||
color: @color_grey-dark;
|
||||
text-decoration: none;
|
||||
font-weight: 300;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
|
||||
&:hover{
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,59 @@
|
||||
// Sidr
|
||||
@import (less) '../libs/sidr.css';
|
||||
|
||||
.menu-side-trigger{
|
||||
position: relative;
|
||||
margin-top: 10px;
|
||||
margin-left: 10px;
|
||||
height: 20px;
|
||||
width: 27px;
|
||||
border-bottom: 2px solid @color_grey-dark;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
|
||||
&:before, &:after{
|
||||
position: absolute;
|
||||
content: '';
|
||||
width: 27px;
|
||||
height: 2px;
|
||||
background-color: @color_grey-dark;
|
||||
display: block;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
&:before{
|
||||
top: 2px;
|
||||
}
|
||||
|
||||
&:after{
|
||||
top: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.menu-side-trigger-right{
|
||||
float: right;
|
||||
left: auto;
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
.menu-side-trigger-light{
|
||||
border-color: white;
|
||||
|
||||
&:before, &:after{
|
||||
background-color: white;
|
||||
}
|
||||
}
|
||||
|
||||
.sidr{
|
||||
box-sizing: content-box;
|
||||
|
||||
a{
|
||||
-webkit-transition: box-shadow .25s ease;
|
||||
-moz-transition: box-shadow .25s ease;
|
||||
-ms-transition: box-shadow .25s ease;
|
||||
-o-transition: box-shadow .25s ease;
|
||||
transition: box-shadow .25s ease;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,149 @@
|
||||
// Vertical Menu
|
||||
.menu-vertical-wrapper{
|
||||
|
||||
&.menu-fixed{
|
||||
position: fixed;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
&.menu-bottom{
|
||||
position: absolute;
|
||||
top: auto;
|
||||
bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.menu-vertical{
|
||||
line-height: 40px;
|
||||
margin: 0;
|
||||
list-style-type: none;
|
||||
color: @color_black;
|
||||
font-weight: 300;
|
||||
margin-bottom: 30px;
|
||||
background-color: @color_grey-lighter;
|
||||
|
||||
li{
|
||||
&.has-children > a{
|
||||
padding-right: 40px;
|
||||
}
|
||||
|
||||
&.has-children > a:before{
|
||||
content: '+';
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
color: @color_grey-dark;
|
||||
}
|
||||
|
||||
&.has-children.selected > a:before{
|
||||
color: @color_blue;
|
||||
content: '—';
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
ul{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
line-height: 40px;
|
||||
|
||||
li.selected > a {
|
||||
color: @color_blue;
|
||||
}
|
||||
|
||||
a { padding-left: 40px;}
|
||||
ul a { padding-left: 55px; }
|
||||
ul ul a { padding-left: 70px; }
|
||||
}
|
||||
|
||||
& > li{
|
||||
position: relative;
|
||||
|
||||
&.selected{
|
||||
|
||||
|
||||
& > a{
|
||||
color: @color_blue;
|
||||
|
||||
&:hover{
|
||||
// background-color: darken(@color_blue, 5%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
padding: 0 15px 0 20px;
|
||||
display: block;
|
||||
position: relative;
|
||||
color: inherit;
|
||||
font-size: 14px;
|
||||
text-decoration: none;
|
||||
line-height: inherit;
|
||||
border-radius: 3px;
|
||||
border-bottom: 1px solid lighten(@color_grey-light, 10%);
|
||||
|
||||
.transition-background();
|
||||
|
||||
&:hover{
|
||||
background-color: @color_grey-lighter;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.vertical-menu-select{
|
||||
position: relative;
|
||||
padding:0;
|
||||
border: 1px solid @color_grey-light;
|
||||
margin-bottom: 40px;
|
||||
|
||||
|
||||
select {
|
||||
cursor: pointer;
|
||||
width:100%;
|
||||
margin:0;
|
||||
background:none;
|
||||
border: 1px solid transparent;
|
||||
outline: none;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
appearance: none;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
font-size:1em;
|
||||
font-weight: @font_light;
|
||||
color: #444;
|
||||
padding: .6em 1.9em 0.6em .8em;
|
||||
line-height:1.3;
|
||||
|
||||
&:focus{
|
||||
outline:none;
|
||||
background-color:transparent;
|
||||
color: #222;
|
||||
}
|
||||
|
||||
&::-ms-expand {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
&:after{
|
||||
content: "\e688";
|
||||
position: absolute;
|
||||
display: block;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
right: 5px;
|
||||
top: 7px;
|
||||
color: @color_grey;
|
||||
font-family: @icons-stroke;
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
&:hover{
|
||||
border:1px solid #888;
|
||||
}
|
||||
|
||||
}
|
||||
400
application/view/mockup/template/less/modules/_menu.less
Normal file
400
application/view/mockup/template/less/modules/_menu.less
Normal file
@@ -0,0 +1,400 @@
|
||||
// SlickNav
|
||||
@import (less) '../libs/slicknav.css';
|
||||
|
||||
// Menu
|
||||
.menu{
|
||||
line-height: 40px;
|
||||
margin: 0;
|
||||
font-size: 15px;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
color: @color_black;
|
||||
font-weight: 300;
|
||||
|
||||
.header.header-one-page & > li > ul,
|
||||
.header.header-one-page.header-fixed & > li > ul{
|
||||
top: 67px;
|
||||
}
|
||||
|
||||
.header.header-fixed & > li > ul{
|
||||
top: 58px;
|
||||
}
|
||||
|
||||
.sf-with-ul {
|
||||
padding-right: 25px;
|
||||
|
||||
&:after{
|
||||
position: absolute;
|
||||
content: '\f107';
|
||||
display: block;
|
||||
top: 12px;
|
||||
right: 10px;
|
||||
font-size: 12px;
|
||||
color: @color_grey;
|
||||
font-family: 'FontAwesome';
|
||||
}
|
||||
}
|
||||
|
||||
// All menus
|
||||
ul{
|
||||
font-size: 14px;
|
||||
box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1) !important;
|
||||
position: absolute;
|
||||
text-align: left;
|
||||
display: none;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
z-index: 99;
|
||||
margin: 0;
|
||||
list-style-type: none;
|
||||
box-shadow: 1px 1px 2px rgba(0,0,0,.05);
|
||||
border: 1px solid lighten(@color_grey-light, 8%);
|
||||
|
||||
.sf-with-ul {
|
||||
padding-right: 25px;
|
||||
text-indent: 15px;
|
||||
|
||||
&:after{
|
||||
content: '+';
|
||||
top: 13px;
|
||||
right: 14px;
|
||||
color: @color_grey-dark;
|
||||
border-radius: 0px;
|
||||
width: 18px;
|
||||
text-indent: 0;
|
||||
height: 18px;
|
||||
text-align: center;
|
||||
line-height: 16px;
|
||||
font-size: 14px;
|
||||
.transition(color);
|
||||
}
|
||||
|
||||
&:before{
|
||||
display: none;
|
||||
}
|
||||
|
||||
&:hover:after{
|
||||
color: @color_blue;
|
||||
border-color: lighten(@color_grey-light, 10%);
|
||||
content: '\f105';
|
||||
font-family: @icons;
|
||||
}
|
||||
}
|
||||
|
||||
.header-over &{
|
||||
box-shadow: none;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
ul{
|
||||
top: 0;
|
||||
left: 100%;
|
||||
margin-left: 1px;
|
||||
}
|
||||
}
|
||||
|
||||
// All menu items
|
||||
li{
|
||||
position: relative;
|
||||
white-space: nowrap;
|
||||
*white-space: normal;
|
||||
text-align: center;
|
||||
|
||||
&:hover > ul, &.sfHover > ul{
|
||||
display: block;
|
||||
-webkit-transition: none;
|
||||
transition: none;
|
||||
}
|
||||
}
|
||||
|
||||
// All links from the menu
|
||||
a{
|
||||
display: block;
|
||||
line-height: 1;
|
||||
position: relative;
|
||||
padding: 10px 15px;
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
// First level
|
||||
& > li{
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
// Second level
|
||||
& > li > ul {
|
||||
top: 57px;
|
||||
left: 50%;
|
||||
margin-top: -1px;
|
||||
.translateX(-50%);
|
||||
|
||||
.header-over &{
|
||||
top: 47px;
|
||||
}
|
||||
|
||||
&:before{
|
||||
content: '\f0d8';
|
||||
display: block;
|
||||
position: absolute;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
font-family: @icons;
|
||||
top: -14px;
|
||||
left: 50%;
|
||||
margin-left: -4px;
|
||||
color: white;
|
||||
text-shadow: 0px 0px 1px #bbb;
|
||||
}
|
||||
|
||||
li{
|
||||
background-color: white;
|
||||
border-bottom: 1px solid lighten(@color_grey-light, 8%);
|
||||
|
||||
&:first-child{
|
||||
border-radius: 3px 3px 0 0;
|
||||
}
|
||||
|
||||
&:last-child{
|
||||
border-radius: 0 0 3px 3px;
|
||||
}
|
||||
|
||||
a{
|
||||
|
||||
position: relative;
|
||||
.transition-color();
|
||||
&:hover{
|
||||
color: @color_blue;
|
||||
|
||||
&:before{
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&:not(.sf-with-ul):after{
|
||||
width: 60%;
|
||||
}
|
||||
}
|
||||
padding: 15px 25px;
|
||||
|
||||
&.sf-with-ul{
|
||||
padding-right: 40px;
|
||||
}
|
||||
|
||||
&:not(.sf-with-ul):after{
|
||||
position: absolute;
|
||||
content: '';
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 1px;
|
||||
left: 50%;
|
||||
bottom: -1px;
|
||||
background-color: lighten(@color_blue, 10%);
|
||||
|
||||
.transform(translateX(-50%));
|
||||
.transition(width);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Menu Helpers
|
||||
&.upper{ text-transform: uppercase; }
|
||||
}
|
||||
|
||||
.menu-label{
|
||||
position: absolute;
|
||||
top: -16px;
|
||||
left: 50%;
|
||||
.transform(translateX(-50%));
|
||||
font-size: 9px;
|
||||
padding: 0px 8px;
|
||||
height: 18px;
|
||||
border-radius: 4px;
|
||||
color: white;
|
||||
background-color: @color_blue;
|
||||
line-height: 18px;
|
||||
letter-spacing: 1px;
|
||||
|
||||
&:after{
|
||||
content: '';
|
||||
position: absolute;
|
||||
display: block;
|
||||
background-color: @color_blue;
|
||||
z-index: -1;
|
||||
width: 3px;
|
||||
height: 3px;
|
||||
.transform(rotate(45deg));
|
||||
bottom: -1px;
|
||||
left: 50%;
|
||||
margin-left: -2px;
|
||||
}
|
||||
}
|
||||
|
||||
.menu-light{
|
||||
&>li>a{
|
||||
color: white;
|
||||
}
|
||||
|
||||
&>li>.sf-with-ul:after{
|
||||
color: @color_grey-light;
|
||||
}
|
||||
}
|
||||
|
||||
// Sidr
|
||||
.sidr ul li a, .sidr ul li span{
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.sidr .sidr-class-menu-label{
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
position: absolute;
|
||||
border-radius: 3px;
|
||||
right: 10px;
|
||||
font-size: 12px;
|
||||
padding: 0 12px;
|
||||
background-color: @color_blue;
|
||||
line-height: 22px;
|
||||
top: 0;
|
||||
color: white;
|
||||
top: 50%;
|
||||
margin-top: -11px;
|
||||
}
|
||||
|
||||
// Menu Mobile
|
||||
.slicknav_menu{
|
||||
background-color: transparent;
|
||||
padding: 0;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.slicknav_btn{
|
||||
float: none;
|
||||
background-color: transparent;
|
||||
margin: 0;
|
||||
padding: 10px;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
}
|
||||
|
||||
.slicknav_menu .slicknav_menutxt, .slicknav_menu .slicknav_icon{
|
||||
float: none;
|
||||
}
|
||||
|
||||
.slicknav_menu .slicknav_icon-bar{
|
||||
box-shadow: none;
|
||||
background-color: @color_grey-dark;
|
||||
height: 3px;
|
||||
width: 28px;
|
||||
margin-bottom: 6px;
|
||||
float: none;
|
||||
|
||||
&:last-child{
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.slicknav_menu.menu-light .slicknav_icon-bar{
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.slicknav_nav{
|
||||
color: @color_black;
|
||||
margin-top: 15px;
|
||||
background-color: white;
|
||||
border-radius: 3px;
|
||||
position: relative;
|
||||
overflow: visible;
|
||||
box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.1);
|
||||
position: absolute;
|
||||
z-index: 99;
|
||||
width: 280px;
|
||||
right: 14px;
|
||||
font-weight: @font_light;
|
||||
|
||||
&:after{
|
||||
display: block;
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: white;
|
||||
.transform(rotate(45deg));
|
||||
right: 20px;
|
||||
top: -5px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
ul{
|
||||
margin: 0;
|
||||
padding: 0 15px;
|
||||
}
|
||||
|
||||
.slicknav_row{
|
||||
position: relative;
|
||||
}
|
||||
|
||||
a, .slicknav_row {
|
||||
color: inherit;
|
||||
outline: none;
|
||||
margin: 0;
|
||||
font-size: 16px;
|
||||
display: block;
|
||||
border-radius: 3px;
|
||||
text-align: left;
|
||||
padding: 7px 15px;
|
||||
|
||||
.menu-label{
|
||||
top: 10px;
|
||||
right: -8px;
|
||||
left: auto;
|
||||
line-height: 17px;
|
||||
height: auto;
|
||||
bottom: auto;
|
||||
border-radius: 3px;
|
||||
font-size: 11px;
|
||||
padding: 2px 13px;
|
||||
|
||||
&:after{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover{
|
||||
color: inherit;
|
||||
background-color: @color_grey-lighter;
|
||||
border-radius: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
.slicknav_arrow{
|
||||
font-family: @icons;
|
||||
font-size: 10px;
|
||||
vertical-align: middle;
|
||||
color: @color_grey-dark;
|
||||
position: relative;
|
||||
top: -1px;
|
||||
}
|
||||
}
|
||||
|
||||
.media-mixin(@break) when (@break = @break-large-x) {
|
||||
.menu{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.slicknav_menu{
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.media-mixin(@break) when (@break = @break-small-x) {
|
||||
.menu-label{ display: none; }
|
||||
}
|
||||
@@ -0,0 +1,76 @@
|
||||
.mobile-app-features{
|
||||
position: relative;
|
||||
}
|
||||
.mobile-app-features-image{
|
||||
left: 50%;
|
||||
.transform(translateX(-50%));
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.mobile-app-feature{
|
||||
margin-bottom: 30px;
|
||||
padding-top: 30px;
|
||||
}
|
||||
|
||||
.mobile-app-feature-icon{
|
||||
width: 60px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
border-bottom: 1px solid @color_grey-light;
|
||||
margin: 0 auto 20px;
|
||||
|
||||
i{
|
||||
font-size: 47px;
|
||||
color: @color_blue;
|
||||
bottom: -9px;
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
|
||||
.mobile-app-feature-title{
|
||||
font-size: 25px;
|
||||
margin-bottom: 15px;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.mobile-app-feature-description{
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
color: @color_grey-dark;
|
||||
}
|
||||
|
||||
.media-mixin(@break) when (@break = @break-large-x){
|
||||
.mobile-app-features-image{
|
||||
max-width: 200%;
|
||||
}
|
||||
.mobile-app-feature{
|
||||
padding-top: 0;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
.media-mixin(@break) when (@break = @break-medium){
|
||||
.mobile-app-features-image{
|
||||
max-width: 300%;
|
||||
}
|
||||
.mobile-app-features-image-block{
|
||||
padding-top: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.media-mixin(@break) when (@break = @break-small){
|
||||
.mobile-app-features-image-block{
|
||||
position: relative;
|
||||
padding-top: 0;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
.mobile-app-features-image{
|
||||
max-width: 160%;
|
||||
}
|
||||
}
|
||||
|
||||
.media-mixin(@break) when (@break = @break-small-x){
|
||||
.mobile-app-features-image{
|
||||
max-width: 250%;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,39 @@
|
||||
.header-back-app-block{
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.header-back-app-img{
|
||||
display: block;
|
||||
margin: -30px auto -178px;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.media-mixin(@break) when (@break = @break-large-x) {
|
||||
.header-back-app {
|
||||
padding: 140px 0 100px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
.media-mixin(@break) when (@break = @break-medium) {
|
||||
.header-back-app{
|
||||
margin-bottom: 80px;
|
||||
|
||||
.page-info, .header-back-buttons{
|
||||
text-align: center;
|
||||
}
|
||||
.header-back-buttons{
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
.header-back-app-img{
|
||||
margin: 0 auto -190px;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
.media-mixin(@break) when (@break = @break-small-x){
|
||||
.header-back-app{
|
||||
.header-back-buttons{
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,99 @@
|
||||
.modal-alt{
|
||||
display: none;
|
||||
width: 500px;
|
||||
max-width: 90%;
|
||||
border-radius: 3px;
|
||||
padding: 25px 60px 20px 60px;
|
||||
position: relative;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.modal-alt-header{
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
.modal-alt-header-ico{
|
||||
position: relative;
|
||||
padding: 0 8px;
|
||||
background-color: #fff;
|
||||
width: 36px;
|
||||
margin: 0 auto 20px;
|
||||
|
||||
i{
|
||||
font-size: 23px;
|
||||
color: fade(@color_black, 30%);
|
||||
}
|
||||
}
|
||||
|
||||
.modal-alt-header-line{
|
||||
position: absolute;
|
||||
width: 15px;
|
||||
height: 1px;
|
||||
background-color: fade(@color_black, 30%);
|
||||
top: 50%;
|
||||
.transform(translateY(-50%));
|
||||
|
||||
&:after{
|
||||
width: 3px;
|
||||
height: 3px;
|
||||
background-color: fade(@color_black, 30%);
|
||||
position: absolute;
|
||||
content: '';
|
||||
top: -1px;
|
||||
}
|
||||
|
||||
&.line-right{
|
||||
right: -15px;
|
||||
|
||||
&:after{
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.line-left{
|
||||
left: -15px;
|
||||
|
||||
&:after{
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.modal-alt-title{
|
||||
font-size: 34px;
|
||||
font-weight: 100;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.modal-alt-description{
|
||||
font-size: 16px;
|
||||
line-height: 22px;
|
||||
font-weight: 300;
|
||||
margin-bottom: 30px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.modal-alt-button{
|
||||
margin-bottom: -50px;
|
||||
}
|
||||
|
||||
.media-mixin(@break) when (@break = @break-small){
|
||||
.modal-alt{
|
||||
padding: 25px 40px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.media-mixin(@break) when (@break = @break-small-x){
|
||||
.modal-alt{
|
||||
padding: 25px 20px 20px;
|
||||
}
|
||||
.modal-alt-title{
|
||||
font-size: 25px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.modal-alt-description{
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
52
application/view/mockup/template/less/modules/_modal.less
Normal file
52
application/view/mockup/template/less/modules/_modal.less
Normal file
@@ -0,0 +1,52 @@
|
||||
.modal{
|
||||
display: none;
|
||||
width: 600px;
|
||||
background-color: @color_grey-lighter;
|
||||
border-radius: 3px;
|
||||
max-width: 80%;
|
||||
}
|
||||
|
||||
.modal-header{
|
||||
background-color: @color_grey-light;
|
||||
padding: 20px 25px;
|
||||
position: relative;
|
||||
|
||||
.fa.fa-times{
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
right: 15px;
|
||||
margin-top: -10px;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
line-height: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
.modal-title{
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.modal-content{
|
||||
padding: 25px;
|
||||
line-height: 1.4;
|
||||
font-weight: @font_light;
|
||||
}
|
||||
|
||||
.modal-footer{
|
||||
border-top: 1px solid @color_grey-light;
|
||||
padding: 20px 25px;
|
||||
|
||||
&.center{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.button{
|
||||
margin-right: 10px;
|
||||
|
||||
&:last-child{
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,39 @@
|
||||
.navigation{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
margin-bottom: 30px;
|
||||
|
||||
&:after{
|
||||
clear: both;
|
||||
display: block;
|
||||
content: '';
|
||||
}
|
||||
}
|
||||
|
||||
.navigation-next, .navigation-previous{
|
||||
a{
|
||||
color: white;
|
||||
border-radius: 3px;
|
||||
padding: 10px 20px;
|
||||
display: block;
|
||||
background-color: @color_green;
|
||||
font-weight: @font_light;
|
||||
.transition-background();
|
||||
|
||||
&:hover{
|
||||
text-decoration: none;
|
||||
background-color: darken(@color_green, 5%)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.navigation-next{
|
||||
float: right;
|
||||
}
|
||||
|
||||
.navigation-previous{
|
||||
float: left;
|
||||
|
||||
|
||||
}
|
||||
82
application/view/mockup/template/less/modules/_note.less
Normal file
82
application/view/mockup/template/less/modules/_note.less
Normal file
@@ -0,0 +1,82 @@
|
||||
.note{
|
||||
padding: 20px 20px 20px 25px;
|
||||
border: 1px solid @color_grey-light;
|
||||
border-radius: 3px;
|
||||
box-shadow: inset 5px 0px 0px 0px @color_orange;
|
||||
margin-bottom: 30px;
|
||||
position: relative;
|
||||
|
||||
&.green{
|
||||
box-shadow: inset 5px 0px 0px 0px @color_green;
|
||||
.note-title{ color: @color_green}
|
||||
}
|
||||
&.blue{
|
||||
box-shadow: inset 5px 0px 0px 0px @color_blue;
|
||||
.note-title{ color: @color_blue}
|
||||
}
|
||||
&.blue-light{
|
||||
box-shadow: inset 5px 0px 0px 0px @color_blue-light;
|
||||
.note-title{ color: @color_blue-light}
|
||||
}
|
||||
&.red{
|
||||
box-shadow: inset 5px 0px 0px 0px @color_red;
|
||||
.note-title{ color: @color_red}
|
||||
}
|
||||
&.purple{
|
||||
box-shadow: inset 5px 0px 0px 0px @color_purple;
|
||||
.note-title{ color: @color_purple}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.note-bounce{
|
||||
.animation(note-bounce 3s Ease-in-out infinite);
|
||||
}
|
||||
|
||||
.note-pulse{
|
||||
.animation(note-pulse 3s Ease-in-out infinite);
|
||||
}
|
||||
|
||||
.keyframes(note-pulse; {
|
||||
0% {
|
||||
transform: scale3d(1, 1, 1);
|
||||
}
|
||||
|
||||
50% {
|
||||
transform: scale3d(1.03, 1.03, 1.03);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: scale3d(1, 1, 1);
|
||||
}
|
||||
});
|
||||
|
||||
.keyframes(note-bounce; {
|
||||
0%, 20%, 50%, 80%, 100% {
|
||||
.transform(translateY(0));
|
||||
}
|
||||
40% {
|
||||
.transform(translateY(-25px));
|
||||
}
|
||||
60% {
|
||||
.transform(translateY(-10px));
|
||||
}
|
||||
});
|
||||
|
||||
.note-close{
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
top: 15px;
|
||||
color: @color_grey-dark;
|
||||
cursor: pointer;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.note-title{
|
||||
.fz(22);
|
||||
color: @color_orange;
|
||||
}
|
||||
|
||||
.note-description{
|
||||
margin: 0;
|
||||
}
|
||||
@@ -0,0 +1,64 @@
|
||||
.notification{
|
||||
padding: 150px 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.notification-icon{
|
||||
text-align: center;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.notification-close{
|
||||
position: absolute;
|
||||
right: 30px;
|
||||
top: 30px;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
cursor: pointer;
|
||||
|
||||
&:before, &:after{
|
||||
width: 2px;
|
||||
height: 30px;
|
||||
position: absolute;
|
||||
display: block;
|
||||
content: '';
|
||||
background-color: @color_grey-dark;
|
||||
top: 0;
|
||||
left: 13px;
|
||||
}
|
||||
|
||||
&:before{
|
||||
.transform(rotate(45deg));
|
||||
}
|
||||
|
||||
&:after{
|
||||
.transform(rotate(-45deg));
|
||||
}
|
||||
}
|
||||
|
||||
.notification-title{
|
||||
.fz(38);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.notification-description{
|
||||
.fz(20);
|
||||
text-align: center;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.notification-buttons{
|
||||
text-align: center;
|
||||
|
||||
.button{
|
||||
margin-right: 10px;
|
||||
|
||||
&:last-child{
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.media-mixin(@break) when (@break = @break-small-x) {
|
||||
.notification{ padding: 70px 0; }
|
||||
}
|
||||
71
application/view/mockup/template/less/modules/_number.less
Normal file
71
application/view/mockup/template/less/modules/_number.less
Normal file
@@ -0,0 +1,71 @@
|
||||
.number-box{
|
||||
margin-bottom: 30px;
|
||||
padding-left: 60px;
|
||||
position: relative;
|
||||
|
||||
.numbers > .row > div:last-child &{
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
|
||||
.number-icon{
|
||||
position: absolute;
|
||||
left: -15px;
|
||||
top: 2px;
|
||||
.fz(55);
|
||||
width: 60px;
|
||||
text-align: center;
|
||||
color: @color_grey;
|
||||
}
|
||||
|
||||
.number-wrapper{
|
||||
.fz(35);
|
||||
display: block;
|
||||
line-height: 40px;
|
||||
font-weight: @font_light;
|
||||
}
|
||||
|
||||
.number-description{
|
||||
.fz(13);
|
||||
display: block;
|
||||
margin-left: 3px;
|
||||
line-height: 1.4;
|
||||
color: @color_blue;
|
||||
}
|
||||
|
||||
|
||||
.media-mixin(@break) when (@break = @break-large-x) {
|
||||
.number-description { margin-left: 5px; }
|
||||
}
|
||||
|
||||
.media-mixin(@break) when (@break = @break-medium) {
|
||||
.number-box {
|
||||
border: none;
|
||||
padding-left: 100px;
|
||||
}
|
||||
|
||||
.number-icon{ width: 100px; }
|
||||
}
|
||||
|
||||
.media-mixin(@break) when (@break = @break-small-x) {
|
||||
.number-description {
|
||||
display: block;
|
||||
margin-left: 0;
|
||||
margin-top: 10px;
|
||||
max-width: none;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.number-wrapper {
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.number-box{
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.number-icon{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
113
application/view/mockup/template/less/modules/_one-page-nav.less
Normal file
113
application/view/mockup/template/less/modules/_one-page-nav.less
Normal file
@@ -0,0 +1,113 @@
|
||||
.one-page-nav-wrapper{
|
||||
border-top: 1px solid lighten(@color_grey-light, 5%);
|
||||
border-bottom: 1px solid lighten(@color_grey-light, 5%);
|
||||
position: absolute;
|
||||
top: 150px;
|
||||
bottom: 60px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
|
||||
.jspVerticalBar{
|
||||
background: transparent;
|
||||
width: 6px;
|
||||
}
|
||||
|
||||
.jspPane{
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.jspTrack{
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
&:hover .jspDrag{
|
||||
background-color: @color_grey;
|
||||
|
||||
}
|
||||
|
||||
.jspDrag{
|
||||
.transition(background-color);
|
||||
background-color: @color_grey-light;
|
||||
}
|
||||
}
|
||||
|
||||
.one-page-nav{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
font-weight: @font_light;
|
||||
|
||||
li{
|
||||
&.is-active > a{
|
||||
color: @color_blue;
|
||||
|
||||
&:after{
|
||||
width: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
a{
|
||||
display: block;
|
||||
padding: 7px 15px;
|
||||
color: darken(@color_grey-dark, 20%);
|
||||
text-decoration: none;
|
||||
position: relative;
|
||||
.fz(14);
|
||||
.transition(color);
|
||||
|
||||
&:after{
|
||||
position: absolute;
|
||||
content: '';
|
||||
display: block;
|
||||
height: 100%;
|
||||
width: 0;
|
||||
background-color: @color_blue;
|
||||
left: 0;
|
||||
top: 0;
|
||||
.transition(width);
|
||||
}
|
||||
|
||||
&:hover{
|
||||
color: @color_blue;
|
||||
|
||||
&:after{
|
||||
width: 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
border-bottom: 1px solid lighten(@color_grey-light, 5%);
|
||||
}
|
||||
|
||||
ul{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
|
||||
a{
|
||||
padding: 7px 15px 7px 30px;
|
||||
}
|
||||
|
||||
li:first-child{
|
||||
border-top: 1px solid lighten(@color_grey-light, 5%);
|
||||
}
|
||||
|
||||
li:last-child{
|
||||
border-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.one-page-nav-icon{
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
width: 12px;
|
||||
margin-right: 10px;
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
89
application/view/mockup/template/less/modules/_one-page.less
Normal file
89
application/view/mockup/template/less/modules/_one-page.less
Normal file
@@ -0,0 +1,89 @@
|
||||
.one-page-sidebar{
|
||||
position: fixed;
|
||||
height: 100%;
|
||||
z-index: 10;
|
||||
width: 250px;
|
||||
background-color: @color_grey-lighter;
|
||||
box-shadow: 0 0 4px 1px #ECECEC;
|
||||
}
|
||||
|
||||
.one-page-content{
|
||||
padding-left: 250px;
|
||||
|
||||
.container{
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.one-page-sidebar-header{
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.one-page-logo{
|
||||
text-align: center;
|
||||
padding: 30px 20px;
|
||||
font-size: 35px;
|
||||
line-height: 39px;
|
||||
font-weight: 300;
|
||||
|
||||
.logo-image{
|
||||
vertical-align: middle;
|
||||
|
||||
img{
|
||||
height: 35px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.one-page-meta{
|
||||
padding: 15px 0;
|
||||
border-top: 1px solid lighten(@color_grey-light, 10%);
|
||||
}
|
||||
|
||||
.one-page-meta-list{
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style-type: none;
|
||||
.fz(12);
|
||||
text-align: center;
|
||||
|
||||
li{
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
line-height: 20px;
|
||||
margin: 0 10px;
|
||||
}
|
||||
|
||||
a{
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
.one-page-meta-list-icon{
|
||||
color: @color_grey;
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
.one-page-sidebar-footer{
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
font-size: 12px;
|
||||
color: @color_grey-dark;
|
||||
text-align: center;
|
||||
line-height: 1.6;
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
.media-mixin(@break) when (@break = @break-medium) {
|
||||
.one-page-sidebar{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.one-page-content{
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user