summaryrefslogtreecommitdiff
path: root/public/assets/stylesheets/app.css
diff options
context:
space:
mode:
Diffstat (limited to 'public/assets/stylesheets/app.css')
-rwxr-xr-xpublic/assets/stylesheets/app.css452
1 files changed, 429 insertions, 23 deletions
diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css
index 62a5682..7dda058 100755
--- a/public/assets/stylesheets/app.css
+++ b/public/assets/stylesheets/app.css
@@ -53,9 +53,11 @@ body.noOverflow{
overflow:hidden;
}
-body.loading * {
- -webkit-transition: all 0 ease 0 !important;
- transition: all 0 ease 0 !important;
+body.loading *,
+body.loading .animate {
+ opacity: 0.2;
+ -webkit-transition: none !important;
+ transition: none !important;
}
html, body {
@@ -72,7 +74,7 @@ body.pastePaper .wallpaper.active span:hover{
cursor:url(../img/paintbucket.png), auto;
}
-a{
+a {
color:black;
text-decoration: none;
}
@@ -139,7 +141,7 @@ a{
background: rgba(255,255,255,0.9);
}
-.videoModal .ion-ios7-close-empty {
+.videoModal .ion-ios-close-empty {
position: absolute;
right: 50px;
top: 10px;
@@ -148,7 +150,7 @@ a{
color:#444;
}
-.desktop .videoModal .ion-ios7-close-empty:hover {
+.desktop .videoModal .ion-ios-close-empty:hover {
color:black;
}
@@ -156,7 +158,7 @@ a{
display: none;
border-right:0px!important;
}
-.editProfile, .profileLink {
+.profileLink {
border-right:0px!important;
}
.editing #help-button {
@@ -419,6 +421,10 @@ h5 {
float: right;
}
+.projectList.about.makeAccountSingleton a {
+ margin: 0 20%;
+}
+
.page .showcase {
height:70vh;
}
@@ -604,7 +610,9 @@ iframe.embed {
.page h1:nth-child(2) {
margin-top: 40px;
}
-
+.page h1.leader {
+ margin-top: 60px;
+}
.page p {
margin: 20px;
}
@@ -673,7 +681,21 @@ iframe.embed {
font-weight: 300;
}
+.aboutintro {
+ text-align: center;
+ line-height: 43px;
+ font-size: 24px;
+ padding: 5% 0;
+ font-weight: 300;
+}
+.aboutintro .inner {
+ max-width: 800px;
+ margin: 0 auto;
+ text-align: center;
+}
+
/* PROFILE PAGE */
+
.profilePic {
background-size: cover;
background-position: center;
@@ -687,7 +709,7 @@ iframe.embed {
border-right: 1px solid;
}
-.profilePic .ion-ios7-person-outline {
+.profilePic .ion-ios-person-outline {
font-size: 100px;
}
@@ -833,6 +855,7 @@ iframe.embed {
}
+
.projectList.about.gopro {
padding:6% 0;
}
@@ -884,14 +907,264 @@ iframe.embed {
background:black;
color:white;
}
+
+/* PLANS BROCHURE */
+.about_custom {
+ clear: both;
+ max-width: 600px;
+ margin: 0 auto;
+ font-size: 14px;
+ border-bottom: 1px solid #e5e5e5;
+}
+.about_custom h3 {
+ text-transform: uppercase;
+ letter-spacing: 3px;
+ font-size: 1.25em;
+ font-weight: 500;
+ background: #3A3A3A;
+ color: white;
+ text-align: center;
+}
+.about_custom li {
+ list-style-type: none;
+ line-height: 2em;
+ padding: 10px 20px;
+ background: white;
+ text-align: center;
+ border-left: 1px solid #e5e5e5;
+ border-right: 1px solid #e5e5e5;
+}
+.about_custom a {
+ border-bottom: 1px solid black;
+}
+
+ul#plans {
+ margin: 0 auto;
+ text-align: center;
+ font-size: 14px;
+}
+
+ul#plans>li {
+ display: inline-block;
+ width: 300px;
+ vertical-align: top;
+ margin: 0 25px 25px 0;
+ position: relative;
+}
+
+ul#plans>li.most-popular:before {
+ content: 'Most Popular';
+ display: block;
+ background: #F17E6F;
+ color: white;
+ font-size: 1em;
+ font-weight: 500;
+ letter-spacing: 1px;
+ text-transform: uppercase;
+ width: 100%;
+ position: absolute;
+ top: -31px;
+}
+
+ul#plans .top {
+ background: #3A3A3A;
+ color: white;
+ padding: 30px 0;
+ height: 266px;
+}
+
+ul#plans h2 {
+ padding: 0;
+ font-size: 1.25em;
+ margin-bottom: 1.75em;
+ text-transform: uppercase;
+ letter-spacing: 3px;
+ font-weight: 500;
+}
+
+ul#plans h3 {
+ margin: 0 0 20px;
+ font-weight: 200;
+}
+
+ul#plans h3 span.dollar {
+ font-size: 1.25em;
+ vertical-align: top;
+ position: relative;
+ top: -14px;
+}
+
+ul#plans h3 span.price {
+ font-size: 5em;
+ font-weight: 100;
+}
+
+ul#plans h4 {
+ font-size: 0.85em;
+ color: #e6e6e6;
+ margin: 0 auto;
+ width: 50%;
+ font-weight: 500;
+ line-height: 30px;
+}
+
+ul#plans ul {
+ border-left: 1px solid #e5e5e5;
+ border-right: 1px solid #e5e5e5;
+}
+
+ul#plans ul li {
+ text-align: left;
+ border-bottom: 1px solid #e5e5e5;
+ padding: 5px 20px;
+ font-weight: 700;
+ list-style: none;
+ background: white;
+ color:#333;
+}
+
+ul#plans .signup {
+ background: #3A3A3A;
+ padding: 25px 0;
+}
+
+.signup .current {
+ display: inline-block;
+ color: white;
+ font-weight: bold;
+ font-size: 1em;
+ padding: 4px 30px 3px;
+}
+
+.signup .button {
+ font-weight: bold;
+ padding: 16px 30px 14px;
+ -o-transition: background 0.2s ease-in-out;
+ -webkit-transition: background 0.2s ease-in-out;
+ transition: background 0.2s ease-in-out;
+ display: inline-block;
+ background: #F17E6F;
+ color: white;
+ text-decoration: none;
+ font-size: 1em;
+ padding: 4px 30px 3px;
+ border: none;
+ cursor: pointer;
+}
+
+
+.signup .button:hover {
+ color: white;
+ background: #ef6958;
+}
+
+
+/* debug sync button */
+.editSubscription .gear {
+ position: absolute;
+ top: 10px;
+ left: 10px;
+ opacity: 0.1;
+ cursor: pointer;
+ -webkit-transition: all 0.3s;
+ -webkit-transform-origin: 49% 53%;
+ transition: all 0.3s;
+ transform-origin: 49% 53%;
+}
+.editSubscription .gear.turning {
+ opacity: 0.3;
+ -webkit-animation: gear 1s infinite linear;
+ animation: gear 1s infinite linear;
+}
+@-webkit-keyframes gear {
+ from { transform: rotate(0deg); }
+ to { transform: rotate(720deg); }
+}
+@keyframes gear {
+ from { transform: rotate(0deg); }
+ to { transform: rotate(720deg); }
+}
+.paidPlan {
+ text-align: left;
+ font-size: 14px;
+}
+.planInfo {
+ margin: 10px 0;
+ width: 100%;
+ padding: 0;
+}
+.planInfo td, .planInfo th {
+ text-align: left;
+ padding: 10px 3px;
+ margin: 0;
+}
+.planInfo td {
+ height: 60px;
+ vertical-align: middle;
+}
+.planInfo td:nth-child(2),
+.planInfo th:nth-child(2),
+.planInfo td:nth-child(3),
+.planInfo td:nth-child(4),
+.planInfo th:nth-child(3) {
+ text-align: right;
+}
+.planInfo td:nth-child(4) {
+ width: 90px;
+}
+
+.planInfo [data-role="billingInterval"] {
+ font-size: 10px;
+}
+.totalRow td:nth-child(4) {
+ border-top: 1px solid;
+}
+.paidPlan button {
+ width: 200px;
+ float: none;
+ margin: 5px 7px;
+}
+.paidPlan [data-role="cancelSubscription"] {
+ color: #800;
+ border-color: black;
+ width: 200px;
+ float: none;
+}
+.paidPlan [data-role="cancelSubscription"]:hover {
+ color: white;
+ background: red;
+ border-color: red;
+}
+/* purchase mode */
+.paidPlan input[type=number] { display: none; float: right; }
+form .paidPlan div { float: none; }
+form .paidPlan label { float: none; font-size: 16px; margin: 0 10px; }
+.paidPlan .upgradeMenu div { padding: 5px 10px; }
+.paidPlan .editMenu { display: none }
+.paidPlan .planMenu { display: none }
+
+.editing .section_break { display: none }
+.editing .paidPlan .currentPlanLevel { display: none }
+.editing .paidPlan .billingMenu { display: none }
+.editing .paidPlan .editMenu { display: block }
+.editing .paidPlan .planMenu { display: block }
+.editing .paidPlan input[type=number] { display: inline-block }
+.editing .paidPlan input[type=number]+span { display: none }
+
+.editMenu .fineprint { font-size: 12px; width: auto; text-align: justify; }
+/* LAYOUTS MODAL */
+
.templates {
overflow: auto;
max-height: 100%;
width: 100%;
height: 100%;
padding: 20px 0 40px 0;
+ text-align: center;
}
-.templates-list {
+.templates-list,
+.userTemplatesList,
+.blueprintsList {
display: inline-block;
width: 100%;
margin-bottom: 40px;
@@ -902,8 +1175,8 @@ iframe.embed {
}
.templates::-webkit-scrollbar-thumb {
-background-color: white;
-border-left: 1px solid black;
+ background-color: white;
+ border-left: 1px solid black;
}
.templates::-webkit-scrollbar-track {
@@ -918,8 +1191,7 @@ border-left: 1px solid black;
}
.templates span {
- display: block;
- float: left;
+ display: inline-block;
margin: 1vw 0;
width:20%;
padding: 2vw;
@@ -974,6 +1246,8 @@ border-left: 1px solid black;
float:right;
}
+/* MX SCENE STUFF */
+
.mx-scene {
position:fixed;
top:0;
@@ -1001,6 +1275,13 @@ border-left: 1px solid black;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
+.mx-outline {
+ border-width: 2px;
+ border-style: dashed;
+ -moz-box-sizing: content-box;
+ -webkit-box-sizing: content-box;
+ box-sizing: content-box;
+}
.destroyActive .mx-scene, .destroyActive .mx-object3d.image {
cursor:url(/assets/img/delete-cursor.png), auto;
}
@@ -1054,6 +1335,8 @@ border-left: 1px solid black;
#hud {
position: fixed;
top:0;left:0;
+ width: 100%;
+ height: 100%;
z-index: 2;
}
#palette {
@@ -1229,7 +1512,8 @@ border-left: 1px solid black;
cursor:pointer;
}
-.menu span.inuse {
+.menu span.inuse,
+.menu span.active {
color:white;
background:black;
cursor:pointer;
@@ -1255,7 +1539,7 @@ border-left: 1px solid black;
font-weight:600;
}
-.menu span.ion-ios7-sunny-outline:hover:after {
+.menu span.ion-ios-sunny-outline:hover:after {
width: 130px;
}
@@ -1324,7 +1608,8 @@ border-left: 1px solid black;
.mediaDrawer.signin, .mediaDrawer.signup,
.mediaDrawer.alert, .mediaDrawer.confirm,
.mediaDrawer.passwordForgot, .mediaDrawer.passwordReset, .mediaDrawer.usernameTaken,
-.mediaDrawer.layouts, .mediaDrawer.projects, .mediaDrawer.newProject {
+.mediaDrawer.layouts, .mediaDrawer.projects, .mediaDrawer.newProject,
+.mediaDrawer.blueprintEditor {
display:table;
}
.confirm button {
@@ -1423,7 +1708,7 @@ border-left: 1px solid black;
transform: translateY(0%);
}
-.fileUpload .ion-ios7-upload-outline {
+.fileUpload .ion-ios-upload-outline {
font-size:40px;
}
.fileUpload .upload-icon.uploading {
@@ -2075,6 +2360,20 @@ input[type="range"]::-webkit-slider-thumb {
transition: -webkit-transform 0.2s ease-in-out;
width: 210px;
}
+#blueprintNotice.settings {
+ width: 230px;
+}
+#blueprintNotice a {
+ border-bottom: 1px solid;
+}
+#blueprintNotice .next {
+ display: inline-block;
+ background: black; color: white;
+ padding: 4px;
+ margin: 4px 0 0 0;
+ float: right;
+ cursor: pointer;
+}
#textEditor.settings {
width: 320px;
}
@@ -2212,6 +2511,9 @@ input[type="range"]::-webkit-slider-thumb {
top: 5px;
font-weight:600;
}
+.setting.number.scale label {
+ top: 0;
+}
.setting.number label:after {
content:":";
}
@@ -2251,6 +2553,9 @@ input[type="range"]::-webkit-slider-thumb {
#mediaEditor .setting.number [type=text] {
width: 140px;
}
+#sculptureEditor .setting.number input[type=text] {
+ width: 130px;
+}
.playButton,.muteButton {
border-radius: 50%;
@@ -2468,7 +2773,7 @@ form li {
form label {
float:left;
}
-form input[type="text"],form input[type="password"] {
+form input[type="text"],form input[type="password"],form input[type="number"] {
border: 1px solid;
font-size: 20px;
padding: 5px;
@@ -2488,7 +2793,7 @@ form input[type="submit"]:hover {
border:1px solid black;
cursor:pointer;
}
-form p{
+form p {
display: block;
float: left;
font-size: 15px;
@@ -2765,6 +3070,8 @@ a[data-role="forgot-password"] {
font-size: 13px;
margin: 5px 0 0 0;
}
+
+
.share {
display:inline-block;
width:100%;
@@ -2976,6 +3283,105 @@ a[data-role="forgot-password"] {
}
+/* blueprint upload box */
+
+.blueprintUploader {
+ -webkit-transition: all 0.2s ease-in-out;
+ transition: all 0.2s ease-in-out;
+ width: 340px;
+ position: absolute;
+ top: 50%; left: 50%;
+ background: white;
+ padding: 10px;
+ border: 1px solid black;
+ box-shadow: -3px 3px #000;
+ -webkit-transform: translate3D(0%,-200%,0);
+ transform: translate3D(0%,-200%,0);
+ margin-left: -175px;
+ margin-top: -200px;
+ opacity: 0;
+}
+.blueprintUploader.active {
+ -webkit-transform: translate3D(0,0,0);
+ transform: translate3D(0,0,0);
+ opacity: 1;
+}
+.blueprintUploader .toolButton {
+ float: none;
+ width: 108px;
+ display: inline-block;
+}
+.blueprintUploader .url {
+ font-size: 15px;
+ border: 1px solid #888;
+ padding: 2px;
+ font-weight: 300;
+ position: relative;
+ top: 3px;
+ margin-right: 10px;
+ width: 190px;
+}
+.blueprintUploader p {
+ font-weight: 300;
+ font-size: 13px;
+}
+.blueprintUploader .blueprints {
+ display: none;
+}
+.blueprintUploader .blueprints h5 {
+ width: 250px;
+ margin: 10px auto;
+ padding-top: 9px;
+}
+.blueprints .blueprint {
+ border: 2px solid black;
+ background: white;
+ padding: 0px;
+ position: relative;
+ display: inline-block;
+ margin: 0 2px;
+}
+.blueprints .blueprint img {
+ height: 100px;
+ max-width: 200px;
+ display: block;
+ cursor: pointer;
+}
+.blueprints .blueprint .remove {
+ box-shadow: -2px 2px #000;
+ cursor: pointer;
+ position: absolute;
+ color: red;
+ top: 7px;
+ right: 7px;
+ width: 20px; height: 20px;
+ text-align: center;
+ background: #fff;
+ border: 1px solid black;
+}
+.blueprints .blueprint .remove span {
+ position: relative;
+ top: -2px;
+}
+.blueprintUploader .wallpaperUpload .upload-icon {
+ margin: 0 4px;
+}
+.uploadNewBlueprint {
+ color: #333;
+ border-bottom: 1px solid;
+ cursor: pointer;
+}
+
+
+[data-role="create-new-blueprint"] {
+ margin-bottom: 10px;
+}
+.openScaler {
+ margin-left: 10px;
+ border-bottom: 1px solid;
+ cursor: pointer;
+}
+
/* KEYBOARD SHORTCUTS */
.keyboard { float: left; width: 50%; margin-top: 50px; }
@@ -3038,8 +3444,8 @@ a[data-role="forgot-password"] {
form li {
font-size: 16px;
}
- form input[type="text"], form input[type="password"] {
- font-size: 15px;
+ form input[type="text"],form input[type="password"],form input[type="number"] {
+ font-size: 15px;
}
.page h1 {
font-size: 26px;
@@ -3160,7 +3566,7 @@ a[data-role="forgot-password"] {
.footer {
padding:50px 0 120px 0;
}
- .videoModal .ion-ios7-close-empty {
+ .videoModal .ion-ios-close-empty {
right: 10px;
top: 20px;
}
generated by cgit v1.2.3-70-g09d2 (git 2.51.0) at 2026-01-11 10:29:10 +0000