__ __ __ __ _____ _ _ _____ _ _ _ | \/ | \ \ / / | __ \ (_) | | / ____| | | | | | \ / |_ __\ V / | |__) | __ ___ ____ _| |_ ___ | (___ | |__ ___| | | | |\/| | '__|> < | ___/ '__| \ \ / / _` | __/ _ \ \___ \| '_ \ / _ \ | | | | | | |_ / . \ | | | | | |\ V / (_| | || __/ ____) | | | | __/ | | |_| |_|_(_)_/ \_\ |_| |_| |_| \_/ \__,_|\__\___| |_____/|_| |_|\___V 2.1 if you need WebShell for Seo everyday contact me on Telegram Telegram Address : @jackleetFor_More_Tools:
// General layout
.media-container {
display: flex;
flex-wrap: wrap;
margin-top: 1rem;
background-color: $container-bg;
border-radius: $border-radius;
box-shadow: $col-box-shadow;
.contentpane & {
margin: 0 -20px;
box-shadow: none;
}
}
.media-col-main-panel {
flex: 0 0 $col-main-panel-width;
max-width: $col-main-panel-width;
}
.media-col-side-panel {
flex: 0 0 $col-side-panel-width;
max-width: $col-side-panel-width;
}
[class^="media-col"], [class*=" media-col"] {
position: relative;
width: 100%;
min-height: 1px;
padding-right: $col-gutter-width * .5;
padding-left: $col-gutter-width * .5;
}
@media (min-width: 768px) {
[class^="media-col"], [class*=" media-col"] {
flex: 0 0 100%;
max-width: 100%;
}
}
.media-main {
position: relative;
flex: 1 1 600px;
min-height: 75vh;
}
.media-sidebar {
flex: 1 1 300px;
padding: 1rem;
@media (min-width: 768px) {
position: sticky;
top: 75px;
align-self: flex-start;
max-width: 300px;
}
}
| Name | Type | Size | Permission | Actions |
|---|---|---|---|---|
| _animations.scss | File | 1.09 KB | 0664 |
|
| _layout.scss | File | 1022 B | 0664 |
|
| _media-breadcrumb.scss | File | 1.31 KB | 0664 |
|
| _media-browser.scss | File | 9.69 KB | 0664 |
|
| _media-edit.scss | File | 1.28 KB | 0664 |
|
| _media-infobar.scss | File | 1.71 KB | 0664 |
|
| _media-modal.scss | File | 1.5 KB | 0664 |
|
| _media-toolbar.scss | File | 1.53 KB | 0664 |
|
| _media-tree.scss | File | 2.81 KB | 0664 |
|