Commit ab565ae5 authored by Jean Rabreau's avatar Jean Rabreau
Browse files

馃拕 more neutral 3dhop background

parent 1d31ef19
Pipeline #63818 passed with stages
in 4 minutes and 49 seconds
......@@ -16,7 +16,7 @@
<div id="tdhlg" @click="followCredits">
Powered by 3DHOP<br/>CNR &nbsp;&ndash;&nbsp; ISTI
</div>
<canvas id="draw-canvas" :class="canvasClasses"/>
<canvas id="draw-canvas" class="default" :class="canvasClasses"/>
</div>
</div>
</template>
......@@ -109,7 +109,22 @@ export default {
width: 100%;
position: relative;
}
.tdhop { position:relative; width:100%; height:100%; -webkit-user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; touch-action:none; -ms-touch-action:none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; }
.tdhop {
position: relative;
width: 100%;
height: 100%;
-webkit-user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
touch-action: none;
-ms-touch-action: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}
#tdhlg {
position:absolute;
......@@ -187,18 +202,28 @@ export default {
-ms-touch-action:none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;
&.default {
//background-color: rgba(200,200,200,1);
//background-image: radial-gradient(circle, rgba(200,200,200,0), rgba(200,200,200,0));
&.light {
background-image: radial-gradient(circle, rgba(200,200,200,1), rgba(250,250,250,0.8));
}
&.dark {
background-image: radial-gradient(circle, rgba(200,200,200,1), rgba(50,50,50,0.5));
}
}
&.cyan {
background-image: radial-gradient(circle, #7FFDFC, #0C1A1A );
}
&.grey {
background-image: linear-gradient(#F2F2F2, #645B5C);
}
&.light {
background-image: url("/static/skins/backgrounds/light.jpg");
}
&.dark {
background-image: url("/static/skins/backgrounds/dark.jpg");
}
//&.light {
// background-image: url("/static/skins/backgrounds/light.jpg");
//}
//&.dark {
// background-image: url("/static/skins/backgrounds/dark.jpg");
//}
&.measuring {
cursor: crosshair;
}
......
Markdown is supported
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