summaryrefslogtreecommitdiff
path: root/assets/stylesheets
diff options
context:
space:
mode:
Diffstat (limited to 'assets/stylesheets')
-rwxr-xr-xassets/stylesheets/app.css1415
-rwxr-xr-xassets/stylesheets/ionicons.css1335
2 files changed, 2750 insertions, 0 deletions
diff --git a/assets/stylesheets/app.css b/assets/stylesheets/app.css
new file mode 100755
index 0000000..aa9db84
--- /dev/null
+++ b/assets/stylesheets/app.css
@@ -0,0 +1,1415 @@
+@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);
+
+*{
+ margin:0;
+ padding:0;
+ outline:0;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ font-family: 'Lato', sans-serif;
+ -webkit-font-smoothing: subpixel-antialiased;
+}
+*, *:before, *:after {
+ moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
+}
+body{
+ overflow-x:hidden;
+}
+
+body.noOverflow{
+ overflow:hidden;
+}
+
+body.loading * {
+ -webkit-transition: all 0 ease 0 !important;
+ -moz-transition: all 0 ease 0 !important;
+ transition: all 0 ease 0 !important;
+}
+
+body.pastePaper .mx-scene{
+ cursor:url(../img/paintbucket.png), auto;
+}
+
+body.pastePaper .wallpaper.active span:hover{
+ cursor:url(../img/paintbucket.png), auto;
+}
+
+a{
+ color:black;
+}
+
+/*page*/
+
+.topLogo {
+ width:300px;
+ margin-top:20px;
+}
+
+.floatingImg {
+ width: 100%;
+ cursor: -webkit-grabbing; cursor: -moz-grabbing;
+}
+
+.floatimgImg.edit {
+
+}
+
+.ants {
+width:320px;
+height:auto;
+padding:15px;
+background:white;
+position:absolute;
+margin:0 auto;
+overflow:hidden;
+display: none;
+}
+
+.ants.edit {
+ display: block;
+}
+
+.ants:before {
+ content:"";
+ width:100%;
+ border-bottom:1px dashed #000;
+ position:absolute;
+ top:0px;
+ left:0px;
+ background:#fff;
+ -webkit-animation:borderanimation 10s infinite;
+ -moz-animation:borderanimation 10s infinite;
+ -ms-animation:borderanimation 10s infinite;
+ -o-animation:borderanimation 10s infinite;
+ animation:borderanimation 10s infinite;
+ z-index:99;
+}
+
+.ants:after
+{
+ content:"";
+ width:100%;
+ border-bottom:1px dashed #000;
+ position:absolute;
+ bottom:0px;
+ left:0px;
+ background:#fff;
+ -webkit-animation:borderanimation 10s infinite;
+ -moz-animation:borderanimation 10s infinite;
+ -ms-animation:borderanimation 10s infinite;
+ -o-animation:borderanimation 10s infinite;
+ animation:borderanimation 10s infinite;
+}
+
+.leftborder
+{
+ height:auto;
+ width:100%;
+ position:absolute;
+ top:-3px;
+ left:-1px;
+ background:#fff;
+}
+
+.leftborder:before
+{
+ content:"";
+ height:250px;
+ border-left:1px dashed #000;
+ position:absolute;
+ top:0px;
+ left:1px;
+ background:#fff;
+ -webkit-animation:borderanimationleftright 10s infinite;
+ -moz-animation:borderanimationleftright 10s infinite;
+ -ms-animation:borderanimationleftright 10s infinite;
+ -o-animation:borderanimationleftright 10s infinite;
+ animation:borderanimationleftright 10s infinite;
+}
+
+.leftborder:after
+{
+ content:"";
+ height:250px;
+ border-left:1px dashed #000;
+ position:absolute;
+ top:0px;
+ left:100%;
+ background:#fff;
+ -webkit-animation:borderanimationleftright 10s infinite;
+ -moz-animation:borderanimationleftright 10s infinite;
+ -ms-animation:borderanimationleftright 10s infinite;
+ -o-animation:borderanimationleftright 10s infinite;
+ animation:borderanimationleftright 10s infinite;
+}
+
+h5{
+ font-weight: 300;
+ font-style: italic;
+ margin: 20px 0 0px 0;
+ font-size: 14px;
+}
+
+.page{
+ text-align:center;
+}
+
+.page .profile {
+ color:white;
+}
+.page table{
+ width:100%;
+ height:400px;
+ border-top:1px solid;
+ margin:40px 0 0 0;
+ border-spacing: 0;
+ clear:both;
+}
+.page table.showcase {
+ height:70vh;
+}
+.page table td.border{
+ border-right:1px solid;
+}
+.page table td{
+ width: 33.3333%;
+ background-size: cover;
+ background-repeat: no-repeat;
+ background-position: center;
+ border-bottom:1px solid black;
+}
+
+.page table.showcase td{
+ height: 70vh;
+ background-size: cover;
+}
+
+.viewMore {
+ color: #017cfe;
+ text-decoration: none;
+ font-weight: 300;
+ font-size: 22px;
+ padding-top: 20px;
+ display: block;
+ border-bottom: 1px solid black;
+ padding-bottom: 19px;
+}
+
+.viewMore:hover {
+ text-decoration:underline;
+}
+
+.page .roomName {
+ font-weight: 300;
+ font-size: 20px;
+ letter-spacing: 1px;
+ color: black;
+ background: white;
+ border: 1px solid;
+ padding: 5px;
+ box-shadow: -3px 3px black;
+ text-decoration:none;
+ max-width: 180px;
+ display: inline-block;
+}
+
+.page .roomName:hover {
+ background:black;
+ color:white;
+}
+
+.room1 {
+ position: relative;
+ overflow: hidden;
+ background-image:url(https://s3.amazonaws.com/luckyplop/7eb159e99924e6e371046d6fa12e566fd77901c9.jpg);
+}
+.room2 {
+ background-image:url(https://s3.amazonaws.com/luckyplop/fd4ebe8a7a4246c8273fc999fb1ef0d6a8260b8c.png);
+}
+
+.room1 .editBtn {
+ position: absolute;
+ right: 10px;
+ top: 10px;
+}
+
+.room1 form textarea {
+ width: 226px;
+}
+
+.room1 .radio-group {
+ width: 226px;
+}
+
+.room1 .radio-group__label {
+ width: 106px;
+ font-size: 13px;
+}
+
+.room1 .formHolder {
+ top: 0;
+ padding-top: 10px;
+ display: table;
+ width: 100%;
+ height: 100%;
+ background: rgba(255,255,255,0.9);
+ -webkit-transform:translateY(-100%);
+ -moz-transform:translateY(-100%);
+}
+
+.room1 form {
+ padding: 0 10px;
+ max-width: 440px;
+}
+
+.room1 .formInner {
+ display: table-cell;
+ vertical-align: middle;
+}
+
+.room1.editing .formHolder {
+ -webkit-transform:translateY(0);
+ -moz-transform:translateY(0);
+}
+
+.page .questions {
+ background: #55efcb;
+ color:white;
+ padding:80px;
+}
+.subButtons a {
+ margin: 9px 0;
+ border: 0;
+ background: transparent;
+ font-size: 15px;
+ font-weight: 300;
+ width: 33.33333333333%;
+ display: inline-block;
+ float: left;
+ text-decoration:none;
+}
+.subButtons a:hover {
+ text-decoration:underline;
+}
+.subButtons a:nth-child(3){
+ color:#FF3A2D;
+ float: right;
+}
+.page .questions span{
+ font-weight:300;
+ line-height:30px;
+ font-size:16px;
+ margin:20px 0 40px 0;
+ display:inline-block;
+}
+
+.page h2 {
+ font-weight: 100;
+ font-size: 40px;
+}
+
+.page h1 {
+ font-size: 80px;
+ font-weight: 100;
+ padding-top: 25px;
+}
+
+.footer {
+ width: 100%;
+ margin: 80px 0;
+}
+
+.footer a, .footer span{
+ margin: 15px;
+ font-weight: 300;
+ font-size: 13px;
+}
+
+
+/* PROFILE PAGE */
+.profilepage .profilePic {
+ font-size: 148px;
+ background: url(http://www.clevelandfoundation.org/wp-content/uploads/2012/10/ivan-discussing-his-eye-surgery.jpg);
+ background-size: cover;
+ background-position: center;
+}
+.editProfile {
+ padding: 8px;
+ float: right;
+ margin-right: 10px;
+ font-size: 38px;
+ color: black;
+ font-weight: 100;
+ text-decoration: none
+}
+
+.editProfile span {
+ vertical-align: middle;
+}
+.topLink {
+ padding: 8px;
+ float: right;
+ margin: 14px;
+ font-size: 18px;
+ color: black;
+ font-weight: 300;
+ text-decoration: none;
+ border-bottom:1px solid white;
+}
+.topLink:hover {
+ border-bottom:1px solid lightgreen;
+}
+.profilepage .bio {
+ text-align: left;
+ padding: 0 5%;
+ width: 66.5%;
+ background-image:url(../img/pattern.png);
+ background-size:100%;
+ background-color: lightyellow;
+ box-shadow: -4px 6px 7px rgba(0,0,0,0.1) inset;
+}
+
+.profilepage .bio.one {
+ background-color: lightyellow;
+}
+.profilepage .bio.two {
+ background-color: #FFCC00;
+}
+.profilepage .bio.three {
+ background-color: #4CD964;
+}
+.profilepage .bio.four {
+ background-color: #D1EEFC;
+}
+.profilepage .bio.five {
+ background-color: #C7C7CC;
+}
+.profilepage .bio.six {
+ background-color: #55EFCB;
+}
+.profilepage .bio.seven {
+ background-color: #FFD3E0;
+}
+.profilepage .bio.eight {
+ background-color: #F7F7F7;
+}
+.profilepage .bio.nine {
+ background-color: #D6CEC3;
+}
+.profilepage .bio.ten {
+ background-color: #1AD6FD;
+}
+.profilepage .bio.eleven {
+ background-color: #b5bfe4;
+}
+.profilepage .bio.twelve {
+ background-color: #85c98f;
+}
+.profilepage .bio.thirteen {
+ background-color: #c2cab1;
+}
+
+
+.profilepage .bio h2 {
+ text-align: left;
+ font-weight: 100;
+ font-size: 70px;
+}
+.profilepage .bio span {
+ font-size: 16px;
+ font-weight: 300;
+}
+
+.templates {
+ padding-top: 7vh;
+}
+
+.templates span{
+ background-position: center;
+ background-size: contain;
+ background-repeat: no-repeat;
+ background-image: url(http://upload.wikimedia.org/wikipedia/commons/d/d9/Graceland_Memphis_TN_Floorplan_Basement.jpg);
+ width: 20vw;
+ height: 20vh;
+ display: inline-block;
+ margin: 4vw;
+ border:1px solid white;
+}
+
+.templates span:hover {
+ border:1px dashed black;
+ cursor:pointer;
+}
+
+.templates h1 {
+ font-weight: 300;
+ font-size: 21px;
+ margin: 0;
+}
+
+.templates span.active {
+ border:1px solid #017cfe;
+}
+
+.clear:after {
+ visibility: hidden;
+ display: block;
+ font-size: 0;
+ content: " ";
+ clear: both;
+ height: 0;
+}
+.clear{
+ display: inline-block;
+ width:100%;
+}
+.left {
+ float:left;
+}
+.right {
+ float:right;
+}
+.mx-scene {
+ position:fixed;
+ top:0;
+ left:0;
+ cursor: -webkit-grab; cursor: -moz-grab;
+}
+.mx-scene:active{
+ cursor: -webkit-grabbing; cursor: -moz-grabbing;
+}
+
+.rapper {
+ position:relative;
+}
+.logo {
+ float:left;
+ padding:10px;
+ z-index:3;
+ position:relative;
+}
+.logo:hover {
+ -webkit-filter:invert(30%);
+}
+.profile{
+ padding:8px;
+ float:right;
+ margin-right: 10px;
+ font-size:41px;
+ color: black;
+}
+
+.profile:hover {
+ background:black;
+ color:white;
+ cursor:pointer;
+}
+.vvbox {
+ border: 1px solid;
+ position: fixed;
+ display: inline-block;
+ background: white;
+ box-shadow: -3px 3px;
+}
+
+.edit-video.menu,
+.edit-image.menu {
+ right: auto;
+ top: auto;
+ z-index: 3;
+ display: none;
+}
+
+.menu {
+ right: 10px;
+ top: 70px;
+ z-index:3;
+}
+
+
+.menu span{
+ display: inline-block;
+ text-align: center;
+ padding: 15px;
+ font-size: 17px;
+ float: left;
+ clear: both;
+ width: 55px;
+}
+
+.menu span:hover{
+ color:white;
+ background:black;
+ cursor:pointer;
+}
+
+.menu span.toggled {
+ color:white;
+ background:black;
+ cursor:pointer;
+}
+
+.menu span.icon-close{
+ color:white;
+ background:black;
+ cursor:pointer;
+}
+
+.icon-close:before {
+content: "\e736"!important;
+}
+
+.menu span:hover:after{
+ content: attr(data-info);
+ position: absolute;
+ color: black;
+ background: rgba(255,255,255,0.9);
+ margin-left: -180px;
+ display: inline-block;
+ width: 90px;
+ text-align: right;
+ padding: 17px 13px;
+ margin-top: -16px;
+ font-size: 13px;
+}
+
+.menu span.icon-close:hover:after{
+ content:"";
+ opacity:0;
+}
+.menu span.icon-map.hidden:hover:after{
+ content:"show map";
+}
+.fixed {
+ position:fixed;
+ top:0;
+ left:0;
+ width:100%;
+ height:100%;
+ z-index:2;
+ overflow-y:scroll;
+}
+
+.fixed::-webkit-scrollbar
+{
+ width: 3px;
+}
+
+.fixed::-webkit-scrollbar-track
+{
+ background:white;
+}
+
+.fixed::-webkit-scrollbar-thumb
+{
+ background: black;
+}
+
+.fixed::-moz-scrollbar
+{
+ width: 3px;
+}
+
+.fixed::-moz-scrollbar-track
+{
+ background:white;
+}
+
+.fixed::-moz-scrollbar-thumb
+{
+ background: black;
+}
+.animate {
+ -webkit-transition:all 0.2s ease-in-out;
+ -moz-transition:all 0.2s ease-in-out;
+ transform:translateY(-100%);
+}
+.mediaDrawer {
+ -webkit-transform:translateY(-100%);
+ -moz-transform:translateY(-100%);
+ transform:translateY(-100%);
+ background:rgba(255,255,255,0.9);
+ text-align:center;
+ overflow-x: hidden;
+}
+.mediaDrawer.active {
+ -webkit-transform:translateY(0%);
+ -moz-transform:translateY(0%);
+ transform:translateY(0%);
+}
+.mediaDrawer.signin, .mediaDrawer.signup{
+ display:table;
+}
+.image.active {
+ background-image:url(https://s3.amazonaws.com/luckyplop/735c46b0268cd511a22c37bc0c11e9f60c4459b2.png)!important;
+ cursor:move;
+}
+.deleteActive .image {
+ cursor:pointer;
+}
+.deleteActive .image:after {
+ content: "\e68f";
+ font-family: 'ionicons';
+ speak: none;
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ text-transform: none;
+ line-height: 1;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ font-size:150px;
+ color:#FF3B30;
+}
+.image.editText:after {
+ content: "hey";
+ position: absolute;
+ width:calc(100% - 100px) ;
+ background: white;
+ padding: 30px;
+ border: 3px solid #000;
+ margin-left:20px;
+ box-shadow: 9px 9px 2px #999 inset;
+ font-size: 30px;
+ margin-top: 600px;
+ cursor:text;
+}
+
+.fileUpload{
+ position: fixed;
+ width: 400px;
+ text-align: center;
+ font-size: 16px;
+ top: 30%;
+ left: 50%;
+ padding: 26px 20px;
+ margin-left: -200px;
+ background: white;
+ z-index: 4;
+ -webkit-transform: translateY(-1000%);
+ -webkit-transition: -webkit-transform 0.6s ease-in-out;
+ -moz-transform: translateY(-1000%);
+ -moz-transition: -webkit-transform 0.6s ease-in-out;
+ transform: translateY(-1000%);
+ transition: -webkit-transform 0.6s ease-in-out;
+ border: 1px solid;
+ box-shadow: -3px 3px black;
+}
+
+.fileUpload.active {
+ -webkit-transform:translateY(0%);
+ -moz-transform:translateY(0%);
+ transform:translateY(0%);
+}
+
+.fileUpload .icon-ios7-upload-outline{
+ font-size:40px;
+}
+.fileUpload input[type="text"]{
+ border: 1px solid #ccc;
+ font-size: 15px;
+ padding: 5px;
+ width: 220px;
+ text-align: center;
+ border-radius: 20px;
+}
+
+.fileUpload input[type="text"]:focus{
+ border: 1px solid #000;
+}
+
+.fileUpload input[type="file"]{
+ position: absolute;
+ margin-left: -134px;
+ background: blue;
+ height: 50px;
+ margin-top: -35px;
+ opacity: 0;
+ cursor:pointer;
+}
+.fileUpload small{
+ margin: 5px 0;
+ display:inline-block;
+ width:100%;
+ font-weight:bold;
+}
+.myMedia {
+ -webkit-transition: opacity 0.3s ease-in-out;
+ -moz-transition: opacity 0.3s ease-in-out;
+ transition: opacity 0.3s ease-in-out;
+}
+.myMedia.inactive {
+ opacity:0;
+}
+
+.foundMedia {
+ position:absolute;
+ top:0;
+ left:0;
+ -webkit-transform: translateX(100%);
+ -webkit-transition: -webkit-transform 0.3s ease-in-out;
+ -moz-transform: translateX(100%);
+ -moz-transition: -webkit-transform 0.3s ease-in-out;
+ transform: translateX(100%);
+ transition: -webkit-transform 0.3s ease-in-out;
+ padding-top:40px;
+}
+
+.foundMedia.active {
+ -webkit-transform:translateX(0%);
+ -moz-transform:translateX(0%);
+ transform:translateX(0%);
+}
+
+.mediaDrawer h2{
+ font-size: 18px;
+ display: inline-block;
+ margin-top: 20px;
+ position:relative;
+ z-index:4;
+}
+
+.mediaDrawer h3{
+ margin-top: 28px;
+ position: relative;
+ z-index: 4;
+}
+
+.editBtn{
+ color: #FF3B30;
+ padding: 3px;
+ font-size: 12px;
+ display: inline-block;
+ cursor:pointer;
+ font-weight:600;
+ text-decoration:none;
+}
+
+.editBtn:hover {
+ background:lightgreen;
+}
+
+.deleteArmed .mediaDrawer h3 {
+ background:#FF3B30;
+ color:white;
+}
+
+.deleteArmed .mediaContainer {
+
+}
+
+.deleteArmed .mediaContainer:hover {
+ background:#FF3B30;
+ border:1px solid #FF3B30;
+}
+
+
+.deleteArmed .mediaContainer:before {
+ content: "\e68f";
+ font-family: 'ionicons';
+ speak: none;
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ text-transform: none;
+ line-height: 1;
+ -webkit-font-smoothing: antialiased;
+ font-size: 60px;
+ margin-top: -62px;
+ position: absolute;
+ background: #FF3B30;
+ border-radius: 1000px;
+ margin-left: -59px;
+ color: white;
+}
+
+.deleteArmed .mediaContainer.deleted {
+ background:#FF3B30;
+}
+.mediaDrawer h2 a{
+ color: #555;
+ text-decoration:none;
+ padding:5px;
+ border:3px solid white;
+}
+
+.mediaDrawer h2 a.active{
+ cursor:default;
+ border:3px solid black;
+ color:black;
+}
+
+.mediaDrawer h2 a:hover {
+ border:3px solid #ccc;
+}
+
+.mediaDrawer h2 a.active{
+ border:3px solid black;
+}
+
+
+.mediaContainer {
+ border: 1px solid white;
+ display: inline-block;
+ width: 25%;
+ margin: 4%;
+ vertical-align: top;
+ border:1px solid white;
+ padding:2%;
+}
+.mediaContainer:hover {
+ border:1px dashed black;
+ cursor:pointer;
+}
+.mediaContainer img{
+ max-width:100%;
+}
+#minimap {
+ position: fixed;
+ bottom: 20px;
+ left: 20px;
+ color: black;
+ cursor:pointer;
+ background:black;
+ -webkit-transform: translateY(0px);
+ -moz-transform: translateY(0px);
+ transform: translateY(0px);
+}
+#minimap.hide{
+ -webkit-transform: translateY(155px);
+ -moz-transform: translateY(155px);
+ transform: translateY(155px);
+}
+#minimap.hide canvas{
+ opacity:0;
+}
+#minimap canvas {
+ display: block;
+ width:130px;
+ opacity:1;
+ -webkit-transition:opacity 0.3s ease-in-out;
+ -moz-transition:opacity 0.3s ease-in-out;
+ transition:opacity 0.3s ease-in-out;
+}
+.wallpaper{
+ right: 80px;
+ margin-top: 77px;
+ width: 162px;
+ z-index: 1;
+ -webkit-transition: -webkit-transform 0.1s ease-in-out;
+ -webkit-transform: translateX(400px);
+ -moz-transition: -webkit-transform 0.1s ease-in-out;
+ -moz-transform: translateX(400px);
+ transition: -webkit-transform 0.1s ease-in-out;
+ transform: translateX(400px);
+}
+.wallpaper.active {
+ display:inline-block;
+ -webkit-transform: translateX(0px);
+ -moz-transform: translateX(0px);
+ transform: translateX(0px);
+}
+.wallpaper.active span {
+ width: 40px;
+ height: 35px;
+ display: inline-block;
+ float: left;
+ border:1px solid;
+ background: url(../img/MacPaint.gif);
+ -webkit-transition: -webkit-transform 0.1s ease-in-out;
+ -webkit-user-drag: element;
+}
+
+.wallpaper.active span:nth-child(1){
+ background-position:103px 70px;
+}
+.wallpaper.active span:nth-child(2){
+ background-position:200px -98px;
+}
+.wallpaper.active span:nth-child(3){
+ background-position:200px -260px;
+}
+.wallpaper.active span:nth-child(4){
+ background-position:200px -350px;
+}
+.wallpaper.active span:nth-child(5){
+ background-position:200px -484px;
+}
+.wallpaper.active span:nth-child(6){
+ background-position:200px -581px;
+}
+.wallpaper.active span:nth-child(7){
+ background-position:200px -645px;
+}
+.wallpaper.active span:nth-child(8){
+ background-position:200px -772px;
+}
+
+.wallpaper.active span:hover {
+ cursor: pointer;
+ -webkit-transform: translateX(3px) translateY(-3px);
+ -moz-transform: translateX(3px) translateY(-3px);
+ transform: translateX(3px) translateY(-3px);
+}
+
+.lightcontrol {
+ margin-top: 13%;
+ right: 80px;
+ padding: 20px;
+ -webkit-transform: translateX(400px);
+ -webkit-transition: -webkit-transform 0.2s ease-in-out;
+ -moz-transform: translateX(400px);
+ -moz-transition: -webkit-transform 0.2s ease-in-out;
+ transform: translateX(400px);
+ transition: -webkit-transform 0.2s ease-in-out;
+}
+
+.lightcontrol.active {
+ -webkit-transform: translateX(0px);
+ -moz-transform: translateX(0px);
+ transform: translateX(0px);
+}
+
+.lightcontrol .slider {
+
+}
+h4 {
+ font-weight:300;
+ font-size:11px;
+}
+input[type=range] {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ background-color: black;
+ width: 200px;
+ height:3px;
+}
+
+input[type="range"]::-webkit-slider-thumb {
+ -webkit-appearance: none;
+ background-color: #000;
+ width: 10px;
+ height: 10px;
+ border-radius:10px;
+ cursor:pointer;
+}
+
+.settings {
+ padding: 20px;
+ bottom: 20px;
+ right: 10px;
+ font-size: 12px;
+ -webkit-transform: translateY(400px);
+ -webkit-transition: -webkit-transform 0.2s ease-in-out;
+ -moz-transform: translateY(400px);
+ -moz-transition: -webkit-transform 0.2s ease-in-out;
+ transform: translateY(400px);
+ transition: -webkit-transform 0.2s ease-in-out;
+}
+
+.settings.active {
+ -webkit-transform: translateY(0px);
+ -moz-transform: translateY(0px);
+ transform: translateY(0px);
+}
+
+#startpoint {
+ text-decoration: none;
+}
+
+#startpoint:hover {
+ text-decoration: underline;
+}
+@-webkit-keyframes fade
+{
+ 50%{
+ opacity:0.6;
+ }
+}
+@-moz-keyframes fade
+{
+ 50%{
+ opacity:0.6;
+ }
+}
+#startpoint.active #moveText{
+ -webkit-animation:fade 0.5s infinite;
+ -moz-animation:fade 0.5s infinite;
+}
+#moveText{
+ display:none;
+}
+#moveText.show {
+ display:inline-block;
+}
+#startText.hide {
+ display:none;
+}
+#startpoint.active:after {
+ content: "done";
+ background: black;
+ color: white;
+ padding: 2px;
+ font-weight: 900;
+ margin-left: 5px;
+}
+#startpoint.active:hover {
+ text-decoration:none;
+}
+.settings input[type="text"], textarea{
+ border: 1px solid #000;
+ font-size: 15px;
+ padding: 5px;
+}
+
+.settings textarea {
+ font-size: 12px;
+ width: 100%;
+ max-height: 200px;
+ max-width: 180px;
+}
+
+.settings input[type="text"]:focus{
+ border: 1px solid #000;
+}
+
+.settings .setting{
+ margin-bottom:10px;
+}
+.setting.subButtons {
+ display: inline-block;
+ width: 100%;
+ margin-top: 10px;
+}
+.settings .subButtons a{
+ font-size: 12px;
+ font-weight: 300;
+ width: 40px;
+ margin: 0;
+}
+.settings .setting:last-child{
+ margin-bottom:0px;
+}
+
+button {
+ padding: 8px;
+ border: 1px solid;
+ float: right;
+ font-weight: 500;
+ background: white;
+ cursor: pointer;
+ width: 100%;
+}
+
+button:hover {
+ background:black;
+ color:white;
+}
+
+
+
+.radio-group {
+ width: 182px;
+ display: table;
+ table-layout: fixed;
+ border-spacing: 0;
+ border-collapse: separate;
+}
+
+.radio-group__label {
+ display: table-cell;
+ height: 28px;
+ padding: 5px;
+ vertical-align: middle;
+ text-align: center;
+ position: relative;
+ border: 1px solid #ccc;
+ cursor:pointer;
+ border-style: solid none solid solid;
+ /* border-radius: 5px 0 0 5px;*/
+ -webkit-transition:border 250ms, color 250ms);
+}
+
+.radio-group__label + input + .radio-group__label {
+ /*border-radius: 0 5px 5px 0;*/
+ border-style: solid solid solid none;
+}
+
+.radio-group__label + input + .radio-group__label:before {
+ content: " ";
+ display: block;
+ position: absolute;
+ top:-1px;
+ width: 100%;
+ height: 100%;
+ border: 1px solid #000;
+ /*border-radius: 5px 0 0 5px;*/
+ -webkit-transform: translate3d(-103%,0,0);
+ -webkit-transition: all 250ms;
+ -moz-transform: translate3d(-103%,0,0);
+ -moz-transition: all 250ms;
+ transform: translate3d(-103%,0,0);
+ transition: all 250ms;
+ background:;
+}
+
+.radio-group__label + input:checked + .radio-group__label:before {
+ -webkit-transform: translate3d(-6px,0,0);
+ -moz-transform: translate3d(-6px,0,0);
+ transform: translate3d(-6px,0,0);
+}
+
+.radio-group__option:checked + label {
+ color: #000;
+}
+
+.radio-group__option {
+ display: none;
+}
+
+/*FORM STUFF*/
+
+form {
+ max-width: 440px;
+ margin: 0 auto;
+
+}
+form div {
+ float:right;
+}
+form li {
+ font-size: 20px;
+ font-weight: 300;
+ margin: 8px 0;
+ list-style: none;
+ display: inline-block;
+ width: 100%;
+}
+form label {
+ float:left;
+}
+form input[type="text"],form input[type="password"] {
+ border: 1px solid;
+ font-size: 20px;
+ padding: 5px;
+ font-weight:300;
+}
+form input[type="submit"] {
+ width: 100%;
+ border: 1px solid;
+ background: white;
+ font-size: 20px;
+ font-weight: 300;
+ padding: 10px 0;
+}
+form input[type="submit"]:hover {
+ background:lightgreen;
+ color:white;
+ border:1px solid lightgreen;
+ cursor:pointer;
+}
+form p{
+ display: block;
+ float: left;
+ font-size: 15px;
+ font-weight: 500;
+ margin-top: 10px;
+ color: #999;
+}
+form h3 {
+ text-align: left;
+ font-weight: 600;
+ font-size: 12px;
+ border-bottom: 1px solid;
+ padding: 10px 0;
+ margin-bottom: 10px;
+}
+#form_container {
+ clear:both;
+}
+
+.video {
+ height:80vh;
+ min-height:300px;
+}
+
+.video span {
+ font-size:100px;
+ color:white;
+ cursor:pointer;
+}
+.video span.videoTitle {
+ font-size: 29px;
+ font-weight: 300;
+ padding: 3px 7px;
+}
+
+.video span.icon-ios7-play-outline:hover {
+ color:lightgreen;
+}
+
+.box {
+ display: table-cell;
+ vertical-align: middle;
+ width: 100%;
+}
+
+.bigClose {
+ font-weight: 100;
+ font-size: 120px;
+ float: right;
+ cursor: pointer;
+ position: fixed;
+ right: 20px;
+}
+
+.bigClose:hover {
+ color:lightgreen;
+}
+
+.facebook {
+ width: 100%;
+ display: inline-block;
+ text-align: right;
+ font-size: 28px;
+ font-weight: 300;
+ background: #1D62F0;
+ vertical-align: top;
+ text-decoration: none;
+ margin-bottom: 20px;
+ color: white;
+}
+/*
+.facebook:hover{
+ background:lightgreen;
+}
+*/
+.box b.info {
+ display: inline-block;
+ width: 100%;
+ margin-bottom: 18px;
+ font-weight: 500;
+ font-size: 12px;
+ letter-spacing: 2px;
+}
+.facebook b {
+ float: left;
+ font-size: 50px;
+}
+
+.facebook span {
+ vertical-align: bottom;
+ padding-right: 14px;
+ font-size: 19px;
+ line-height: 16px;
+}
+
+.aboutRoom {
+ width: 250px;
+ background: rgba(255,255,255,0.95);
+ padding: 20px;
+ position: fixed;
+ bottom: 10px;
+ left: 10px;
+ border: 1px solid;
+}
+
+.aboutRoom h1 a{
+ text-decoration: none;
+ font-style: italic;
+}
+
+.aboutRoom h1 a:hover {
+ text-decoration:underline;
+}
+
+.aboutRoom h2{
+ font-size: 13px;
+ margin: 5px 0;
+}
+
+.share {
+ position: fixed;
+ right: 0px;
+ bottom: 10px;
+ padding-right:10px;
+ background:rgba(255,255,255,0.95);
+}
+
+.share h2 {
+ font-weight: 300;
+ font-size: 18px;
+ text-align: right;
+}
+
+.share a{
+ color: #017cfe;
+ text-decoration: none;
+ margin-left: 6px;
+ font-size: 13px;
+ font-weight: 600;
+}
+
+.share a:hover{
+ text-decoration:underline;
+}
+@-webkit-keyframes borderanimation
+{
+ 0%{width:600px;}
+ 100%{width:750px;left:2px;}
+}
+
+@-webkit-keyframes borderanimationleftright
+{
+ 0%{height:250px;}
+ 100%{height:500px;top:2px;}
+}
+
+@-moz-keyframes borderanimation
+{
+ 0%{width:600px;}
+ 100%{width:750px;left:2px;}
+}
+
+@-moz-keyframes borderanimationleftright
+{
+ 0%{height:250px;}
+ 100%{height:500px;top:2px;}
+}
+
+@-ms-keyframes borderanimation
+{
+ 0%{width:500px;}
+ 100%{width:750px;left:2px;}
+}
+
+@-ms-keyframes borderanimationleftright
+{
+ 0%{height:250px;}
+ 100%{height:500px;top:2px;}
+}
+
+@-o-keyframes borderanimation
+{
+ 0%{width:500px;}
+ 100%{width:750px;left:2px;}
+}
+
+@-o-keyframes borderanimationleftright
+{
+ 0%{height:250px;}
+ 100%{height:500px;top:2px;}
+}
+
+@keyframes borderanimation
+{
+ 0%{width:500px;}
+ 100%{width:750px;left:2px;}
+}
+
+@keyframes borderanimationleftright
+{
+ 0%{height:250px;}
+ 100%{height:500px;top:2px;}
+}
diff --git a/assets/stylesheets/ionicons.css b/assets/stylesheets/ionicons.css
new file mode 100755
index 0000000..0d8af36
--- /dev/null
+++ b/assets/stylesheets/ionicons.css
@@ -0,0 +1,1335 @@
+@font-face {
+ font-family: 'ionicons';
+ src:url('../fonts/ionicons.eot');
+ src:url('../fonts/ionicons.eot?#iefix') format('embedded-opentype'),
+ url('../fonts/ionicons.ttf') format('truetype'),
+ url('../fonts/ionicons.woff') format('woff'),
+ url('../fonts/ionicons.svg#icomoon') format('svg');
+ font-weight: normal;
+ font-style: normal;
+}
+
+[class*="icon-"] {
+ font-family: 'ionicons';
+ 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;
+}
+
+.icon-ios7-folder:before {
+ content: "\e60c";
+}
+.icon-ios7-flag:before {
+ content: "\e619";
+}
+.icon-ios7-partlysunny:before {
+ content: "\e626";
+}
+.icon-ios7-personadd-outline:before {
+ content: "\e633";
+}
+.icon-ios7-filing:before {
+ content: "\e640";
+}
+.icon-ios7-heart-outline:before {
+ content: "\e64d";
+}
+.icon-ios7-film-outline:before {
+ content: "\e65a";
+}
+.icon-ios7-fastforward:before {
+ content: "\e667";
+}
+.icon-ios7-cloud-download:before {
+ content: "\e674";
+}
+.icon-ios7-plus-empty:before {
+ content: "\e681";
+}
+.icon-ios7-plus:before {
+ content: "\e682";
+}
+.icon-ios7-plus-outline:before {
+ content: "\e683";
+}
+.icon-ios7-checkmark-empty:before {
+ content: "\e684";
+}
+.icon-ios7-checkmark:before {
+ content: "\e685";
+}
+.icon-ios7-checkmark-outline:before {
+ content: "\e686";
+}
+.icon-ios7-help-empty:before {
+ content: "\e687";
+}
+.icon-ios7-help:before {
+ content: "\e688";
+}
+.icon-ios7-help-outline:before {
+ content: "\e689";
+}
+.icon-ios7-information-empty:before {
+ content: "\e68a";
+}
+.icon-ios7-information:before {
+ content: "\e68b";
+}
+.icon-ios7-information-outline:before {
+ content: "\e68c";
+}
+.icon-ios7-circle-filled:before {
+ content: "\e68d";
+}
+.icon-ios7-circle-outline:before {
+ content: "\e68e";
+}
+.icon-ios7-trash-outline:before {
+ content: "\e68f";
+}
+.icon-ios7-more:before {
+ content: "\e690";
+}
+.icon-ios7-more-outline:before {
+ content: "\e691";
+}
+.icon-ios7-upload:before {
+ content: "\e692";
+}
+.icon-ios7-upload-outline:before {
+ content: "\e693";
+}
+.icon-ios7-download:before {
+ content: "\e694";
+}
+.icon-ios7-download-outline:before {
+ content: "\e695";
+}
+.icon-ios7-search-strong:before {
+ content: "\e696";
+}
+.icon-ios7-search:before {
+ content: "\e697";
+}
+.icon-ios7-navigate:before {
+ content: "\e698";
+}
+.icon-ios7-navigate-outline:before {
+ content: "\e699";
+}
+.icon-ios7-copy:before {
+ content: "\e69a";
+}
+.icon-ios7-copy-outline:before {
+ content: "\e69b";
+}
+.icon-ios7-photos:before {
+ content: "\e69c";
+}
+.icon-ios7-photos-outline:before {
+ content: "\e69d";
+}
+.icon-ios7-albums:before {
+ content: "\e69e";
+}
+.icon-ios7-albums-outline:before {
+ content: "\e69f";
+}
+.icon-ios7-world:before {
+ content: "\e6a0";
+}
+.icon-ios7-world-outline:before {
+ content: "\e6a1";
+}
+.icon-ios7-recording:before {
+ content: "\e6a2";
+}
+.icon-ios7-recording-outline:before {
+ content: "\e6a3";
+}
+.icon-ios7-keypad:before {
+ content: "\e6a4";
+}
+.icon-ios7-keypad-outline:before {
+ content: "\e6a5";
+}
+.icon-ios7-contact:before {
+ content: "\e6a6";
+}
+.icon-ios7-contact-outline:before {
+ content: "\e6a7";
+}
+.icon-ios7-clock:before {
+ content: "\e6a8";
+}
+.icon-ios7-clock-outline:before {
+ content: "\e6a9";
+}
+.icon-ios7-star:before {
+ content: "\e6aa";
+}
+.icon-ios7-star-outline:before {
+ content: "\e6ab";
+}
+.icon-ios7-compose-outline:before {
+ content: "\e6ac";
+}
+.icon-ios7-wineglass:before {
+ content: "\e6ad";
+}
+.icon-ios7-pie:before {
+ content: "\e6ae";
+}
+.icon-ios7-pie-outline:before {
+ content: "\e6af";
+}
+.icon-ios7-reload:before {
+ content: "\e6b0";
+}
+.icon-ios7-wineglass-outline:before {
+ content: "\e6b1";
+}
+.icon-ios7-medkit:before {
+ content: "\e6b2";
+}
+.icon-ios7-medkit-outline:before {
+ content: "\e6b3";
+}
+.icon-ios7-briefcase-outline:before {
+ content: "\e6b4";
+}
+.icon-ios7-briefcase:before {
+ content: "\e6b5";
+}
+.icon-ios7-pricetag:before {
+ content: "\e6b6";
+}
+.icon-ios7-pricetag-outline:before {
+ content: "\e6b7";
+}
+.icon-ios7-speedometer:before {
+ content: "\e6b8";
+}
+.icon-ios7-speedometer-outline:before {
+ content: "\e6b9";
+}
+.icon-ios7-lightbulb:before {
+ content: "\e6ba";
+}
+.icon-ios7-lightbulb-outline:before {
+ content: "\e6bb";
+}
+.icon-ios7-calculator:before {
+ content: "\e6bc";
+}
+.icon-ios7-calculator-outline:before {
+ content: "\e6bd";
+}
+.icon-ios7-arrow-thin-left:before {
+ content: "\e6be";
+}
+.icon-ios7-arrow-thin-down:before {
+ content: "\e6bf";
+}
+.icon-ios7-arrow-thin-right:before {
+ content: "\e6c0";
+}
+.icon-ios7-arrow-thin-up:before {
+ content: "\e6c1";
+}
+.icon-ios7-time:before {
+ content: "\e6c2";
+}
+.icon-ios7-time-outline:before {
+ content: "\e6c3";
+}
+.icon-volume-mute:before {
+ content: "\e6c4";
+}
+.icon-thumbsdown:before {
+ content: "\e6c5";
+}
+.icon-thumbsup:before {
+ content: "\e6c6";
+}
+.icon-calendar:before {
+ content: "\e6c7";
+}
+.icon-images:before {
+ content: "\e6c8";
+}
+.icon-film-marker:before {
+ content: "\e6c9";
+}
+.icon-game-controller-b:before {
+ content: "\e6ca";
+}
+.icon-game-controller-a:before {
+ content: "\e6cb";
+}
+.icon-man:before {
+ content: "\e6cc";
+}
+.icon-archive:before {
+ content: "\e6cd";
+}
+.icon-trash-b:before {
+ content: "\e6ce";
+}
+.icon-trash-a:before {
+ content: "\e6cf";
+}
+.icon-folder:before {
+ content: "\e6d0";
+}
+.icon-alert-circled:before {
+ content: "\e6d1";
+}
+.icon-information-circled:before {
+ content: "\e6d2";
+}
+.icon-minus-circled:before {
+ content: "\e6d3";
+}
+.icon-plus-circled:before {
+ content: "\e6d4";
+}
+.icon-link:before {
+ content: "\e6d5";
+}
+.icon-eject:before {
+ content: "\e6d6";
+}
+.icon-skip-backward:before {
+ content: "\e6d7";
+}
+.icon-skip-forward:before {
+ content: "\e6d8";
+}
+.icon-iphone:before {
+ content: "\e6d9";
+}
+.icon-ipad:before {
+ content: "\e6da";
+}
+.icon-ipod:before {
+ content: "\e6db";
+}
+.icon-alert:before {
+ content: "\e6dc";
+}
+.icon-arrow-right-a:before {
+ content: "\e6dd";
+}
+.icon-arrow-up-a:before {
+ content: "\e6de";
+}
+.icon-arrow-left-a:before {
+ content: "\e6df";
+}
+.icon-arrow-down-a:before {
+ content: "\e6e0";
+}
+.icon-ionic:before {
+ content: "\e6e1";
+}
+.icon-plane:before {
+ content: "\e6e2";
+}
+.icon-flask:before {
+ content: "\e6e3";
+}
+.icon-card:before {
+ content: "\e6e4";
+}
+.icon-bag:before {
+ content: "\e6e5";
+}
+.icon-map:before {
+ content: "\e6e6";
+}
+.icon-clipboard:before {
+ content: "\e6e7";
+}
+.icon-pound:before {
+ content: "\e6e8";
+}
+.icon-at:before {
+ content: "\e6e9";
+}
+.icon-image:before {
+ content: "\e6ea";
+}
+.icon-mic-c:before {
+ content: "\e6eb";
+}
+.icon-mic-b:before {
+ content: "\e6ec";
+}
+.icon-waterdrop:before {
+ content: "\e6ed";
+}
+.icon-record:before {
+ content: "\e6ee";
+}
+.icon-stop:before {
+ content: "\e6ef";
+}
+.icon-pause:before {
+ content: "\e6f0";
+}
+.icon-play:before {
+ content: "\e6f1";
+}
+.icon-volume-low:before {
+ content: "\e6f2";
+}
+.icon-volume-medium:before {
+ content: "\e6f3";
+}
+.icon-volume-high:before {
+ content: "\e6f4";
+}
+.icon-mic-a:before {
+ content: "\e6f5";
+}
+.icon-music-note:before {
+ content: "\e6f6";
+}
+.icon-headphone:before {
+ content: "\e6f7";
+}
+.icon-disc:before {
+ content: "\e6f8";
+}
+.icon-videocamera:before {
+ content: "\e6f9";
+}
+.icon-printer:before {
+ content: "\e6fa";
+}
+.icon-laptop:before {
+ content: "\e6fb";
+}
+.icon-monitor:before {
+ content: "\e6fc";
+}
+.icon-flash-off:before {
+ content: "\e6fd";
+}
+.icon-flash:before {
+ content: "\e6fe";
+}
+.icon-eye:before {
+ content: "\e6ff";
+}
+.icon-camera:before {
+ content: "\e700";
+}
+.icon-bluetooth:before {
+ content: "\e701";
+}
+.icon-wifi:before {
+ content: "\e702";
+}
+.icon-battery-charging:before {
+ content: "\e703";
+}
+.icon-battery-empty:before {
+ content: "\e704";
+}
+.icon-battery-low:before {
+ content: "\e705";
+}
+.icon-battery-half:before {
+ content: "\e706";
+}
+.icon-battery-full:before {
+ content: "\e707";
+}
+.icon-woman:before {
+ content: "\e708";
+}
+.icon-person-stalker:before {
+ content: "\e709";
+}
+.icon-person-add:before {
+ content: "\e70a";
+}
+.icon-person:before {
+ content: "\e70b";
+}
+.icon-chatboxes:before {
+}
+.icon-chatbox-working:before {
+ content: "\e70d";
+}
+.icon-chatbox:before {
+ content: "\e70e";
+}
+.icon-chatbubbles:before {
+ content: "\e70f";
+}
+.icon-chatbubble-working:before {
+ content: "\e710";
+}
+.icon-chatbubble:before {
+ content: "\e711";
+}
+.icon-unlocked:before {
+ content: "\e712";
+}
+.icon-locked:before {
+ content: "\e713";
+}
+.icon-more:before {
+ content: "\e714";
+}
+.icon-grid:before {
+ content: "\e715";
+}
+.icon-upload:before {
+ content: "\e716";
+}
+.icon-cloud:before {
+ content: "\e717";
+}
+.icon-location:before {
+ content: "\e718";
+}
+.icon-compose:before {
+ content: "\e719";
+}
+.icon-paperclip:before {
+ content: "\e71a";
+}
+.icon-share:before {
+ content: "\e71b";
+}
+.icon-email:before {
+ content: "\e71c";
+}
+.icon-reply-all:before {
+ content: "\e71d";
+}
+.icon-forward:before {
+ content: "\e71e";
+}
+.icon-reply:before {
+ content: "\e71f";
+}
+.icon-filing:before {
+ content: "\e720";
+}
+.icon-document-text:before {
+ content: "\e721";
+}
+.icon-document:before {
+ content: "\e722";
+}
+.icon-gear-b:before {
+ content: "\e723";
+}
+.icon-gear-a:before {
+ content: "\e724";
+}
+.icon-help-circled:before {
+ content: "\e725";
+}
+.icon-help:before {
+ content: "\e726";
+}
+.icon-information:before {
+ content: "\e727";
+}
+.icon-minus:before {
+ content: "\e728";
+}
+.icon-minus-round:before {
+ content: "\e729";
+}
+.icon-plus:before {
+ content: "\e72a";
+}
+.icon-plus-round:before {
+ content: "\e72b";
+}
+.icon-drag:before {
+ content: "\e72c";
+}
+.icon-navicon:before {
+ content: "\e72d";
+}
+.icon-navicon-round:before {
+ content: "\e72e";
+}
+.icon-heart:before {
+ content: "\e72f";
+}
+.icon-star:before {
+ content: "\e730";
+}
+.icon-search:before {
+ content: "\e731";
+}
+.icon-home:before {
+ content: "\e732";
+}
+.icon-shuffle:before {
+ content: "\e733";
+}
+.icon-loop:before {
+ content: "\e734";
+}
+.icon-close-circled:before {
+ content: "\e735";
+}
+.icon-close:before {
+ content: "\e736";
+}
+.icon-close-round:before {
+ content: "\e737";
+}
+.icon-checkmark-circled:before {
+ content: "\e738";
+}
+.icon-checkmark:before {
+ content: "\e739";
+}
+.icon-checkmark-round:before {
+ content: "\e73a";
+}
+.icon-chevron-left:before {
+ content: "\e73b";
+}
+.icon-chevron-right:before {
+ content: "\e73c";
+}
+.icon-chevron-down:before {
+ content: "\e73d";
+}
+.icon-chevron-up:before {
+ content: "\e73e";
+}
+.icon-arrow-down-c:before {
+ content: "\e73f";
+}
+.icon-arrow-up-c:before {
+ content: "\e740";
+}
+.icon-arrow-right-c:before {
+ content: "\e741";
+}
+.icon-arrow-left-c:before {
+ content: "\e742";
+}
+.icon-arrow-left-b:before {
+ content: "\e743";
+}
+.icon-arrow-down-b:before {
+ content: "\e744";
+}
+.icon-arrow-right-b:before {
+ content: "\e745";
+}
+.icon-arrow-up-b:before {
+ content: "\e746";
+}
+.icon-refresh:before {
+ content: "\e747";
+}
+.icon-leaf:before {
+ content: "\e748";
+}
+.icon-briefcase:before {
+ content: "\e749";
+}
+.icon-clock:before {
+ content: "\e74a";
+}
+.icon-thermometer:before {
+ content: "\e74b";
+}
+.icon-wrench:before {
+ content: "\e74c";
+}
+.icon-medkit:before {
+ content: "\e74d";
+}
+.icon-wineglass:before {
+ content: "\e74e";
+}
+.icon-load-d:before {
+ content: "\e74f";
+}
+.icon-load-c:before {
+ content: "\e750";
+}
+.icon-load-b:before {
+ content: "\e751";
+}
+.icon-load-a:before {
+ content: "\e752";
+}
+.icon-umbrella:before {
+ content: "\e753";
+}
+.icon-coffee:before {
+ content: "\e754";
+}
+.icon-pizza:before {
+ content: "\e755";
+}
+.icon-icecream:before {
+ content: "\e756";
+}
+.icon-spoon:before {
+ content: "\e757";
+}
+.icon-fork:before {
+ content: "\e758";
+}
+.icon-knife:before {
+ content: "\e759";
+}
+.icon-earth:before {
+ content: "\e75a";
+}
+.icon-egg:before {
+ content: "\e75b";
+}
+.icon-pie-graph:before {
+ content: "\e75c";
+}
+.icon-magnet:before {
+ content: "\e75d";
+}
+.icon-help-buoy:before {
+ content: "\e75e";
+}
+.icon-nuclear:before {
+ content: "\e75f";
+}
+.icon-beaker:before {
+ content: "\e760";
+}
+.icon-pricetags:before {
+ content: "\e761";
+}
+.icon-pricetag:before {
+ content: "\e762";
+}
+.icon-settings:before {
+ content: "\e763";
+}
+.icon-hammer:before {
+ content: "\e764";
+}
+.icon-power:before {
+ content: "\e765";
+}
+.icon-female:before {
+ content: "\e766";
+}
+.icon-male:before {
+ content: "\e767";
+}
+.icon-pinpoint:before {
+ content: "\e768";
+}
+.icon-pin:before {
+ content: "\e769";
+}
+.icon-navigate:before {
+ content: "\e76a";
+}
+.icon-flag:before {
+ content: "\e76b";
+}
+.icon-code-download:before {
+ content: "\e76c";
+}
+.icon-code-working:before {
+ content: "\e76d";
+}
+.icon-code:before {
+ content: "\e76e";
+}
+.icon-usb:before {
+ content: "\e76f";
+}
+.icon-bookmark:before {
+ content: "\e770";
+}
+.icon-key:before {
+ content: "\e771";
+}
+.icon-lightbulb:before {
+ content: "\e772";
+}
+.icon-calculator:before {
+ content: "\e773";
+}
+.icon-speakerphone:before {
+ content: "\e774";
+}
+.icon-contrast:before {
+ content: "\e775";
+}
+.icon-accelerate:before {
+ content: "\e776";
+}
+.icon-speedometer:before {
+ content: "\e777";
+}
+.icon-compass:before {
+ content: "\e778";
+}
+.icon-radio-waves:before {
+ content: "\e779";
+}
+.icon-log-out:before {
+ content: "\e77a";
+}
+.icon-log-in:before {
+ content: "\e77b";
+}
+.icon-levels:before {
+ content: "\e77c";
+}
+.icon-connection-bars:before {
+ content: "\e77d";
+}
+.icon-stats-bars:before {
+ content: "\e77e";
+}
+.icon-arrow-graph-up:before {
+ content: "\e77f";
+}
+.icon-arrow-graph-down:before {
+ content: "\e780";
+}
+.icon-arrow-resize:before {
+ content: "\e781";
+}
+.icon-arrow-move:before {
+ content: "\e782";
+}
+.icon-arrow-expand:before {
+ content: "\e783";
+}
+.icon-arrow-shrink:before {
+ content: "\e784";
+}
+.icon-arrow-swap:before {
+ content: "\e785";
+}
+.icon-arrow-return-left:before {
+ content: "\e786";
+}
+.icon-arrow-return-right:before {
+ content: "\e787";
+}
+.icon-social-android-outline:before {
+ content: "\e788";
+}
+.icon-social-android:before {
+ content: "\e789";
+}
+.icon-social-dropbox:before {
+ content: "\e78a";
+}
+.icon-social-dropbox-outline:before {
+ content: "\e78b";
+}
+.icon-social-designernews:before {
+ content: "\e78c";
+}
+.icon-social-designernews-outline:before {
+ content: "\e78d";
+}
+.icon-social-hackernews:before {
+ content: "\e78e";
+}
+.icon-social-hackernews-outline:before {
+ content: "\e78f";
+}
+.icon-social-windows:before {
+ content: "\e790";
+}
+.icon-social-windows-outline:before {
+ content: "\e791";
+}
+.icon-social-apple:before {
+ content: "\e792";
+}
+.icon-social-apple-outline:before {
+ content: "\e793";
+}
+.icon-social-youtube:before {
+ content: "\e794";
+}
+.icon-social-youtube-outline:before {
+ content: "\e795";
+}
+.icon-social-linkedin:before {
+ content: "\e796";
+}
+.icon-social-linkedin-outline:before {
+ content: "\e797";
+}
+.icon-social-skype:before {
+ content: "\e798";
+}
+.icon-social-skype-outline:before {
+ content: "\e799";
+}
+.icon-social-vimeo:before {
+ content: "\e79a";
+}
+.icon-social-vimeo-outline:before {
+ content: "\e79b";
+}
+.icon-social-buffer:before {
+ content: "\e79c";
+}
+.icon-social-buffer-outline:before {
+ content: "\e79d";
+}
+.icon-social-yahoo:before {
+ content: "\e79e";
+}
+.icon-social-yahoo-outline:before {
+ content: "\e79f";
+}
+.icon-social-reddit:before {
+ content: "\e7a0";
+}
+.icon-social-reddit-outline:before {
+ content: "\e7a1";
+}
+.icon-social-wordpress:before {
+ content: "\e7a2";
+}
+.icon-social-wordpress-outline:before {
+ content: "\e7a3";
+}
+.icon-social-tumblr:before {
+ content: "\e7a4";
+}
+.icon-social-tumblr-outline:before {
+ content: "\e7a5";
+}
+.icon-social-rss:before {
+ content: "\e7a6";
+}
+.icon-social-rss-outline:before {
+ content: "\e7a7";
+}
+.icon-social-github:before {
+ content: "\e7a8";
+}
+.icon-social-github-outline:before {
+ content: "\e7a9";
+}
+.icon-social-dribbble:before {
+ content: "\e7aa";
+}
+.icon-social-dribbble-outline:before {
+ content: "\e7ab";
+}
+.icon-social-googleplus:before {
+ content: "\e7ac";
+}
+.icon-social-googleplus-outline:before {
+ content: "\e7ad";
+}
+.icon-social-facebook:before {
+ content: "\e7ae";
+}
+.icon-social-facebook-outline:before {
+ content: "\e7af";
+}
+.icon-social-twitter:before {
+ content: "\e7b0";
+}
+.icon-social-twitter-outline:before {
+ content: "\e7b1";
+}
+.icon-social-pinterest:before {
+ content: "\e7b2";
+}
+.icon-social-pinterest-outline:before {
+ content: "\e7b3";
+}
+.icon-social-bitcoin:before {
+ content: "\e7b4";
+}
+.icon-social-bitcoin-outline:before {
+ content: "\e7b5";
+}
+.icon-ios7-at-outline:before {
+ content: "\e600";
+}
+.icon-ios7-bookmarks:before {
+ content: "\e601";
+}
+.icon-ios7-bookmarks-outline:before {
+ content: "\e602";
+}
+.icon-ios7-at:before {
+ content: "\e603";
+}
+.icon-ios7-stopwatch:before {
+ content: "\e604";
+}
+.icon-ios7-stopwatch-outline:before {
+ content: "\e605";
+}
+.icon-ios7-timer:before {
+ content: "\e606";
+}
+.icon-ios7-timer-outline:before {
+ content: "\e607";
+}
+.icon-ios7-alarm:before {
+ content: "\e608";
+}
+.icon-ios7-alarm-outline:before {
+ content: "\e609";
+}
+.icon-ios7-rainy:before {
+ content: "\e60a";
+}
+.icon-ios7-rainy-outline:before {
+ content: "\e60b";
+}
+.icon-ios7-eye-outline:before {
+ content: "\e60d";
+}
+.icon-ios7-gear-outline:before {
+ content: "\e60e";
+}
+.icon-ios7-gear:before {
+ content: "\e60f";
+}
+.icon-ios7-box-outline:before {
+ content: "\e610";
+}
+.icon-ios7-box:before {
+ content: "\e611";
+}
+.icon-ios7-drag:before {
+ content: "\e612";
+}
+.icon-ios7-ionic-outline:before {
+ content: "\e613";
+}
+.icon-ios7-printer-outline:before {
+ content: "\e614";
+}
+.icon-ios7-trash:before {
+ content: "\e615";
+}
+.icon-ios7-flag-outline:before {
+ content: "\e616";
+}
+.icon-ios7-glasses:before {
+ content: "\e617";
+}
+.icon-ios7-glasses-outline:before {
+ content: "\e618";
+}
+.icon-ios7-infinite:before {
+ content: "\e61a";
+}
+.icon-ios7-infinite-outline:before {
+ content: "\e61b";
+}
+.icon-ios7-cart:before {
+ content: "\e61c";
+}
+.icon-ios7-cart-outline:before {
+ content: "\e61d";
+}
+.icon-ios7-moon:before {
+ content: "\e61e";
+}
+.icon-ios7-moon-outline:before {
+ content: "\e61f";
+}
+.icon-ios7-thunderstorm:before {
+ content: "\e620";
+}
+.icon-ios7-thunderstorm-outline:before {
+ content: "\e621";
+}
+.icon-ios7-cloudy-outline:before {
+ content: "\e622";
+}
+.icon-ios7-sunny:before {
+ content: "\e623";
+}
+.icon-ios7-sunny-outline:before {
+ content: "\e624";
+}
+.icon-ios7-people:before {
+ content: "\e625";
+}
+.icon-ios7-people-outline:before {
+ content: "\e627";
+}
+.icon-ios7-person:before {
+ content: "\e628";
+}
+.icon-ios7-person-outline:before {
+ content: "\e629";
+}
+.icon-ios7-location:before {
+ content: "\e62a";
+}
+.icon-ios7-location-outline:before {
+ content: "\e62b";
+}
+.icon-ios7-personadd:before {
+ content: "\e62c";
+}
+.icon-ios7-email:before {
+ content: "\e62f";
+}
+.icon-ios7-email-outline:before {
+ content: "\e630";
+}
+.icon-ios7-paperplane:before {
+ content: "\e631";
+}
+.icon-ios7-paperplane-outline:before {
+ content: "\e632";
+}
+.icon-ios7-undo:before {
+ content: "\e634";
+}
+.icon-ios7-undo-outline:before {
+ content: "\e635";
+}
+.icon-ios7-redo:before {
+ content: "\e636";
+}
+.icon-ios7-redo-outline:before {
+ content: "\e637";
+}
+.icon-ios7-refresh-outline:before {
+ content: "\e63a";
+}
+.icon-ios7-cog:before {
+ content: "\e63b";
+}
+.icon-ios7-cog-outline:before {
+ content: "\e63c";
+}
+.icon-ios7-browsers:before {
+ content: "\e63d";
+}
+.icon-ios7-browsers-outline:before {
+ content: "\e63e";
+}
+.icon-ios7-bolt:before {
+ content: "\e63f";
+}
+.icon-ios7-bolt-outline:before {
+ content: "\e641";
+}
+.icon-ios7-heart:before {
+ content: "\e642";
+}
+.icon-ios7-printer:before {
+ content: "\e645";
+}
+.icon-ios7-telephone:before {
+ content: "\e646";
+}
+.icon-ios7-telephone-outline:before {
+ content: "\e647";
+}
+.icon-ios7-monitor:before {
+ content: "\e648";
+}
+.icon-ios7-monitor-outline:before {
+ content: "\e649";
+}
+.icon-ios7-camera:before {
+ content: "\e64a";
+}
+.icon-ios7-camera-outline:before {
+ content: "\e64b";
+}
+.icon-ios7-film:before {
+ content: "\e64c";
+}
+.icon-ios7-bell:before {
+ content: "\e64e";
+}
+.icon-ios7-bell-outline:before {
+ content: "\e64f";
+}
+.icon-ios7-musical-note:before {
+ content: "\e650";
+}
+.icon-ios7-musical-notes:before {
+ content: "\e651";
+}
+.icon-ios7-skipbackward:before {
+ content: "\e652";
+}
+.icon-ios7-skipbackward-outline:before {
+ content: "\e653";
+}
+.icon-ios7-skipforward:before {
+ content: "\e654";
+}
+.icon-ios7-skipforward-outline:before {
+ content: "\e655";
+}
+.icon-ios7-rewind:before {
+ content: "\e656";
+}
+.icon-ios7-rewind-outline:before {
+ content: "\e657";
+}
+.icon-ios7-pause-outline:before {
+ content: "\e658";
+}
+.icon-ios7-pause:before {
+ content: "\e659";
+}
+.icon-ios7-play:before {
+ content: "\e65b";
+}
+.icon-ios7-volume-high:before {
+ content: "\e65c";
+}
+.icon-ios7-volume-low:before {
+ content: "\e65d";
+}
+.icon-ios7-mic-off:before {
+ content: "\e65e";
+}
+.icon-ios7-mic-outline:before {
+ content: "\e65f";
+}
+.icon-ios7-mic:before {
+ content: "\e660";
+}
+.icon-ios7-cloud-upload:before {
+ content: "\e661";
+}
+.icon-ios7-cloud-upload-outline:before {
+ content: "\e662";
+}
+.icon-ios7-cloud-outline:before {
+ content: "\e663";
+}
+.icon-ios7-arrow-forward:before {
+ content: "\e664";
+}
+.icon-ios7-arrow-back:before {
+ content: "\e665";
+}
+.icon-ios7-unlocked:before {
+ content: "\e666";
+}
+.icon-ios7-unlocked-outline:before {
+ content: "\e668";
+}
+.icon-ios7-locked:before {
+ content: "\e669";
+}
+.icon-ios7-locked-outline:before {
+ content: "\e66a";
+}
+.icon-ios7-minus-empty:before {
+ content: "\e66b";
+}
+.icon-ios7-minus:before {
+ content: "\e66c";
+}
+.icon-ios7-minus-outline:before {
+ content: "\e66d";
+}
+.icon-ios7-folder-outline:before {
+ content: "\e66e";
+}
+.icon-ios7-calendar:before {
+ content: "\e66f";
+}
+.icon-ios7-calendar-outline:before {
+ content: "\e670";
+}
+.icon-ios7-partlysunny-outline:before {
+ content: "\e671";
+}
+.icon-ios7-cloudy:before {
+ content: "\e672";
+}
+.icon-ios7-eye:before {
+ content: "\e676";
+}
+.icon-ios7-videocam:before {
+ content: "\e67b";
+}
+.icon-ios7-videocam-outline:before {
+ content: "\e67c";
+}
+.icon-ios7-fastforward-outline:before {
+ content: "\e67d";
+}
+.icon-ios7-play-outline:before {
+ content: "\e67e";
+}
+.icon-ios7-cloud-download-outline:before {
+ content: "\e67f";
+}
+.icon-ios7-cloud:before {
+ content: "\e680";
+}
+.icon-ios7-arrow-up:before {
+ content: "\e62d";
+}
+.icon-ios7-arrow-down:before {
+ content: "\e62e";
+}
+.icon-ios7-arrow-right:before {
+ content: "\e638";
+}
+.icon-ios7-arrow-left:before {
+ content: "\e639";
+}
+.icon-ios7-chatbubble:before {
+ content: "\e643";
+}
+.icon-ios7-chatbubble-outline:before {
+ content: "\e644";
+}
+.icon-ios7-refresh:before {
+ content: "\e673";
+}
+.icon-ios7-refresh-empty:before {
+ content: "\e675";
+}
+.icon-ios7-filing-outline:before {
+ content: "\e677";
+}
+.icon-ios7-compose:before {
+ content: "\e678";
+}
+.icon-ios7-chatboxes:before {
+ content: "\e679";
+}