Skip to content

Commit

Permalink
misc
Browse files Browse the repository at this point in the history
  • Loading branch information
@causefx
causefx committed Sep 16, 2021
1 parent 2250fee commit 247a87b
Show file tree
Hide file tree
Showing 3 changed files with 233 additions and 1 deletion.
217 changes: 217 additions & 0 deletions css/organizr.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -200,6 +200,223 @@ span.jsgrid-pager-page.jsgrid-pager-current-page.btn.btn-primary{
user-select: none;
}

.org-rox-trigger {
position: fixed;
height: 2px;
width: 2px;
bottom: 0;
right: 0;
z-index: 10000000000000000; }

.org-rox-trigger:hover .org-rox {
display: block; }

.org-rox {
display: none;
position: fixed;
top: 100px;
left: 300px;
z-index: 10000000000000000; }

.org-rox .hair:before,
.org-rox .hair:after {
content: "";
position: absolute; }

.org-rox .hair:before {
width: 0;
height: 0;
border-left: 60px solid transparent;
border-bottom: 60px solid #8e2800;
left: 40px;
margin-top: -10px; }

.org-rox .hair:after {
width: 0;
height: 0;
border-left: 60px solid transparent;
border-bottom: 60px solid #8e2800;
left: 60px;
margin-top: -20px; }

.org-rox .head {
position: relative;
width: 200px;
height: 200px;
border-radius: 100px;
background-color: #8e2800; }

.org-rox .ear {
position: absolute;
top: 20px;
content: "";
width: 100px;
height: 100px;
border-radius: 50px;
background-color: #8e2800; }

.org-rox .ear.left {
left: -40px; }

.org-rox .ear.right {
right: -40px; }

.org-rox .ear.left:before,
.org-rox .ear.right:before {
position: absolute;
content: "";
top: 12px;
width: 100px;
height: 80px;
border-radius: 80px;
background-color: #b64926; }

.org-rox .ear.left:before {
left: 20px; }

.org-rox .ear.right:before {
right: 20px; }

.org-rox .face {
position: relative;
width: 200px;
height: 200px;
border-radius: 100px;
background-color: #8e2800;
z-index: 0; }

.org-rox .face:before {
position: absolute;
content: "";
top: 40px;
left: 20px;
width: 160px;
height: 160px;
border-radius: 80px;
background-color: #b64926;
z-index: 1; }

.org-rox .eye {
position: absolute;
top: 60px;
width: 64px;
height: 64px;
border-radius: 64px;
background-color: #fff0a5;
z-index: 4; }

.org-rox .eye.left {
left: 34px; }

.org-rox .eye.right {
right: 34px; }

.org-rox .eye:before,
.org-rox .eye:after {
position: absolute;
content: "";
-webkit-animation: roll-eye 1s infinite linear normal;
animation: roll-eye 1s infinite linear normal; }

.org-rox .eye:before {
top: 20px;
left: 20px;
width: 20px;
height: 20px;
border-radius: 10px;
background-color: black; }

.org-rox .eye:after {
top: 22px;
left: 30px;
width: 4px;
height: 4px;
border-radius: 2px;
background-color: white; }

.org-rox .eye.right:after,
.org-rox .eye.right:before {
-webkit-animation: roll-eye 1s infinite linear reverse;
animation: roll-eye 1s infinite linear reverse; }

@-webkit-keyframes roll-eye {
from {
-webkit-transform: rotate(90deg) translate(-16px) rotate(90deg); }

to {
-webkit-transform: rotate(450deg) translate(-16px) rotate(-450deg); } }
@keyframes roll-eye {
from {
transform: rotate(90deg) translate(-16px) rotate(90deg); }

to {
transform: rotate(450deg) translate(-16px) rotate(-450deg); } }
.org-rox .nose:before,
.org-rox .nose:after {
position: absolute;
content: "";
width: 4px;
height: 4px;
border-radius: 2px;
background-color: black;
top: 130px;
left: 94px;
z-index: 4; }

.org-rox .nose:after {
left: 102px; }

.org-rox .mouth {
position: absolute;
z-index: 3;
top: 120px;
left: -4px;
background-color: #b64926;
height: 120px;
width: 208px;
border-bottom-left-radius: 170px 88px;
border-bottom-right-radius: 170px 88px;
border-top-left-radius: 92px 88px;
border-top-right-radius: 92px 88px; }

.org-rox .mouth:before {
position: absolute;
content: "";
top: 40px;
left: 46px;
width: 120px;
height: 60px;
background-color: #000000;
border-bottom-left-radius: 170px;
border-bottom-right-radius: 180px; }

.org-rox .mouth:after {
position: absolute;
content: "";
top: 64px;
left: 66px;
width: 80px;
height: 40px;
background-color: #b5292a;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
border-bottom-left-radius: 80px;
border-bottom-right-radius: 80px;
-webkit-animation: move-tongue 1s infinite alternate-reverse;
animation: move-tongue 1s infinite alternate-reverse; }

@-webkit-keyframes move-tongue {
from {
top: 64px; }

to {
top: 70px; } }
@keyframes move-tongue {
from {
top: 64px; }

to {
top: 70px; } }
body.stop-scrolling {
height: 100%;
overflow: hidden;
Expand Down
2 changes: 1 addition & 1 deletion css/organizr.min.css
View file

Large diffs are not rendered by default.

15 changes: 15 additions & 0 deletions index.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -169,6 +169,21 @@ class="fa fa-check text-success"></i>&nbsp;
<!-- ============================================================== -->
<a href="#" id="scroll" style="display: none;"><span></span></a>
<button id="internal-clipboard" class="hidden"></button>
<div class="org-rox-trigger">
<div class="org-rox">
<div class="hair"></div>
<div class="head">
<div class="ear left"></div>
<div class="ear right"></div>
<div class="face">
<div class="eye left"></div>
<div class="eye right"></div>
<div class="nose"></div>
<div class="mouth"></div>
</div>
</div>
</div>
</div>
</div>
<!-- /#wrapper -->
<!-- jQuery -->
Expand Down

0 comments on commit 247a87b

Please sign in to comment.