Differences
This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
stylesheet:style_ui-design [2025/01/25 16:12] – antmonss | stylesheet:style_ui-design [2025/01/25 16:56] (current) – external edit 127.0.0.1 | ||
---|---|---|---|
Line 3: | Line 3: | ||
- | .left-column * {display:none !important} | + | .left-column * {opacity:0 !important } |
- | .site-header | + | .sidebar-content {opacity:0 !important } |
- | .navbar | + | .options {opacity:0 !important } |
+ | .search{opacity: | ||
+ | .site-title{opacity: | ||
+ | .site-logo{opacity: | ||
+ | .page-info{opacity: | ||
+ | |||
+ | .site-header | ||
+ | .navbar | ||
.breadcrumbs * {display: | .breadcrumbs * {display: | ||
Line 13: | Line 20: | ||
} | } | ||
- | *: | + | |
- | font-size: 10px | + | |
- | } | + | |
.level1 p { | .level1 p { | ||
Line 27: | Line 31: | ||
transition-duration: | transition-duration: | ||
} | } | ||
- | * {background-color: | + | |
+ | * {background-color: | ||
| | ||
Line 34: | Line 39: | ||
} | } | ||
- | /* .right-column { | ||
- | margin-left: | ||
- | background-color: | ||
- | overflow: hidden | ||
- | position: | ||
- | } | ||
- | .right-column: | ||
- | margin-left: | ||
- | transition-duration: | ||
- | } */ | ||
| | ||
overflow: hidden; | overflow: hidden; | ||
- | /* margin-left: | + | |
transform: translateX(0); | transform: translateX(0); | ||
background-color: | background-color: | ||
Line 58: | Line 52: | ||
.right-column: | .right-column: | ||
- | /* margin-left: | + | |
transition-duration: | transition-duration: | ||
} | } | ||
Line 71: | Line 64: | ||
display: inline-block; | display: inline-block; | ||
} | } | ||
+ | |||
h1: | h1: | ||
| | ||
Line 78: | Line 72: | ||
} | } | ||
- | h1::before{ | ||
- | content: " | ||
- | position: absolute; | ||
- | top:0; | ||
- | left: -25px; | ||
- | opacity: 0; | ||
- | transition: opacity 0.3s ease, transform 0.3s ease; | ||
- | transform: translateX(10px) | ||
- | } | ||
- | h1: | + | |
- | opacity: | + | |
- | transform: translateY(0) | + | |
- | } | + | |