app/assets/stylesheets/pages_core/admin/controllers/pages.css
.drag-handle {
cursor: pointer;
float: left;
vertical-align: middle;
margin-top: 5px;
margin-left: 6px;
width: 13px;
height: 16px;
background-image: url("pages/admin/drag-icon.png");
}
td.drag-handle {
float: none;
background-repeat: no-repeat;
background-position: right 0px top 50%;
}
.page-list {
float: left;
list-style-type: none;
padding: 0;
margin: 0;
font-size: 1.2em;
margin-left: -8px;
margin-top: 16px;
.page-listing {
border: 1px solid transparent;
padding: 3px 8px 2px 8px !important;
}
ul {
border-left: 1px dotted #ccc !important;
margin-left: 12px !important;
padding-left: 8px !important;
}
ul li {
overflow: auto;
}
.page {
padding: 4px 8px;
line-height: 17px;
float: left;
.status {
font-weight: normal;
}
a.page-name,
a.page-name:visited {
text-decoration: none;
color: #222;
}
a.page-name:hover {
text-decoration: underline;
}
&.hidden {
a.page-name {
color: #666;
}
}
&:hover {
background: #ffd;
border: 1px solid #dda;
.status {
display: none;
}
}
}
.page-without-locale {
color: #888;
}
li {
font-weight: var(--bold-weight);
margin: 0;
padding: 0;
clear: both;
}
li li {
font-weight: normal;
font-size: 12px;
padding: 0;
}
ul {
clear: both;
list-style-type: none;
border-left: 1px dashed #ccc;
margin: 0 0 0px 12px;
padding: 0 0 0 12px;
}
.hover {
background: #cef;
}
.drag-handle {
display: none;
}
&.reorder .drag-handle {
display: block;
}
}
.news-item-list,
.calendar-item-list {
.name {
line-height: 1.5;
small {
font-weight: normal;
}
}
.autopublish-notice {
font-size: 0.75rem;
font-weight: normal;
color: var(--text-light-color);
}
.draft,
.hidden,
.autopublish,
.reviewed {
background: var(--background-disabled-color);
}
.pinned .name {
background: transparent
radial-gradient(ellipse at center, #92b6c4 50%, transparent 50%) no-repeat
left 12px top 50%;
background-size: 10px 10px;
}
}
.edit-page {
width: auto;
.advanced-options {
margin-top: 1.5rem;
}
main input[type="text"],
main textarea {
width: 100%;
max-width: 100%;
}
main input.page_title {
font-weight: var(--bold-weight);
font-size: 1.4em;
color: var(--text-color);
}
}
.file-list {
list-style-type: none;
margin-left: 0;
margin-right: 0;
padding: 0;
.embed-code {
display: inline-block;
width: 60px;
margin-right: 10px;
}
li {
line-height: 30px;
border-top: 1px solid var(--border-color);
&:first-child {
border-top: 0px;
}
.actions {
float: right;
}
.drag-handle {
margin-right: 10px;
}
}
.placeholder {
height: 30px;
}
.ui-sortable-helper {
border: 1px solid var(--border-color) !important;
background: rgba(250, 250, 250, 0.8);
}
}