Skip to content
GitLab
Commit 7ff29265 authored by mntmn's avatar mntmn
Browse files

initial commit.

parents
Hide whitespace changes
Inline Side-by-side
styles/space-guides.scss 0 → 100644
View file @ 7ff29265
$guide-gutter: 50px !default;
#space-helpers {
pointer-events:none;
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
// display: none;
.guides {
position:absolute;
height:100%;
width: 100%;
top:0;
z-index: 5000;
pointer-events: none !important;
// compensate for border spacing
// width: auto;
// left: -50px;
// right: -50px;
table {
width: 100%; // space width + (border spacing * 2)
height:100%;
position:absolute;
table-layout: auto;
border-collapse: separate;
border-spacing: $guide-gutter 0px;
// border-collapse: collapse;
// border-spacing: 0px 0px;
.column td {
border:1px solid rgba(40,140,215,0.6);;
// background-color:rgba(40,140,215,0.125);
&:first-child {
// border-left:1px solid #448afe;
}
// -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.075), 0 0 10px rgba(255,255,255, 0.075);
}
.margin-top td,
.margin-bottom td {
// background-color:rgba(40,140,215,0.1);
border-top:none;
border-bottom:none;
border-right:1px solid rgba(40,140,215,0.125);
border-left:1px solid rgba(40,140,215,0.125);;
height: $guide-gutter;
}
&.no-gutter .margin-top td:first-child,
&.no-gutter .margin-bottom td:first-child {
border-left:1px solid rgba(40,140,215,0.125);
}
&.no-gutter .column td,
&.no-gutter .margin-top td,
&.no-gutter .margin-bottom td{
border-left:none;
}
}
}
}
\ No newline at end of file
styles/space-profile.scss 0 → 100644
View file @ 7ff29265
@import "vars";
@import "mixins";
#space-profile {
.modal-content {width: 680px; }
}
#item-content {
position: relative;
z-index: 10;
}
#item-cover {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
opacity: 0.1;
background-size: cover;
background-position: center;
z-index: 0;
}
.item-head {
.item-title {margin-bottom: 15px; }
> span {display: block; }
}
.item-info {
margin-bottom: 30px;
}
.item-stats {
margin: 0;
padding: 5px 0;
margin-bottom: 20px;
list-style: none;
font-family: $main-font;
font-size: 13px;
li {
display: inline-block;
.icon {
margin-right: 0px;
}
> span {
margin-right: 10px;
}
}
}
.item-actions {}
.item-categories,
.item-tags {
padding-top: 20px;
margin-bottom: -20px;
ul {
margin: 0;
padding: 0;
list-style: none;
font-size: 0;
}
li {
display: inline-block;
margin-right: 5px;
margin-bottom: 10px;
span {
border: 2px solid rgba(255,255,255,0.1);
display: inline-block;
min-width: 32px;
height: 32px;
line-height: 28px;
font-size: 11px;
border-radius: 100px !important;
padding: 0 10px;
}
}
}
styles/space-sections.scss 0 → 100644
View file @ 7ff29265
@import "vars";
@import "mixins";
.confirm {
position: relative;
z-index: 100;
@include transition( all 0.1s ease-in-out);
&.open {
.confirmation {
.btn {color: white; }
@include scale(1,1);
opacity: 1;
pointer-events: auto;
}
}
.confirmation {
@include transition( all 0.1s ease-in-out);
@include scale(0.8,0.8);
opacity: 0;
pointer-events: none;
position: absolute;
top: 100%;
width: 100%;
background-color: $light;
padding-top: 18px !important;
.btn-cluster {
border-radius: 3px;
border-radius: 60px !important;
// border-top: 2px solid rgba(0,0,0,0.025);
background-color: $red;
}
}
}
.spacedeck-logo {
font-size: 20px;
line-height: 44px;
color: $darker;
padding-left: 0.5em;
padding-right: 10px;
&.white {
color: $light;
}
}
.version-date {
text-align: left;
display: block !important;
line-height: 1.8;
padding-left: 10px !important;
}
.present-mode {
#space { margin-bottom: 0px; }
.column-border,
.section-empty,
.section-selected,
.section-padding-corner,
.section-padding,
.section-border {display: none !important;}
.artifact {
iframe, a, video, audio {
pointer-events: all !important;
}
.link-wrapper, a.link {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
display: block;
opacity: 0;
height: 100%;
margin-top: 0;
}
.oembed-cloak {
display: none;
}
}
}
.background-image,
.cover-image {
overflow: hidden;
background-size: cover;
background-position: center;
z-index: 0;
position: relative;
.updating-image {
background-color: rgba(233, 233, 233, 0.9);
}
}
#offline-indicator {
pointer-events: none;
opacity: 0;
transition: all 1s linear;
-webkit-transition: all 1s linear;
&.offline {
opacity: 1;
pointer-events: all;
}
}
.embedded.board {
overflow: hidden !important;
}
.board {
padding: 0 !important;
.wrapper {
border: 1px dotted rgba(128,128,128,0.5);
transition-duration: 0.25s;
transition-property: width, height, background-color;
background-repeat: no-repeat;
background-size: cover;
}
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
position: relative;
overflow: scroll;
/** {
-moz-user-select: none !important; // firefox has selection problems
}*/
}
.snap-ruler-h {
pointer-events: none;
position: fixed;
z-index: 0;
right: 0px;
height: 1px;
background-color: rgba(0,0,0,0.5);
left: 0px;
}
.snap-ruler-v {
pointer-events: none;
position: fixed;
z-index: 0;
top: 0px;
bottom: 0px;
width: 1px;
background-color: rgba(0,0,0,0.5);
}
.cursor {
position: absolute;
z-index: 3000;
pointer-events: none;
.icon {
margin-left: -12px;
margin-top: -3px;
margin-right: -6px;
}
}
.present-mode {
.artifact:hover {
&:before,
&:after {
display: none !important;
}
}
}
.table .wrapper,
.article .wrapper {
max-width: 800px;
min-height: 100%;
.content {
min-height: 100%;
padding-bottom: 60px;
padding-top: 60px;
}
}
.article {
img {max-width: 100%; }
}
.table {
.table-wrapper {
max-width: 100%;
position: relative;
width: auto;
margin-left: -$font-size;
margin-right: -$font-size;
margin-top: -$font-size;
margin-bottom: -$font-size;
}
table {
width: 100%;
table-layout: auto;
border-collapse: separate;
border-spacing: $font-size $font-size;
}
tr {
border-top: 1px solid rgba(255,255,255,0.125);
}
td,
th {
border: none;
vertical-align: top;
text-align: left;
}
}
.section .wrapper {
position: absolute;
}
#space {
/*-webkit-user-select: all;
-ms-user-select: all;
-moz-user-select: all;
user-select: all;*/
position: relative;
height: 100% !important;
//padding-top: 64px !important;
background-color: #eee;
}
#made-with {
position: fixed;
width: 100%;
bottom: 0;
padding: 12px;
opacity: 0.25;
a {color: $dark; }
p {
text-align: center;
font-size: 11px;
}
}
#baseline {
position: absolute;
width: 100%;
pointer-events: none;
z-index: 10000;
list-style: none;
padding: 0;
margin: 0;
opacity: 0.05;
top: 0;
display: none;
li {
height: $line-height/4;
border-bottom: 1px solid $blue;
}
}
#space-header {
.item-meta {
color: $medium;
.item-social {
float: right;
padding-right: 8px;
//border-right: 2px solid rgba(0,0,0,0.025);
color: $medium;
.item-likes.active .icon-heart {
color: $red;
}
.item-likes,
.item-comments,
.item-shares {
position: relative;
cursor: pointer;
.number {
width: auto;
}
}
}
}
}
.space-bounds {
position: absolute;
left: 0px;
top: 0px;
pointer-events: none;
background-size: cover;
background-repeat: no-repeat;
min-width: 100%;
min-height: 100%;
background-color: white;
}
@-webkit-keyframes shake {
0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}
@-webkit-keyframes section-appear {
from { opacity: 0;}
to { opacity: 1; }
}
#minimap {
background-color: transparent;
position: absolute;
right: 30px;
bottom: 20px;
z-index: 20000;
border-radius: $radius;
border: 1px solid rgba(0,0,0,0.2);
overflow: hidden;
div {
background-color: rgba(0, 0, 0, 0.1);
position: absolute;
z-index: 1;
pointer-events: none;
}
div.window {
background-color:rgba(255,255,255,0.01);
border: 1px solid rgba(255,255,255,0.5);
}
}
.pro-teaser-colorpicker {
background-image: image-url("images/pro-teaser-colorpicker.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 100%;
height: 400px;
text-align: center;
p {
padding: 30px;
padding-bottom: 110px;
background-color: rgba(255,255,255,0.8);
}
button {
margin-top: 40px;
}
}
.jewel-pro {
color:white !important;
background-color:$blue !important;
top: -5px !important;
right: -5px !important;
}
.disabled-pro {
opacity: 0.7;
}
#space-loading {
position: fixed;
z-index: 10000;
display: table;
width: 200px;
height: 200px;
left: 50%;
top: 50%;
margin-top: -100px;
margin-left: -100px;
background-color: white;
border-radius: 100px;
opacity: 0;
pointer-events: none;
transition: opacity 1s ease-out;
> div {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.spinner {
background-image: url('/images/hourglass.gif');
}
&.active {
opacity: 1;
}
}
styles/style.scss 0 → 100644
View file @ 7ff29265
@import "vars";
@import "../public/fonts/font";
@import "../public/fonts/unicode";
@import "normalize";
@import "mixins";
@import "helper";
@import "type";
@import "form";
@import "form-checkbox";
@import "form-file";
@import "form-input-group";
@import "form-range";
@import "form-select";
@import "table";
@import "icon";
@import "button";
@import "dropdown";
@import "dialog";
@import "overflow";
@import "alerts";
@import "close";
@import "modal";
@import "search";
@import "select-list";
@import "row";
@import "header";
@import "login";
@import "updates";
@import "profile";
@import "folder";
@import "editors";
@import "team";
@import "toolbar";
@import "color";
@import "typography";
@import "layout";
@import "filter";
@import "canvas";
@import "margin-columns";
@import "pattern";
@import "metrics";
@import "lasso";
@import "section";
@import "column";
@import "annotation";
@import "chat";
@import "space-sections";
@import "sidebar";
@import "artifact";
@import "handles";
@import "smoke";
@import "landing";
html,
body {
height:100%;
-webkit-tap-highlight-color: transparent;
background-color: white;
background-color: $light;
color: $darker;
}
*[contenteditable="true"] {
outline: none;
}
*,
*:before,
*:after {
@include box-sizing(border-box);
}
body {
max-width: 100%;
padding: 0px;
text-rendering: optimizeLegibility;
//@include user-select(none);
cursor: default;
}
.img img {
max-width: 100%;
height: auto;
}
.plan {
color: $medium;
border-radius: $radius;
display: inline-block;
padding: 30px;
background-color: transparent;
border: 2px solid rgba(0,0,0,0.05);
width: 100%;
&.active {
background-color: white;
border: none;
}
h4 {
color: black;
margin-bottom: 0px;
}
p {
font-size: 13px;
line-height: 1.4;
margin-top: 5px;
margin-bottom: 5px;
}
ul {
list-style: none;
font-size: 10px;
margin: 0px;
padding: 0px;
border-top: 2px solid rgba(0,0,0,0.05);
padding-top: 20px;
margin-top: 20px;
margin-bottom: 20px;
li {padding-top: 2px; }
}
}
#startup {
background-position: center;
background-image:url(/images/diamond.svg);
background-repeat: no-repeat;
}
#home {
background-color: white;
}
.layer {
@include transition( all 0.2s ease-in-out);
@include backface-visibility(hidden);
position: absolute;
width: auto;
height: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
pointer-events: none;
// @include scale(0.95,0.95);
display: none;
z-index: 1000;
&.top-layer {
z-index: 3500;
}
&.in {
display: block;
&.top-layer {
z-index: 3500;
}
z-index: 2000;
// @include scale(1,1);
pointer-events: auto;
opacity: 1;
}
}
[draggable] {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
/* Required to make elements draggable in old WebKit */
-khtml-user-drag: element;
-webkit-user-drag: element;
}
[v-cloak] {
display: none !important;
}
styles/table.scss 0 → 100644
View file @ 7ff29265
@import "vars";
@import "mixins";
.table-wrap {
// margin-left: -40px;
// margin-right: -40px;
margin-bottom: 30px;
}
.table {
width: 100%;
color: $medium;;
font-family: $main-font;
// border-radius: $radius;
// border: 2px solid rgba(0,0,0,0.0125) !important;
}
.table thead > tr > th:first-child,
.table tbody > tr > th:first-child,
.table tfoot > tr > th:first-child,
.table thead > tr > td:first-child,
.table tbody > tr > td:first-child,
.table tfoot > tr > td:first-child {
width:1%;
padding-left: 25px;
text-align: left !important;
}
.table thead > tr > th:last-child,
.table tbody > tr > th:last-child,
.table tfoot > tr > th:last-child,
.table thead > tr > td:last-child,
.table tbody > tr > td:last-child,
.table tfoot > tr > td:last-child {
padding-right: 25px;
text-align: right;
width: 1%;
}
.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td {
padding: 10px;
border: none;
font-size: 16px;
line-height: inherit;
//white-space: nowrap;
vertical-align: middle;
height: 60px;
&.no-p {padding: 0px; }
&.max {width: 100%; }
&.min {width: 1%; }
border-bottom: 2px solid rgba(0,0,0,0.0125) !important;
}
.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th {
border: none;
line-height: inherit;
//white-space: nowrap;
vertical-align: middle;
padding: 10px 20px;
font-size: 10px;
text-transform: uppercase;
text-align: left;
}
.table tbody > tr:nth-child(odd) > td {
background-color: rgba(0,0,0,0.025);
}
.table thead > tr:first-child > td:first-child,
.table tbody > tr:first-child > td:first-child,
.table tfoot > tr:first-child > td:first-child {
border-top-left-radius: 3px;
}
.table thead > tr:first-child > td:last-child,
.table tbody > tr:first-child > td:last-child,
.table tfoot > tr:first-child > td:last-child {
border-top-right-radius: 3px;
}
.table thead > tr:last-child > td:first-child,
.table tbody > tr:last-child > td:first-child,
.table tfoot > tr:last-child > td:first-child {
border-bottom-left-radius: 3px;
}
.table thead > tr:last-child > td:last-child,
.table tbody > tr:last-child > td:last-child,
.table tfoot > tr:last-child > td:last-child {
border-bottom-right-radius: 3px;
}
styles/team.scss 0 → 100644
View file @ 7ff29265
@import "vars";
@import "mixins";
styles/toolbar.scss 0 → 100644
View file @ 7ff29265
@import "vars";
@import "mixins";
@import "bounce";
.toolbar {
&.toolbar-meta {
@include translate3d(0, -100%, 0);
width: auto !important;
top: 0 !important;
right: 0 !important;
bottom: auto !important;
}
&.toolbar-undo {
width: auto !important;
top: auto !important;
left: 0 !important;
bottom: 0 !important;
}
margin: auto;
//text-align: center;
position: fixed;
bottom: 0px;
//width: 100%;
z-index: 3000;
padding: $gutter-b;
font-size: 0;
line-height: 0;
transition-duration: 0.15s;
transition-timing-function: ease-in-out;
transition-delay: initial;
transition-property: opacity, transform;
@include backface-visibility(hidden);
@include translate3d(0, 10px, 0);
pointer-events: none !important;
opacity: 0;
&.out {
@include translate3d(0, 10px, 0);
* {pointer-events: none !important; }
button, input, .dialog {
display: none;
}
}
&.in {
@include translate3d(0, 0, 0);
&.out {
@include translate3d(0, 10px, 0);
* {pointer-events: none !important; }
}
}
> * {
margin: 0 2px;
margin-top: 4px;
pointer-events: auto !important;
&.out {
margin: 0;
opacity: 0;
}
}
&.toolbar-vertical {
width: auto !important;
&.toolbar-left {
left: 0px;
.panel-wrap {
left: 0px;
@include transform-origin(center left);
.panel {@include perspective-origin(center left);
> div {
@include rotateY(90deg);
@include transform-origin(center left);
}
}
}
}
&.toolbar-right {
right: 0px;
.panel-wrap {
right: 0px;
@include transform-origin(center right);
.panel {@include perspective-origin(center right);
> div {
@include rotateY(-90deg);
@include transform-origin(center right);
}
}
}
}
font-size: 0px;
height: 100%;
pointer-events: none;
@include transition( all 0.25s ease-in-out);
@include translate3d(0, 0, 0);
-webkit-perspective: 1000;
-moz-perspective: 1000;
-ms-perspective: 1000;
perspective: 1000;
.panel-toggles {
@include transition( all 0.15s ease-in-out);
display: inline-block;
vertical-align: middle;
.btn-group {
display: block;
margin: 4px 0;
}
// > div > * {
// height: 0px;
// // pointer-events: auto;
// display: block !important;
// overflow: hidden;
// @include transition( height 0.125s ease-in-out);
// }
// > div > .in {
// pointer-events: auto;
// cursor: pointer;
// height: 60px;
// }
}
.panels {
@include transition( all 0.15s ease-in-out);
height: 100%;
display: inline-block;
vertical-align: middle;
position: relative;
margin: 10px;
.panel-wrap {
display: table;
position: absolute;
height: 100%;
pointer-events: none;
@include scale(0,0);
@include user-select(none);
@include transition( all 0.125s ease-in-out);
&.open {
@include scale(1,1);
.panel > div {
@include rotateX(0deg);
opacity: 1 !important;
pointer-events: auto !important;
}
}
.panel {
display: table-cell;
vertical-align: middle;
// @include backface-visibility(hidden);
-webkit-perspective: 1000;
-moz-perspective: 1000;
-ms-perspective: 1000;
perspective: 1000;
z-index: 1000;
pointer-events: none;
> div {
@include backface-visibility(hidden);
/* Other transform properties here */
pointer-events: none;
@include transition(all 0.2s ease-in-out);
position: relative;
}
}
}
}
}
}
.toolbar-properties {
bottom: 64px;
z-index: 0;
&.in {
z-index: 3000;
}
.icon-sm {
z-index: 110;
background-color: #222;
border-radius: 50px;
}
.jewel {
border: 2px solid rgba(255,255,255,0.5);
background-color: transparent;
color: #989898;
width: 36px;
height: 36px;
border-top-left: 0px;
border-top-right: 0px;
font-size: 13px;
line-height: 26px;
top: 10px;
right: 2px;
box-shadow: 0px 0px 1px;
}
.jewel-stroke {
border-width: 10px;
}
.dropdown-toggle.open .jewel {
color: white;
}
}
.toolbar-elements > .btn-group,
.toolbar-properties > .btn-group {
box-shadow: 0 0 30px rgba(0,0,0,0.5);
}
styles/tools.scss 0 → 100644
View file @ 7ff29265
@import "vars";
@import "mixins";
#presentation-previous,
#presentation-next {
@include transition( all 0.25s ease-in-out);
position: absolute;
top: 50%;
margin: 10px;
margin-top: -30px;
pointer-events: none;
opacity: 0;
text-shadow: 0 0 2px rgba(255,255,255,0.05);
color: $dark;
z-index: 1000;
&:active {
@include transition( all 0s ease-in-out);
}
}
#presentation-previous {left: 0; }
#presentation-next {right: 0; }
#properties {
position: absolute;
right: 0px;
padding: 10px;
font-size: 0px;
white-space: nowrap;
height: 100%;
pointer-events: none;
@include transition( all 0.25s ease-in-out);
@include translate3d(0, 0, 0);
// @include backface-visibility(hidden);
-webkit-perspective: 1000;
-moz-perspective: 1000;
-ms-perspective: 1000;
perspective: 1000;
.panel-toggles {
@include transition( all 0.15s ease-in-out);
display: inline-block;
vertical-align: middle;
> div {
background-color: $dark !important;
color: $light;
border-radius: $radius;
font-size: 0px;
// border-top-right-radius: 0 !important;
// border-bottom-right-radius: 0 !important;
}
> div > * {
height: 0px;
// pointer-events: auto;
display: block !important;
overflow: hidden;
@include transition( height 0.125s ease-in-out);
}
> div > .in {
pointer-events: auto;
cursor: pointer;
height: 60px;
}
}
.panels {
@include transition( all 0.15s ease-in-out);
height: 100%;
display: inline-block;
vertical-align: middle;
position: relative;
margin-right: 10px;
.panel-wrap {
display: table;
position: absolute;
height: 100%;
right: 0px;
pointer-events: none;
@include scale(0,0);
@include user-select(none);
@include transform-origin(center right);
@include transition( all 0.125s ease-in-out);
&.active {
@include scale(1,1);
.panel > div {
@include rotateX(0deg);
pointer-events: auto !important;
}
}
.panel {
display: table-cell;
vertical-align: middle;
// @include backface-visibility(hidden);
-webkit-perspective: 1000;
-moz-perspective: 1000;
-ms-perspective: 1000;
perspective: 1000;
z-index: 1000;
@include perspective-origin(center right);
pointer-events: none;
> div {
@include rotateY(-90deg);
@include transform-origin(center right);
@include backface-visibility(hidden);
/* Other transform properties here */
pointer-events: none;
@include transition(all 0.2s ease-in-out);
position: relative;
background-color: $dark !important;
color: $light;
border-radius: $radius;
// overflow: hidden;
.section {
border-top: 2px solid rgba(0,0,0,0.1);
padding: 12px;
text-align: center;
min-width: 200px;
.label-sm {margin-bottom: 0px !important; pointer-events: none;}
.label-sm + input {margin-top: -8px !important; }
.label-sm + .btn-group {margin-top: -8px !important; }
.input {
height: 45px;
line-height: 45px;
}
}
}
}
}
}
}
#property-rotate {
overflow: hidden;
width: 60px;
height: 60px;
display: inline-block;
vertical-align: middle;
@include transition( all 0.25s ease-in-out);
&.inactive {
width: 0px;
}
}
#selection-tools {
position: absolute;
top: 50%;
left: 50%;
@include translate (-50%, -50%);
}
.unit {
font-family: 'open sans', sans-serif;
font-size: 9px;
margin-left: 3px;
text-transform: uppercase;
display: none;
}
#tools {
@include transition( all 0.25s ease-in-out);
position: absolute;
left: 0px;
padding: 10px;
font-size: 0;
height: 100%;
pointer-events: none;
z-index: 10;
> .btn-group {
background-color: $dark !important;
color: $light;
border-radius: $radius;
pointer-events: auto;
@include clearfix;
display: inline-block;
position: relative;
white-space: nowrap;
font-size: 0px;
text-align: center;
font-size: 0px;
line-height: 0px;
// border-top-left-radius: 0 !important;
// border-bottom-left-radius: 0 !important;
.btn {
display: block;
}
.btn.btn-divider {
min-height: 2px;
min-width: 60px;
width: 60px;
height: 2px !important;
padding: 0px;
background-color: rgba(0, 0, 0, 0.1);
margin: -1px 0;
opacity: 1;
z-index: 1000;
position: relative;
}
}
}
// #tools {
// position: absolute;
// top: 10px;
// width: 100%;
// @include transition( all 0.25s ease-in-out);
// z-index: 2000;
// pointer-events: none;
// -webkit-backface-visibility: hidden;
// -moz-backface-visibility: hidden;
// -ms-backface-visibility: hidden;
// backface-visibility: hidden;
// .btn {
// div {
// position: absolute;
// width: 100%;
// }
// &.fill-color-1 .jewel{ background-color: #4a2f7e; }
// &.fill-color-2 .jewel{ background-color: #9b59b6; }
// &.fill-color-3 .jewel{ background-color: #3498db; }
// &.fill-color-4 .jewel{ background-color: #2ecc71; }
// &.fill-color-5 .jewel{ background-color: #f1c40f; }
// &.fill-color-6 .jewel{ background-color: #e67e22; }
// &.fill-color-7 .jewel{ background-color: #d55c4b; }
// &.fill-color-8 .jewel{ background-color: #6f4021; }
// &.fill-color-9 .jewel{ background-color: #ffffff; }
// &.fill-color-10 .jewel{ background-color: #95a5a6; }
// &.fill-color-11 .jewel{ background-color: #252525; }
// &.fill-color-12 .jewel{ background-color: transparent !important;
// background-image: url('../images/opacity-grid.png');
// background-size: contain;
// }
// &.stroke-color-1 .jewel{ background-color: #4a2f7e;}
// &.stroke-color-2 .jewel{ background-color: #9b59b6;}
// &.stroke-color-3 .jewel{ background-color: #3498db;}
// &.stroke-color-4 .jewel{ background-color: #2ecc71;}
// &.stroke-color-5 .jewel{ background-color: #f1c40f;}
// &.stroke-color-6 .jewel{ background-color: #e67e22;}
// &.stroke-color-7 .jewel{ background-color: #d55c4b;}
// &.stroke-color-8 .jewel{ background-color: #6f4021;}
// &.stroke-color-9 .jewel{ background-color: #ffffff;}
// &.stroke-color-10 .jewel{ background-color: #95a5a6;}
// &.stroke-color-11 .jewel{ background-color: #252525;}
// &.stroke-color-12 .jewel{ background-color: transparent !important;
// background-image: url('../images/opacity-grid.png');
// background-size: contain;
// }
// }
// }
// .tool-set {
// @include user-select(none);
// pointer-events: none;
// text-align: center;
// font-size: 0px;
// width: auto;
// white-space: nowrap;
// &#sub-tools,
// &#main-tools{
// @include transition( all 0.15s ease-in-out);
// }
// &#main-tools {
// top: 10px;
// }
// &#sub-tools {
// top: 72px;
// -webkit-perspective: 1000;
// -moz-perspective: 1000;
// -ms-perspective: 1000;
// perspective: 1000;
// > div {
// @include rotateX(-90deg);
// -webkit-backface-visibility: hidden;
// -moz-backface-visibility: hidden;
// -ms-backface-visibility: hidden;
// backface-visibility: hidden;
// /* Other transform properties here */
// top: 0px;
// position: absolute;
// width: 100%;
// pointer-events: none;
// @include opacity(0);
// @include transition( all 0.2s ease-in-out);
// height: 0px !important;
// &.in {
// @include rotateX(0deg);
// @include opacity(1);
// pointer-events: auto !important;
// }
// }
// }
// > .btn-group {
// background-color: $dark !important;
// color: $light;
// border-radius: $radius;
// @include clearfix;
// display: inline-block;
// position: relative;
// white-space: nowrap;
// font-size: 0px;
// text-align: center;
// font-size: 0px;
// line-height: 0px;
// .btn {
// pointer-events: auto;
// }
// }
// }
styles/type.scss 0 → 100644
View file @ 7ff29265
@import "vars";
@import "mixins";
body {
background-color: $light;
color: $medium;
font-weight: 300;
font-weight: 400;
font-family: $main-font, sans-serif;
font-weight: 300;
font-size: 15px;
line-height: 1.6;
}
hr {
margin: auto;
// margin-top: ($line-height*2)-1;
// margin-bottom: $line-height*2;
width: auto;
border: none;
border-top: 2px solid rgba(0,0,0,0.025);
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
color: inherit;
font-family: inherit;
font-weight: 500;
line-height: 1.3;
margin-top: 0px;
margin-bottom: 1em;
// font-family: $main-font;
display: block;
&:last-child { margin-bottom: 0px; }
}
h1, .h1 { font-size: 54px; }
h2, .h2 {font-size: 40px; }
h3, .h3 {font-size: 30px; }
h4, .h4 {font-size: 20px; }
h5, .h5 {font-size: 16px; }
h6, .h6 {font-size: 14px; }
strong {font-weight: 500; }
small {font-size: 75%; }
a {
text-decoration: none;
color: $medium;
}
dl {
background-color: rgba(0,0,0,0.05);
color: rgba(136,136,136,1);
border-radius: $radius;
display: inline-block;
margin-right: 5px;
padding: 15px 25px;
dt {
font-weight: bold;
}
dd {
padding: 0px;
margin: 0px;
}
}
ol, ul, p {
font-size: 20px;
line-height: 1.6;
margin: 0px;
margin-bottom: 1em;
/*&:last-child {
margin-bottom: 0px;
}*/
small {
font-size: 80%;
line-height: 170%;
display: inline-block;
}
a {
-ms-word-break: break-all;
word-break: break-all;
/* Non standard for webkit */
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
b {
font-weight: 700;
}
&.lead {
font-weight: 200;
font-size: 22px !important;
line-height: 1.4;
&.lead-lg { $font-size: 20px*1.5 !important; }
&.lead-xl { font-size: 40px !important; }
&.lead-xxl { font-size: 60px !important; }
small { font-size: 60%; }
b { font-weight: 600; }
}
}
// ol, ul {padding-left: 20px; }
// ol.lead {padding-left: 29px; }
// ul.lead {padding-left: 23px; }
styles/typography.scss 0 → 100644
View file @ 7ff29265
@import "vars";
@import "mixins";
#font,
#style {
top: 0px;
.select-list {background-color: transparent; }
}
#font {
.font-header {
background: rgba(0,0,0,0.025);
}
#font-search {border-bottom: 2px solid rgba(0,0,0,0.0125);
.input {padding-left: 25px; }
position: relative;
}
.select-list {
li {
font-size: 20px;
> a,
> span {
}
&:hover {
> span {padding-right: 40px; }
.fav-toggle {
display: block;
&:hover {opacity: 1;
color: white;
}
}
}
.fav-toggle {
color: $medium;
display: none;
position: absolute;
right: 10px;
top: 0;
&:before {
height: 38px !important;
line-height: 38px !important;
}
}
}
}
//.overflow-y-scroll {top: 93px; }
.tabs-switcher {
padding: 15px 20px;
padding-bottom: 0;
ul {
display: table;
width: 100%;
padding: 0;
}
li {
display: table-cell;
span {
padding: 8px 10px;
text-align: center;
text-transform: uppercase;
font-size: 10px;
display: block;
cursor: pointer;
}
color: $dark;
border-right: 2px solid transparent;
background-color: rgba(0,0,0,0.1);
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
&:first-child {
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
padding-left: 6px;
}
&:last-child {
padding-right: 6px;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
border: none;
}
&.active {
background-color: rgba(0,0,0,0.25);
color: $light;
}
}
}
}
#typography {
#format {
top: 54px;
/* As of August 2012, only supported in Chrome 21+ */
display: -webkit-flex;
flex-direction: column;
.select-list {background-color: transparent; }
.overflow-y-scroll {
flex: 1;
position: relative;
}
.actions {
padding: 15px 20px;
height: 80px;
}
}
.btn-more,
.btn-less {
position: absolute;
&:active .icon {
opacity: 1;
}
.icon {
color: white;
opacity: 0.2;
}
}
#alignment {padding-top: 10px; }
#styles{padding-bottom: 10px; }
#font-style,
#font-face {
padding: 10px;
}
#font-face {padding-bottom: 0; }
#font-style {padding-top: 0; }
#type-ratio {
@include clearfix();
margin: auto;
padding-top: 20px;
width: 100%;
text-align: center;
position: relative;
#type-ratio-toggle {
position: absolute;
bottom: 0px;
left: 50%;
margin-left: -30px;
opacity: 0.25;
&:hover {
opacity: 0.4;
}
}
#font-size {
> label {right: 0px; text-align: center; }
> .icon {right: 0px; }
.btn-more, .btn-less { left: 0px;}
}
#line-height {
> label { left: 0px; text-align: center; }
> .icon { left: 0px; }
.btn-more, .btn-less { right: 0px;}
}
#font-size {text-align: right; }
#font-size .form-group {padding-right: 0px;}
#line-height {text-align: left; }
#line-height .form-group {padding-left: 0px;}
#font-size,
#line-height {
display: inline-block;
width: 50%;
.fader {
position: relative;
height: 140px;
width: 40px;
display: inline-block;
background-color: rgba(0,0,0,0.25);
border-radius: 30px;
margin: 2px;
margin-bottom: 15px;
.fader-constraint {
width: 100%;
height: auto;
position: absolute;
top: 20px;
bottom: 20px;
cursor: -webkit-grab; cursor: -moz-grab;
&:active {
cursor: -webkit-grabbing; cursor: -moz-grabbing;
}
}
.fader-indicator {
background-color: rgba(40,140,215,1);
border-radius: 30px;
width: 40px;
position: absolute;
bottom: 0px;
margin: 0px;
// min-height: 40px;
padding-bottom: 40px;
pointer-events: none;
@include box-sizing(content-box);
}
.fader-selector {
cursor: ns-resize;
position: absolute;
margin-top: -22px;
pointer-events: none;
}
.fader-selector:active {
.value {color: $light; }
}
}
.form-group {
margin-bottom: 7px;
}
.btn-more {top: 0px; }
.btn-less {bottom: 60px; }
.value {
cursor: ns-resize;
height: 44px;
line-height: 44px;
display: block;
width: 100px;
padding: 0 16px;
font-size: 16px;
font-size: 22px;
color: $medium;
position: absolute;
text-align: center;
top: 0px;
}
}
}
#tracking {
text-align: center;
white-space: nowrap;
position: relative;
.a,
.b {
font-size: 22px;
display: inline-block;
color: $medium;
width: 32px;
height: 60px;
line-height: 60px;
vertical-align: middle;
opacity: 0.4;
}
.arrow-left,
.arrow-right {
background-color: $medium;
height: 2px;
width: 20px;
display: inline-block;
vertical-align: middle;
opacity: 0.4;
position: relative;
&:after {
content: "";
position: absolute;
top: -4px;
right: 0;
margin: 0;
width: 0;
height: 0;
border-width: 5px;
border-style: solid;
border-color: transparent;
pointer-events: none !important;
}
}
.arrow-left:after { right: 100%; border-right-color: $medium; }
.arrow-right:after { left: 100%; border-left-color: $medium; }
.value {
background-color: $dark;
cursor: ew-resize;
height: 60px;
width: 26px;
left: 50%;
margin-left: -13px;
line-height: 60px;
display: inline-block;
font-size: 22px;
color: $medium;
position: absolute;
bottom: 0px;
&:active {color: $light; }
}
}
}
\ No newline at end of file
styles/unicode.scss 0 → 100644
View file @ 7ff29265
.icon-bullet:before {
content: "\2022";
}
.icon-hyphen:before {
content: "\002D";
}
.icon-Euro:before {
content: "\20AC";
}
.icon-minus:before {
content: "\2212";
}
.icon-plus:before {
content: "\002B";
}
.icon-cloud:before {
content: "\2601";
}
.icon-lightning:before {
content: "\2607";
}
.icon-heartsuitblack:before {
content: "\2665";
}
.icon-whiteFlag:before {
content: "\2690";
}
.icon-blackFlag:before {
content: "\2691";
}
.icon-crossedSwords:before {
content: "\2694";
}
.icon-blackScissorsRight:before {
content: "\2702";
}
.icon-airplane:before {
content: "\2708";
}
.icon-envelope:before {
content: "\2709";
}
.icon-pencil:before {
content: "\270F";
}
.icon-sparkle:before {
content: "\2747";
}
.icon-at:before {
content: "\0040";
}
.icon-copyright:before {
content: "\00A9";
}
.icon-registered:before {
content: "\00AE";
}
.icon-section:before {
content: "\00A7";
}
.icon-battery:before {
content: "\1F50B";
}
.icon-bell:before {
content: "\1F514";
}
.icon-bookmark:before {
content: "\1F516";
}
.icon-calendar:before {
content: "\1F4C5";
}
.icon-camera:before {
content: "\1F4F7";
}
.icon-clipboard:before {
content: "\1F4CB";
}
.icon-hourglass:before {
content: "\231B";
}
.icon-microphone:before {
content: "\1F3A4";
}
.icon-newspaper:before {
content: "\1F4F0";
}
.icon-paperclip:before {
content: "\1F4CE";
}
.icon-radio:before {
content: "\1F4FB";
}
.icon-wrench:before {
content: "\1F527";
}
.icon-align-bottom:before {
content: "\E004";
}
.icon-align-center-horizontal:before {
content: "\E005";
}
.icon-align-center-vertical:before {
content: "\E006";
}
.icon-align-left:before {
content: "\E007";
}
.icon-align-right:before {
content: "\E008";
}
.icon-align-to-canvas:before {
content: "\E009";
}
.icon-align-top:before {
content: "\E00A";
}
.icon-align-vertical-bottom:before {
content: "\E00B";
}
.icon-align-vertical-middle:before {
content: "\E00C";
}
.icon-align-vertical-top:before {
content: "\E00D";
}
.icon-antenna:before {
content: "\E00E";
}
.icon-application:before {
content: "\E00F";
}
.icon-arrow-0:before {
content: "\E010";
}
.icon-arrow-1:before {
content: "\E011";
}
.icon-arrow-2:before {
content: "\E012";
}
.icon-arrow-3:before {
content: "\E013";
}
.icon-arrow-4:before {
content: "\E014";
}
.icon-arrow-bottom-light:before {
content: "\E015";
}
.icon-arrow-down:before {
content: "\E016";
}
.icon-arrow-fork:before {
content: "\E017";
}
.icon-arrow-horizontal:before {
content: "\E018";
}
.icon-arrow-left:before {
content: "\E019";
}
.icon-arrow-left-down:before {
content: "\E01A";
}
.icon-arrow-left-light:before {
content: "\E01B";
}
.icon-arrow-left-up:before {
content: "\E01C";
}
.icon-arrow-merge:before {
content: "\E01D";
}
.icon-arrow-right:before {
content: "\E01E";
}
.icon-arrow-right-down:before {
content: "\E01F";
}
.icon-arrow-right-light:before {
content: "\E020";
}
.icon-arrow-right-up:before {
content: "\E021";
}
.icon-arrow-thin-down:before {
content: "\E022";
}
.icon-arrow-thin-left:before {
content: "\E023";
}
.icon-arrow-thin-right:before {
content: "\E024";
}
.icon-arrow-thin-up:before {
content: "\E025";
}
.icon-arrow-top:before {
content: "\E026";
}
.icon-arrow-top-light:before {
content: "\E027";
}
.icon-arrow-vertical:before {
content: "\E028";
}
.icon-arrows-horizontal:before {
content: "\E029";
}
.icon-arrows-in:before {
content: "\E02A";
}
.icon-arrows-out:before {
content: "\E02B";
}
.icon-arrows-thin-horizontal:before {
content: "\E02C";
}
.icon-arrows-thin-vertical:before {
content: "\E02D";
}
.icon-arrows-vertical:before {
content: "\E02E";
}
.icon-ban-0:before {
content: "\E02F";
}
.icon-ban-1:before {
content: "\E030";
}
.icon-ban-2:before {
content: "\E031";
}
.icon-ban-3:before {
content: "\E032";
}
.icon-ban-4:before {
content: "\E033";
}
.icon-bar-code:before {
content: "\E034";
}
.icon-battery-0:before {
content: "\E035";
}
.icon-battery-1:before {
content: "\E036";
}
.icon-battery-2:before {
content: "\E037";
}
.icon-battery-3:before {
content: "\E038";
}
.icon-battery-4:before {
content: "\E039";
}
.icon-battery-5:before {
content: "\E03A";
}
.icon-battery-6:before {
content: "\E03B";
}
.icon-battery-7:before {
content: "\E03C";
}
.icon-battery-8:before {
content: "\E03D";
}
.icon-battery-loading:before {
content: "\E03E";
}
.icon-beverage-beer:before {
content: "\E03F";
}
.icon-beverage-cocktail:before {
content: "\E040";
}
.icon-beverage-wine:before {
content: "\E041";
}
.icon-book:before {
content: "\E042";
}
.icon-book-contacts:before {
content: "\E043";
}
.icon-book-open:before {
content: "\E044";
}
.icon-border-dashed:before {
content: "\E045";
}
.icon-border-dotted:before {
content: "\E046";
}
.icon-border-radius:before {
content: "\E047";
}
.icon-border-solid:before {
content: "\E048";
}
.icon-brightness:before {
content: "\E049";
}
.icon-calculator:before {
content: "\E04A";
}
.icon-calculator-black:before {
content: "\E04B";
}
.icon-camera-black:before {
content: "\E04C";
}
.icon-canvas:before {
content: "\E04D";
}
.icon-canvas-square:before {
content: "\E04E";
}
.icon-cd:before {
content: "\E04F";
}
.icon-certificate:before {
content: "\E050";
}
.icon-chart-0:before {
content: "\E051";
}
.icon-chart-1:before {
content: "\E052";
}
.icon-chart-2:before {
content: "\E053";
}
.icon-chart-3:before {
content: "\E054";
}
.icon-chart-4:before {
content: "\E055";
}
.icon-chart-5:before {
content: "\E056";
}
.icon-chart-6:before {
content: "\E057";
}
.icon-chart-7:before {
content: "\E058";
}
.icon-chart-8:before {
content: "\E059";
}
.icon-chart-bars:before {
content: "\E05A";
}
.icon-check:before {
content: "\E05B";
}
.icon-chevron-down-0:before {
content: "\E05C";
}
.icon-chevron-down-1:before {
content: "\E05D";
}
.icon-chevron-down-2:before {
content: "\E05E";
}
.icon-chevron-down-3:before {
content: "\E05F";
}
.icon-chevron-down-4:before {
content: "\E060";
}
.icon-chevron-left-0:before {
content: "\E061";
}
.icon-chevron-left-1:before {
content: "\E062";
}
.icon-chevron-left-2:before {
content: "\E063";
}
.icon-chevron-left-3:before {
content: "\E064";
}
.icon-chevron-left-4:before {
content: "\E065";
}
.icon-chevron-right-0:before {
content: "\E066";
}
.icon-chevron-right-1:before {
content: "\E067";
}
.icon-chevron-right-2:before {
content: "\E068";
}
.icon-chevron-right-3:before {
content: "\E069";
}
.icon-chevron-right-4:before {
content: "\E06A";
}
.icon-chevron-up-0:before {
content: "\E06B";
}
.icon-chevron-up-1:before {
content: "\E06C";
}
.icon-chevron-up-2:before {
content: "\E06D";
}
.icon-chevron-up-3:before {
content: "\E06E";
}
.icon-chevron-up-4:before {
content: "\E06F";
}
.icon-circle-0:before {
content: "\E070";
}
.icon-circle-1:before {
content: "\E071";
}
.icon-circle-2:before {
content: "\E072";
}
.icon-circle-3:before {
content: "\E073";
}
.icon-circle-4:before {
content: "\E074";
}
.icon-circle-check:before {
content: "\E075";
}
.icon-circle-down:before {
content: "\E076";
}
.icon-circle-exclude:before {
content: "\E077";
}
.icon-circle-info:before {
content: "\E078";
}
.icon-circle-intersect:before {
content: "\E079";
}
.icon-circle-left:before {
content: "\E07A";
}
.icon-circle-minus:before {
content: "\E07B";
}
.icon-circle-plus:before {
content: "\E07C";
}
.icon-circle-question:before {
content: "\E07D";
}
.icon-circle-remove:before {
content: "\E07E";
}
.icon-circle-right:before {
content: "\E07F";
}
.icon-circle-subtract:before {
content: "\E080";
}
.icon-circle-unite:before {
content: "\E081";
}
.icon-circle-up:before {
content: "\E082";
}
.icon-circle-warning:before {
content: "\E083";
}
.icon-clock:before {
content: "\E084";
}
.icon-cloud-down:before {
content: "\E085";
}
.icon-cloud-upload:before {
content: "\E086";
}
.icon-cluster:before {
content: "\E087";
}
.icon-cogwheel:before {
content: "\E088";
}
.icon-columns:before {
content: "\E089";
}
.icon-columns-3:before {
content: "\E08A";
}
.icon-compass:before {
content: "\E08B";
}
.icon-compass-east:before {
content: "\E08C";
}
.icon-compass-north:before {
content: "\E08D";
}
.icon-compass-north-east:before {
content: "\E08E";
}
.icon-compass-north-west:before {
content: "\E08F";
}
.icon-compass-south:before {
content: "\E090";
}
.icon-compass-south-east:before {
content: "\E091";
}
.icon-compass-south-west:before {
content: "\E092";
}
.icon-compass-west:before {
content: "\E093";
}
.icon-contrast:before {
content: "\E094";
}
.icon-controls-backward:before {
content: "\E095";
}
.icon-controls-eject:before {
content: "\E096";
}
.icon-controls-fast-backward:before {
content: "\E097";
}
.icon-controls-fast-forward:before {
content: "\E098";
}
.icon-controls-forward:before {
content: "\E099";
}
.icon-controls-pause:before {
content: "\E09A";
}
.icon-controls-play:before {
content: "\E09B";
}
.icon-controls-stop:before {
content: "\E09C";
}
.icon-couple:before {
content: "\E09D";
}
.icon-creditcard:before {
content: "\E09E";
}
.icon-cross-0:before {
content: "\E09F";
}
.icon-cross-1:before {
content: "\E0A0";
}
.icon-cross-2:before {
content: "\E0A1";
}
.icon-cross-3:before {
content: "\E0A2";
}
.icon-cross-4:before {
content: "\E0A3";
}
.icon-cross-hair:before {
content: "\E0A4";
}
.icon-cullumn-spacing:before {
content: "\E0A5";
}
.icon-currency-dollar:before {
content: "\E0A6";
}
.icon-currency-pound:before {
content: "\E0A7";
}
.icon-cursor-text:before {
content: "\E0A8";
}
.icon-cursor-text-frame:before {
content: "\E0A9";
}
.icon-curved-arrow:before {
content: "\E0AA";
}
.icon-cuttlery:before {
content: "\E0AB";
}
.icon-dashboard:before {
content: "\E0AC";
}
.icon-device-desktop:before {
content: "\E0AD";
}
.icon-device-mobile:before {
content: "\E0AE";
}
.icon-device-mobile-down:before {
content: "\E0AF";
}
.icon-device-mobile-transfer:before {
content: "\E0B0";
}
.icon-device-mobile-up:before {
content: "\E0B1";
}
.icon-device-mp3:before {
content: "\E0B2";
}
.icon-device-notebook:before {
content: "\E0B3";
}
.icon-device-tablet:before {
content: "\E0B4";
}
.icon-directions-axis:before {
content: "\E0B5";
}
.icon-directions-omni:before {
content: "\E0B6";
}
.icon-directions-seperate:before {
content: "\E0B7";
}
.icon-distribute-horizontal:before {
content: "\E0B8";
}
.icon-distribute-vertical:before {
content: "\E0B9";
}
.icon-download:before {
content: "\E0BA";
}
.icon-duplicate:before {
content: "\E0BB";
}
.icon-duplicate-alt:before {
content: "\E0BC";
}
.icon-edge-bottom:before {
content: "\E0BD";
}
.icon-edge-left:before {
content: "\E0BE";
}
.icon-edge-right:before {
content: "\E0BF";
}
.icon-edge-top:before {
content: "\E0C0";
}
.icon-ellipse-horizontal:before {
content: "\E0C1";
}
.icon-ellipse-vertical:before {
content: "\E0C2";
}
.icon-embed:before {
content: "\E0C3";
}
.icon-embed-alt:before {
content: "\E0C4";
}
.icon-emote-1:before {
content: "\E0C5";
}
.icon-emote-2:before {
content: "\E0C6";
}
.icon-emote-3:before {
content: "\E0C7";
}
.icon-emote-4:before {
content: "\E0C8";
}
.icon-emote-big-smile:before {
content: "\E0C9";
}
.icon-emote-only-happy:before {
content: "\E0CA";
}
.icon-emote-sad:before {
content: "\E0CB";
}
.icon-emote-smile:before {
content: "\E0CC";
}
.icon-emote-tongue:before {
content: "\E0CD";
}
.icon-escape:before {
content: "\E0CE";
}
.icon-eye-closed:before {
content: "\E0CF";
}
.icon-eye-open:before {
content: "\E0D0";
}
.icon-feather:before {
content: "\E0D1";
}
.icon-female:before {
content: "\E0D2";
}
.icon-female-afro:before {
content: "\E0D3";
}
.icon-female-bun:before {
content: "\E0D4";
}
.icon-female-emo:before {
content: "\E0D5";
}
.icon-female-long-hair:before {
content: "\E0D6";
}
.icon-female-moslem:before {
content: "\E0D7";
}
.icon-female-pigtails:before {
content: "\E0D8";
}
.icon-female-pigtails-alt:before {
content: "\E0D9";
}
.icon-female-user:before {
content: "\E0DA";
}
.icon-fetch:before {
content: "\E0DB";
}
.icon-file-check:before {
content: "\E0DC";
}
.icon-file-edit:before {
content: "\E0DD";
}
.icon-file-share:before {
content: "\E0DE";
}
.icon-fit-to:before {
content: "\E0DF";
}
.icon-flag:before {
content: "\E0E0";
}
.icon-flip-down:before {
content: "\E0E1";
}
.icon-flip-left:before {
content: "\E0E2";
}
.icon-flip-right:before {
content: "\E0E3";
}
.icon-flip-up:before {
content: "\E0E4";
}
.icon-floppydisk:before {
content: "\E0E5";
}
.icon-flow:before {
content: "\E0E6";
}
.icon-folder:before {
content: "\E0E7";
}
.icon-folder-down:before {
content: "\E0E8";
}
.icon-folder-favorites:before {
content: "\E0E9";
}
.icon-folder-flagged:before {
content: "\E0EA";
}
.icon-folder-leave:before {
content: "\E0EB";
}
.icon-folder-locked:before {
content: "\E0EC";
}
.icon-folder-minus:before {
content: "\E0ED";
}
.icon-folder-open:before {
content: "\E0EE";
}
.icon-folder-open-2:before {
content: "\E0EF";
}
.icon-folder-plus:before {
content: "\E0F0";
}
.icon-folder-remove:before {
content: "\E0F1";
}
.icon-folder-shared:before {
content: "\E0F2";
}
.icon-folder-up:before {
content: "\E0F3";
}
.icon-form-exclude:before {
content: "\E0F4";
}
.icon-form-intersect:before {
content: "\E0F5";
}
.icon-form-subtract:before {
content: "\E0F6";
}
.icon-form-unite:before {
content: "\E0F7";
}
.icon-full-screen:before {
content: "\E0F8";
}
.icon-fullscreen-off:before {
content: "\E0F9";
}
.icon-fullscreen-on:before {
content: "\E0FA";
}
.icon-globe:before {
content: "\E0FB";
}
.icon-grid:before {
content: "\E0FC";
}
.icon-grid-free:before {
content: "\E0FD";
}
.icon-grid-small:before {
content: "\E0FE";
}
.icon-group:before {
content: "\E0FF";
}
.icon-handle:before {
content: "\E100";
}
.icon-harddrive:before {
content: "\E101";
}
.icon-heading:before {
content: "\E102";
}
.icon-headphones:before {
content: "\E103";
}
.icon-heart:before {
content: "\E104";
}
.icon-heart-hollow:before {
content: "\E105";
}
.icon-history:before {
content: "\E106";
}
.icon-home:before {
content: "\E107";
}
.icon-human:before {
content: "\E108";
}
.icon-inbox:before {
content: "\E109";
}
.icon-info:before {
content: "\E10A";
}
.icon-input-checkbox:before {
content: "\E10B";
}
.icon-input-checkbox-checked:before {
content: "\E10C";
}
.icon-input-radio:before {
content: "\E10D";
}
.icon-input-radio-checked:before {
content: "\E10E";
}
.icon-leave:before {
content: "\E10F";
}
.icon-lightbulb:before {
content: "\E110";
}
.icon-line-0:before {
content: "\E111";
}
.icon-line-1:before {
content: "\E112";
}
.icon-line-2:before {
content: "\E113";
}
.icon-line-3:before {
content: "\E114";
}
.icon-line-4:before {
content: "\E115";
}
.icon-line-half-0:before {
content: "\E116";
}
.icon-line-half-1:before {
content: "\E117";
}
.icon-line-half-2:before {
content: "\E118";
}
.icon-line-half-3:before {
content: "\E119";
}
.icon-line-half-4:before {
content: "\E11A";
}
.icon-lines:before {
content: "\E11B";
}
.icon-link:before {
content: "\E11C";
}
.icon-link-closed:before {
content: "\E11D";
}
.icon-link-closed-alt:before {
content: "\E11E";
}
.icon-link-open:before {
content: "\E11F";
}
.icon-link-open-alt:before {
content: "\E120";
}
.icon-list:before {
content: "\E121";
}
.icon-location:before {
content: "\E122";
}
.icon-lock-closed:before {
content: "\E123";
}
.icon-lock-open:before {
content: "\E124";
}
.icon-login:before {
content: "\E125";
}
.icon-logout:before {
content: "\E126";
}
.icon-loop:before {
content: "\E127";
}
.icon-magnet:before {
content: "\E128";
}
.icon-mail:before {
content: "\E129";
}
.icon-male:before {
content: "\E12A";
}
.icon-male-add:before {
content: "\E12B";
}
.icon-male-afro:before {
content: "\E12C";
}
.icon-male-business:before {
content: "\E12D";
}
.icon-male-cool:before {
content: "\E12E";
}
.icon-male-emo:before {
content: "\E12F";
}
.icon-male-flathat:before {
content: "\E130";
}
.icon-male-gentleman:before {
content: "\E131";
}
.icon-male-hoodie:before {
content: "\E132";
}
.icon-male-jew:before {
content: "\E133";
}
.icon-male-monk:before {
content: "\E134";
}
.icon-male-moslem:before {
content: "\E135";
}
.icon-male-mustache:before {
content: "\E136";
}
.icon-male-punk:before {
content: "\E137";
}
.icon-male-remove:before {
content: "\E138";
}
.icon-male-scuba:before {
content: "\E139";
}
.icon-male-soldier:before {
content: "\E13A";
}
.icon-male-techno:before {
content: "\E13B";
}
.icon-male-user:before {
content: "\E13C";
}
.icon-megaphone:before {
content: "\E13D";
}
.icon-menu:before {
content: "\E13E";
}
.icon-menu-2:before {
content: "\E13F";
}
.icon-message:before {
content: "\E140";
}
.icon-message-add:before {
content: "\E141";
}
.icon-message-blank:before {
content: "\E142";
}
.icon-messages:before {
content: "\E143";
}
.icon-microphone-off:before {
content: "\E144";
}
.icon-mirror-horizontal:before {
content: "\E145";
}
.icon-mirror-horizontal-alt:before {
content: "\E146";
}
.icon-mirror-vertical:before {
content: "\E147";
}
.icon-mirror-vertical-alt:before {
content: "\E148";
}
.icon-moon-first-quarter:before {
content: "\E149";
}
.icon-moon-full:before {
content: "\E14A";
}
.icon-moon-new:before {
content: "\E14B";
}
.icon-moon-third-quarter:before {
content: "\E14C";
}
.icon-moon-waning-crescent:before {
content: "\E14D";
}
.icon-moon-waning-gibbous:before {
content: "\E14E";
}
.icon-moon-waxing-crescent:before {
content: "\E14F";
}
.icon-moon-waxing-gibbous:before {
content: "\E150";
}
.icon-move:before {
content: "\E151";
}
.icon-move-down:before {
content: "\E152";
}
.icon-move-left:before {
content: "\E153";
}
.icon-move-right:before {
content: "\E154";
}
.icon-move-up:before {
content: "\E155";
}
.icon-movie:before {
content: "\E156";
}
.icon-music-note:before {
content: "\E157";
}
.icon-music-upload:before {
content: "\E158";
}
.icon-newspaper-alt:before {
content: "\E159";
}
.icon-padding:before {
content: "\E15A";
}
.icon-padding-bottom:before {
content: "\E15B";
}
.icon-padding-left:before {
content: "\E15C";
}
.icon-padding-right:before {
content: "\E15D";
}
.icon-padding-top:before {
content: "\E15E";
}
.icon-page-horizontal:before {
content: "\E15F";
}
.icon-page-horizontal-down:before {
content: "\E160";
}
.icon-page-horizontal-flag:before {
content: "\E161";
}
.icon-page-horizontal-locked:before {
content: "\E162";
}
.icon-page-horizontal-minus:before {
content: "\E163";
}
.icon-page-horizontal-plus:before {
content: "\E164";
}
.icon-page-horizontal-remove:before {
content: "\E165";
}
.icon-page-horizontal-up:before {
content: "\E166";
}
.icon-page-vert:before {
content: "\E167";
}
.icon-page-vertical-double:before {
content: "\E168";
}
.icon-page-vertical-down:before {
content: "\E169";
}
.icon-page-vertical-flag:before {
content: "\E16A";
}
.icon-page-vertical-image:before {
content: "\E16B";
}
.icon-page-vertical-locked:before {
content: "\E16C";
}
.icon-page-vertical-minus:before {
content: "\E16D";
}
.icon-page-vertical-plus:before {
content: "\E16E";
}
.icon-page-vertical-remove:before {
content: "\E16F";
}
.icon-page-vertical-table:before {
content: "\E170";
}
.icon-page-vertical-text:before {
content: "\E171";
}
.icon-page-vertical-up:before {
content: "\E172";
}
.icon-palette:before {
content: "\E173";
}
.icon-palette-alt:before {
content: "\E174";
}
.icon-paperplane:before {
content: "\E175";
}
.icon-photofilm:before {
content: "\E176";
}
.icon-picture:before {
content: "\E177";
}
.icon-picture-landscape:before {
content: "\E178";
}
.icon-picture-portrait:before {
content: "\E179";
}
.icon-picture-upload:before {
content: "\E17A";
}
.icon-pictures:before {
content: "\E17B";
}
.icon-pin:before {
content: "\E17C";
}
.icon-planet:before {
content: "\E001";
}
.icon-point:before {
content: "\E17D";
}
.icon-pointing-down:before {
content: "\E17E";
}
.icon-pointing-left:before {
content: "\E17F";
}
.icon-pointing-right:before {
content: "\E180";
}
.icon-pointing-up:before {
content: "\E181";
}
.icon-postcard:before {
content: "\E182";
}
.icon-power-off:before {
content: "\E183";
}
.icon-present:before {
content: "\E184";
}
.icon-presentation:before {
content: "\E185";
}
.icon-printer:before {
content: "\E186";
}
.icon-pull:before {
content: "\E187";
}
.icon-push:before {
content: "\E188";
}
.icon-qr-code:before {
content: "\E189";
}
.icon-quote:before {
content: "\E18A";
}
.icon-radio-black:before {
content: "\E18B";
}
.icon-random:before {
content: "\E18C";
}
.icon-record:before {
content: "\E18D";
}
.icon-redo:before {
content: "\E18E";
}
.icon-resize-full:before {
content: "\E18F";
}
.icon-resize-small:before {
content: "\E190";
}
.icon-retweet:before {
content: "\E191";
}
.icon-rings:before {
content: "\E192";
}
.icon-road:before {
content: "\E193";
}
.icon-rotate:before {
content: "\E194";
}
.icon-rotate-2:before {
content: "\E195";
}
.icon-rotate-3:before {
content: "\E196";
}
.icon-rotate-left:before {
content: "\E197";
}
.icon-rotate-right:before {
content: "\E198";
}
.icon-rss:before {
content: "\E199";
}
.icon-search:before {
content: "\E000";
}
.icon-section-alt:before {
content: "\E19A";
}
.icon-section-alt-2:before {
content: "\E19B";
}
.icon-section-edit:before {
content: "\E19C";
}
.icon-selection:before {
content: "\E19D";
}
.icon-selection-circle:before {
content: "\E19E";
}
.icon-selection-circle-strong:before {
content: "\E19F";
}
.icon-selection-square:before {
content: "\E1A0";
}
.icon-selection-square-strong:before {
content: "\E1A1";
}
.icon-server:before {
content: "\E1A2";
}
.icon-shape-bubble:before {
content: "\E1A3";
}
.icon-shape-burst:before {
content: "\E1A4";
}
.icon-shape-circle:before {
content: "\E1A5";
}
.icon-shape-cloud:before {
content: "\E1A6";
}
.icon-shape-cross:before {
content: "\E1A7";
}
.icon-shape-heart:before {
content: "\E1A8";
}
.icon-shape-hexagon:before {
content: "\E1A9";
}
.icon-shape-octagon:before {
content: "\E1AA";
}
.icon-shape-pentagon:before {
content: "\E1AB";
}
.icon-shape-plus:before {
content: "\E1AC";
}
.icon-shape-square:before {
content: "\E1AD";
}
.icon-shape-star:before {
content: "\E1AE";
}
.icon-shape-triangle:before {
content: "\E1AF";
}
.icon-shapes:before {
content: "\E1B0";
}
.icon-share:before {
content: "\E1B1";
}
.icon-shopping-cart:before {
content: "\E1B2";
}
.icon-signal:before {
content: "\E1B3";
}
.icon-signal-alt:before {
content: "\E1B4";
}
.icon-size:before {
content: "\E1B5";
}
.icon-size-both:before {
content: "\E1B6";
}
.icon-size-horizontal:before {
content: "\E1B7";
}
.icon-size-vertical:before {
content: "\E1B8";
}
.icon-social-dribbble:before {
content: "\E1B9";
}
.icon-social-dropbox:before {
content: "\E1BA";
}
.icon-social-facebook:before {
content: "\E1BB";
}
.icon-social-flickr:before {
content: "\E1BC";
}
.icon-social-google:before {
content: "\E1BD";
}
.icon-social-soundcloud:before {
content: "\E002";
}
.icon-social-square-dribbble:before {
content: "\E1BE";
}
.icon-social-square-dropbox:before {
content: "\E1BF";
}
.icon-social-square-facebook:before {
content: "\E1C0";
}
.icon-social-square-flickr:before {
content: "\E1C1";
}
.icon-social-square-google:before {
content: "\E1C2";
}
.icon-social-square-soundcloud:before {
content: "\E003";
}
.icon-social-square-tumblr:before {
content: "\E1C3";
}
.icon-social-square-twitter:before {
content: "\E1C4";
}
.icon-social-square-vimeo:before {
content: "\E1C5";
}
.icon-social-square-vine:before {
content: "\E1C6";
}
.icon-social-square-youtube:before {
content: "\E1C7";
}
.icon-social-tumblr:before {
content: "\E1C8";
}
.icon-social-twitter:before {
content: "\E1C9";
}
.icon-social-vimeo:before {
content: "\E1CA";
}
.icon-social-vine:before {
content: "\E1CB";
}
.icon-social-youtube:before {
content: "\E1CC";
}
.icon-sort-alphabetical-ascending:before {
content: "\E1CD";
}
.icon-sort-alphabetical-descending:before {
content: "\E1CE";
}
.icon-sort-ascending:before {
content: "\E1CF";
}
.icon-sort-descending:before {
content: "\E1D0";
}
.icon-sort-numerical-ascending:before {
content: "\E1D1";
}
.icon-sort-numerical-descending:before {
content: "\E1D2";
}
.icon-sorting:before {
content: "\E1D3";
}
.icon-sorting-ascending:before {
content: "\E1D4";
}
.icon-sorting-descending:before {
content: "\E1D5";
}
.icon-sound-5-1:before {
content: "\E1D6";
}
.icon-sound-6-1:before {
content: "\E1D7";
}
.icon-sound-7-1:before {
content: "\E1D8";
}
.icon-sound-dolby:before {
content: "\E1D9";
}
.icon-sound-full:before {
content: "\E1DA";
}
.icon-sound-off:before {
content: "\E1DB";
}
.icon-sound-silent:before {
content: "\E1DC";
}
.icon-sound-stereo:before {
content: "\E1DD";
}
.icon-space-horizontal:before {
content: "\E1DE";
}
.icon-space-shared:before {
content: "\E1DF";
}
.icon-space-vertical:before {
content: "\E1E0";
}
.icon-spacedeck-logo:before {
content: "\E1E1";
}
.icon-spacing-horizontal:before {
content: "\E1E2";
}
.icon-spacing-vertical:before {
content: "\E1E3";
}
.icon-square-down:before {
content: "\E1E4";
}
.icon-square-left:before {
content: "\E1E5";
}
.icon-square-right:before {
content: "\E1E6";
}
.icon-square-up:before {
content: "\E1E7";
}
.icon-stack-3d:before {
content: "\E1E8";
}
.icon-stack-3d-bottom:before {
content: "\E1E9";
}
.icon-stack-3d-top:before {
content: "\E1EA";
}
.icon-stack-bottom:before {
content: "\E1EB";
}
.icon-stack-down:before {
content: "\E1EC";
}
.icon-stack-top:before {
content: "\E1ED";
}
.icon-stack-up:before {
content: "\E1EE";
}
.icon-star:before {
content: "\E1EF";
}
.icon-star-hollow:before {
content: "\E1F0";
}
.icon-stash-apply:before {
content: "\E1F1";
}
.icon-stash-save:before {
content: "\E1F2";
}
.icon-statistic:before {
content: "\E1F3";
}
.icon-step-backward:before {
content: "\E1F4";
}
.icon-step-forward:before {
content: "\E1F5";
}
.icon-stroke-weight:before {
content: "\E1F6";
}
.icon-subtitles:before {
content: "\E1F7";
}
.icon-suitcase:before {
content: "\E1F8";
}
.icon-table:before {
content: "\E1F9";
}
.icon-tag:before {
content: "\E1FA";
}
.icon-tags:before {
content: "\E1FB";
}
.icon-text-align-center:before {
content: "\E1FC";
}
.icon-text-align-center-alt:before {
content: "\E1FD";
}
.icon-text-align-justify:before {
content: "\E1FE";
}
.icon-text-align-justify-alt:before {
content: "\E1FF";
}
.icon-text-align-left:before {
content: "\E200";
}
.icon-text-align-left-alt:before {
content: "\E201";
}
.icon-text-align-right:before {
content: "\E202";
}
.icon-text-align-right-alt:before {
content: "\E203";
}
.icon-text-allcaps:before {
content: "\E204";
}
.icon-text-bold:before {
content: "\E205";
}
.icon-text-frame:before {
content: "\E206";
}
.icon-text-indent:before {
content: "\E207";
}
.icon-text-italic:before {
content: "\E208";
}
.icon-text-list:before {
content: "\E209";
}
.icon-text-list-alphabetical:before {
content: "\E20A";
}
.icon-text-list-alt:before {
content: "\E20B";
}
.icon-text-list-bullet:before {
content: "\E20C";
}
.icon-text-list-numbered:before {
content: "\E20D";
}
.icon-text-normal:before {
content: "\E20E";
}
.icon-text-remove-format:before {
content: "\E20F";
}
.icon-text-roman:before {
content: "\E210";
}
.icon-text-size:before {
content: "\E211";
}
.icon-text-strike:before {
content: "\E212";
}
.icon-text-styles:before {
content: "\E213";
}
.icon-text-sub:before {
content: "\E214";
}
.icon-text-super:before {
content: "\E215";
}
.icon-text-typeface:before {
content: "\E216";
}
.icon-text-underline:before {
content: "\E217";
}
.icon-text-unindent:before {
content: "\E218";
}
.icon-text-uppercase:before {
content: "\E219";
}
.icon-text-width:before {
content: "\E21A";
}
.icon-thumbs-down:before {
content: "\E21B";
}
.icon-thumbs-up:before {
content: "\E21C";
}
.icon-tint:before {
content: "\E21D";
}
.icon-tint-hollow:before {
content: "\E21E";
}
.icon-tint-none:before {
content: "\E21F";
}
.icon-tool-arrow:before {
content: "\E220";
}
.icon-tool-circle:before {
content: "\E221";
}
.icon-tool-crop:before {
content: "\E222";
}
.icon-tool-draw:before {
content: "\E223";
}
.icon-tool-erase:before {
content: "\E224";
}
.icon-tool-eyedrop:before {
content: "\E225";
}
.icon-tool-fill:before {
content: "\E226";
}
.icon-tool-hand:before {
content: "\E227";
}
.icon-tool-library:before {
content: "\E228";
}
.icon-tool-line:before {
content: "\E229";
}
.icon-tool-magic-wand:before {
content: "\E22A";
}
.icon-tool-pointer:before {
content: "\E22B";
}
.icon-tool-rectangle:before {
content: "\E22C";
}
.icon-tool-scribble:before {
content: "\E22D";
}
.icon-tool-stroke:before {
content: "\E22E";
}
.icon-tool-text:before {
content: "\E22F";
}
.icon-tool-text-alt:before {
content: "\E230";
}
.icon-tool-zone:before {
content: "\E231";
}
.icon-tool-zones:before {
content: "\E232";
}
.icon-transfer:before {
content: "\E233";
}
.icon-trash:before {
content: "\E234";
}
.icon-tree-conifer:before {
content: "\E235";
}
.icon-tree-deciduous:before {
content: "\E236";
}
.icon-triangle-0:before {
content: "\E237";
}
.icon-triangle-0-bottom:before {
content: "\E238";
}
.icon-triangle-0-left:before {
content: "\E239";
}
.icon-triangle-0-right:before {
content: "\E23A";
}
.icon-triangle-0-top:before {
content: "\E23B";
}
.icon-triangle-1:before {
content: "\E23C";
}
.icon-triangle-1-bottom:before {
content: "\E23D";
}
.icon-triangle-1-left:before {
content: "\E23E";
}
.icon-triangle-1-right:before {
content: "\E23F";
}
.icon-triangle-1-top:before {
content: "\E240";
}
.icon-triangle-2:before {
content: "\E241";
}
.icon-triangle-2-bottom:before {
content: "\E242";
}
.icon-triangle-2-left:before {
content: "\E243";
}
.icon-triangle-2-right:before {
content: "\E244";
}
.icon-triangle-2-top:before {
content: "\E245";
}
.icon-triangle-3:before {
content: "\E246";
}
.icon-triangle-3-bottom:before {
content: "\E247";
}
.icon-triangle-3-left:before {
content: "\E248";
}
.icon-triangle-3-right:before {
content: "\E249";
}
.icon-triangle-3-top:before {
content: "\E24A";
}
.icon-triangle-4:before {
content: "\E24B";
}
.icon-triangle-4-bottom:before {
content: "\E24C";
}
.icon-triangle-4-left:before {
content: "\E24D";
}
.icon-triangle-4-right:before {
content: "\E24E";
}
.icon-triangle-4-top:before {
content: "\E24F";
}
.icon-triangle-down:before {
content: "\E250";
}
.icon-triangle-left:before {
content: "\E251";
}
.icon-triangle-right:before {
content: "\E252";
}
.icon-triangle-up:before {
content: "\E253";
}
.icon-triangles-horizontal:before {
content: "\E254";
}
.icon-triangles-vertical:before {
content: "\E255";
}
.icon-undo:before {
content: "\E256";
}
.icon-ungroup:before {
content: "\E257";
}
.icon-uniE000:before {
content: "\E258";
}
.icon-upload:before {
content: "\E259";
}
.icon-upload-alt:before {
content: "\E25A";
}
.icon-user:before {
content: "\E25B";
}
.icon-user-add:before {
content: "\E25C";
}
.icon-user-group:before {
content: "\E25D";
}
.icon-user-group-2:before {
content: "\E25E";
}
.icon-user-group-3:before {
content: "\E25F";
}
.icon-user-group-gentlemen:before {
content: "\E260";
}
.icon-user-minus:before {
content: "\E261";
}
.icon-user-remove:before {
content: "\E262";
}
.icon-video-camera:before {
content: "\E263";
}
.icon-video-camera-off:before {
content: "\E264";
}
.icon-video-hd:before {
content: "\E265";
}
.icon-video-sd:before {
content: "\E266";
}
.icon-video-upload:before {
content: "\E267";
}
.icon-vinyl:before {
content: "\E268";
}
.icon-warning:before {
content: "\E269";
}
.icon-wifi:before {
content: "\E26A";
}
.icon-window:before {
content: "\E26B";
}
.icon-window-new:before {
content: "\E26C";
}
.icon-window-new-alt:before {
content: "\E26D";
}
.icon-zone:before {
content: "\E26E";
}
.icon-zone-edit:before {
content: "\E26F";
}
.icon-zoom:before {
content: "\E270";
}
.icon-zoom-in:before {
content: "\E271";
}
.icon-zoom-out:before {
content: "\E272";
}
.icon-helper-bar:before {
content: "\E273";
}
.icon-helper-needle:before {
content: "\E274";
}
.icon-helper-screen:before {
content: "\E275";
}
styles/updates.scss 0 → 100644
View file @ 7ff29265
@import "vars";
@import "mixins";
#updates {
list-style: none;
padding: 0;
margin: 0;
> li {
padding: 0 0;
border-bottom: 1px solid rgba(0,0,0,0.05);
.avatar {
border-radius: 100%;
vertical-align: middle;
margin-right: 10px;
}
> span,
> a {
vertical-align: middle;
line-height: 60px;
}
a {color: $blue; }
.date {
float: right;
display: inline-block;
}
}
}
\ No newline at end of file
styles/user.scss 0 → 100644
View file @ 7ff29265
// .member {
// position: relative;
// padding: 15px 25px;
// border-top: 1px solid rgba(255,255,255,0.05) !important;
// .member-avatar {
// background-color: $blue;
// font-family: $main-font;
// color: white;
// display: inline-block;
// height: 30px;
// width: 30px;
// line-height: 30px;
// text-align: center;
// border-radius: $radius;
// background-size: cover;
// background-position: center;
// margin-right: 10px;
// float: left;
// }
// .member-email,
// .member-name {
// font-weight: 300;
// opacity: 0.5;
// overflow: hidden;
// text-overflow: ellipsis;
// white-space: nowrap;
// }
// }
styles/vars.scss 0 → 100644
View file @ 7ff29265
$radius: 3px !default;
$unit: 60px !default;
$blue: #3d9ee9;
$blue-light: #4dafeb;
$blue-lighter: #77c8f8;
$yellow: #f1c40f;
$green: #2ecc71;
$red: #ff5955;
$yellow: #f1c40f;
$light: #f5f5f5;
$lightish: #eee;
$facebook: #3e5b97;
$twitter: #2aa7de;
$color-1 : #4a2f7e; // purple
$color-2 : #9b59b6; // lilac
$color-3 : #3498db; // blue
$color-4 : #2ecc71; // green
$color-5 : #f1c40f; // yellow
$color-6 : #e67e22; // orange
$color-7 : #d55c4b; // red
$color-8 : #6f4021; // brown
$color-9 : #ffffff; // white
$color-10 : #95a5a6; // grey
$color-11 : #252525; // black
$black: #111; // black
$darker: #292929;
$dark: #222; // dark
$medium: #888; // medium
$lighter: #989898;
$sidebar-width: 280px;
$main-font: Avenir W01;
$sec-font: Avenir W01;
$font-size: 18px;
$line-height: 24px;
$gutter-a: 10px;
$gutter-b: 20px;
$gutter-c: 40px;
$gutter-d: 60px;
$gutter-e: 80px;
$folder-gutter: 20px;
\ No newline at end of file
styles/video.scss 0 → 100644
View file @ 7ff29265
@import "vars";
@import "mixins";
video {
-webkit-appearance:none;
}
video::-webkit-media-controls-panel {}
video::-webkit-media-controls-play-button {}
video::-webkit-media-controls-volume-slider-container {}
video::-webkit-media-controls-volume-slider {}
video::-webkit-media-controls-mute-button {}
video::-webkit-media-controls-timeline {}
video::-webkit-media-controls-current-time-display {}
video::-webkit-full-page-media::-webkit-media-controls-panel {}
video::-webkit-media-controls-timeline-container {}
video::-webkit-media-controls-time-remaining-display {}
video::-webkit-media-controls-seek-back-button {}
video::-webkit-media-controls-seek-forward-button {}
video::-webkit-media-controls-fullscreen-button {}
video::-webkit-media-controls-rewind-button {}
video::-webkit-media-controls-return-to-realtime-button {}
video::-webkit-media-controls-toggle-closed-captions-button {}
views/artifact_list.html 0 → 100644
View file @ 7ff29265
<html>
<body>
<h2>[[space.name]]</h2>
<table class="table table-striped" border=1>
<tr>
<th>created</th>
<th>updated</th>
<th>filetype</th>
<th>filename</th>
<th>preview</th>
</tr>
{% for a in space.artifacts %}
<tr>
<td>[[ a.created_at | date('d.m.Y H:i') ]] by [[ a.user.email ]][[ a.editor_name ]]</td>
<td>[[ a.updated_at | date('d.m.Y H:i') ]] by [[ a.update_user.email ]][[ a.last_update_editor_name ]]</td>
<td>[[ a.mime ]]</td>
<td>{% if a.payload_uri %}<a href="[[a.payload_uri]]">[[ a.filename ]]</a>{% endif %}</td>
<td>[[ a.description ]]</td>
</tr>
{% endfor %}
</table>
</body>
</html>
views/emails/action.html 0 → 100644
View file @ 7ff29265
[[ text | safe ]]
{% if options.message %}
<p>
<i>[[options.message]]</i>
</p>
{% endif %}
{% if options.action %}<br><br>
<a href="[[options.action.link]]" target="_blank">[[options.action.name]]</a><br>
{% endif %}
views/error.html 0 → 100644
View file @ 7ff29265
<h1>[[ message ]]</h1>
<h2>[[ error.status ]]</h2>
<pre>[[ error.stack ]]</pre>
views/facebook.html 0 → 100644
View file @ 7ff29265
<!DOCTYPE html>
<html>
<head>
<title>[[space.name]]</title>
<meta charset="utf-8" />
<meta property="og:title" content="[[space.name]]" />
<meta property="og:description" content="" />
<meta property="og:updated_time" content="[[space.updated_at.getTime()]]" />
<meta property="og:type" content="website" />
<meta property="og:image" content="[[space.thumbnail_url]]" />
</head>
<body>
<h1>[[space.name]]</h1>
{% for a in space.artifacts %}
<tr>
<td>[[ a.mime ]]</td>
<td>[[ a.description | striptags ]]</td>
<td>{% if a.payload_uri %}<a href="[[ a.payload_uri ]]">download</a>{% endif %}</td>
</tr>
{% endfor %}
</body>
</html>
views/index.html 0 → 100644
View file @ 7ff29265
{% extends 'layouts/outer.html' %}
{% block title %}[[ __("welcome") ]]{% endblock %}
{% block content %}
<div id="landing">
<div class="landing-keyvisual-wrapper">
<div class="landing-box">
<h2>[[__("landing_title")]]</h2>
<p class="lead">
<a href="/signup" class="btn btn-primary btn-block btn-xl">[[__("signup")]]</a>
</p>
<p class="lead">
<a href="/login" class="btn btn-primary btn-block btn-xl">[[__("login")]]</a>
</p>
<p class="lead">
[[__("landing_claim")]]
</p>
<p class="lead">
[[__("landing_example")]]
</p>
<ul>
<li class="lead">
[[__("landing_features_1") | safe ]]
</li>
<li class="lead">
[[__("landing_features_2") | safe ]]
</li>
<li class="lead">
[[__("landing_features_3") | safe ]]
</li>
<li class="lead">
[[__("landing_features_4") | safe ]]
</li>
<li class="lead">
[[__("landing_features_5") | safe ]]
</li>
<li class="lead">
[[__("landing_features_6") | safe ]]
</li>
<li class="lead">
[[__("landing_features_7") | safe ]]
</li>
</ul>
</div>
</div>
</div>
{% endblock %}
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

Dies ist die Gitlab-Instanz des Transferportals der Hochschule für Technik Stuttgart. Hier geht es zurück zum Portal