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:13] – antmonss | stylesheet:style_ui-design [2025/01/25 16:40] (current) – antmonss | ||
|---|---|---|---|
| Line 3: | Line 3: | ||
| - | .left-column | + | .left-column |
| - | .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) | + | |
| - | } | + | |