META-INF.resources.wiki.css.main.scss Maven / Gradle / Ivy
@import 'atlas-variables';
.portlet-wiki {
.wiki-body {
@include hyphens();
overflow: auto;
word-wrap: break-word;
@include media-breakpoint-down(md) {
-webkit-overflow-scrolling: touch;
}
pre {
background: #fff;
border: 1px dashed #2f6fab;
margin: 5px 0;
padding: 0.5em;
}
a.new-wiki-page {
color: #da1414;
}
}
.wiki-body,
.wiki-page-editor {
img {
max-width: 100%;
}
table {
border-collapse: collapse;
width: 100%;
}
table,
th,
td {
border: 1px solid;
}
}
.wiki-page-editor .alloy-editor-container .alloy-editor-wrapper {
padding-left: 45px;
}
a.createpage {
color: #f00;
}
.toc {
background-color: #f9f9f9;
border: 1px solid #aaa;
padding: 0 1em;
.h4,
h4 {
margin-bottom: 0.7em;
}
ul {
margin-top: 0;
}
li.toclevel-1 {
list-style-type: none;
margin-left: 0;
}
li.toclevel-2 {
list-style-type: none;
margin-left: 15px;
}
li.toclevel-3 {
list-style-type: none;
margin-left: 30px;
}
}
.page-attachments {
margin: 20px 0 0;
}
.page-categorization {
margin: 0;
}
.page-categories {
color: #7d7d7d;
}
.taglib-discussion {
margin: 1em;
}
.portlet-body {
h1.page-title .return-to-page {
background: url(@theme_image_path@/wiki/return_to_page.png)
no-repeat 0 50%;
padding-left: 20px;
text-decoration: none;
}
.h4,
h2,
h3,
h4 {
a.hashlink {
color: #dde0e1;
font-size: 12px;
text-decoration: none;
}
&:hover a.hashlink {
color: #777;
}
}
}
.preview {
background: #ffc;
border: 1px dotted gray;
padding: 3px;
}
.taglib-custom-attributes-list {
margin-bottom: 1em;
}
.taglib-custom-attributes-list label {
display: block;
}
.content-body {
.wiki-code {
background: #fff;
border: 1px solid #777;
font-family: monospace;
white-space: pre;
}
.code-lines {
border-right: 1px solid #ccc;
color: #000;
margin-right: 5px;
padding: 0 5px;
}
a.external-link {
background: transparent url(@theme_image_path@/wiki/external.png)
right top no-repeat;
padding-right: 10px;
text-decoration: none;
&:hover {
background: transparent
url(@theme_image_path@/wiki/external.png) right top
no-repeat;
padding-right: 11px;
text-decoration: underline;
}
}
}
.node-current {
font-weight: bold;
text-decoration: none;
}
.list-group .list-group-item {
p.h5 {
font-weight: 600;
}
h3 {
margin-top: 5px;
}
}
.page-actions {
margin-top: 1.5em;
&:after {
clear: both;
content: '';
display: block;
height: 0;
visibility: hidden;
}
.article-actions {
border-right: 1px solid #999;
float: left;
margin-right: 10px;
padding-right: 10px;
}
.stats {
color: #999;
}
&.top-actions {
margin-bottom: 15px;
margin-top: 0;
text-align: right;
img {
margin-left: 5px;
}
& > span {
margin-left: 5px;
}
}
}
.page-activities {
.activity-status {
color: #666;
font-weight: bold;
text-transform: uppercase;
}
.activity-summary {
color: #999;
display: block;
margin-left: 3em;
}
}
.entry-links h2 {
border-width: 0;
font-size: 1em;
font-weight: bold;
}
.page-info {
width: 100%;
tr {
th,
td {
border: 1px solid #ccc;
border-left-width: 0;
border-right-width: 0;
padding: 0.3em 1em;
}
}
}
.page-old-version {
color: #f93;
line-height: 1.2em;
margin: -1em 0 1.4em;
width: auto;
a {
color: #f93;
}
}
.page-ratings {
margin: 0;
}
.page-redirect {
color: #7d7d7d;
cursor: pointer;
line-height: 1.2em;
margin: -1em 0 1.4em;
width: auto;
}
.page-redirect:hover {
text-decoration: underline;
}
.popup-print {
float: right;
}
.syntax-help-content {
border: 1px dotted gray;
padding-left: 10px;
}
.syntax-help {
.h4,
h4 {
margin-bottom: 0.5em;
}
pre {
margin-bottom: 1em;
margin-left: 1em;
@include overflow-wrap(normal);
}
}
.top-links {
padding-bottom: 10px;
}
.top-links-nodes {
border: 1px solid #ddd;
float: left;
list-style-type: none;
margin: 0 0.5em 0.5em;
padding: 0.2em 0.5em;
.top-link-node {
border-right: 1px solid #aaa;
display: inline-block;
list-style-type: none;
margin: 0.3em;
padding-right: 0.2em;
&.last {
border-width: 0;
}
}
}
.top-links .page-search {
float: right;
margin: 0 0 0.5em 0.5em;
}
.search-root-entry {
color: #999;
float: right;
}
.top-links-configuration {
float: left;
}
.subscription-info tr td {
border-width: 0;
padding: 0.1em 10px 0.1em 0;
}
.trash-attachments {
float: right;
}
.wiki-page-toolbar {
margin: 0;
}
.app-view-taglib .lfr-header-row-content .form-group {
margin: 0;
}
}
.trash-restore-popup {
.form {
fieldset {
margin-bottom: 0;
padding: 0 15px;
}
}
}
.app-view-search-entry-taglib {
display: block;
margin: 5px;
padding: 5px 0 5px 20px;
position: relative;
text-align: left;
dl {
margin: 0;
dt {
float: left;
margin-right: 3px;
}
}
.tabview-list {
margin-bottom: 0;
}
.taglib-workflow-status {
display: inline;
.workflow-status {
padding-left: 0.2em;
}
}
.entry-description {
margin-top: 20px;
}
.entry-discussion,
.entry-attachment {
border-top: 1px solid #ccc;
display: block;
margin: 0.5em 4em;
overflow: hidden;
padding-top: 5px;
a {
display: block;
overflow: hidden;
text-decoration: none;
}
.image {
float: left;
padding: 5px;
img.avatar,
img.attachment {
width: 45px;
}
}
.title {
display: block;
}
&:hover {
background-color: #d3e8f1;
}
}
.entry-folder {
color: #999;
}
.entry-link .entry-thumbnail-image {
border-width: 0;
color: #000;
text-decoration: none;
width: 128px;
}
&.alt {
background-color: #edf0f3;
}
&.search {
background-color: #fff;
&.alt {
background-color: #e2e5e8;
}
}
&:after {
clear: both;
content: '';
display: block;
height: 0;
visibility: hidden;
}
}
.app-view-entry {
&.selected {
.entry-metadata {
dt,
dd,
.entry-categories,
.entry-tags,
.entry-description {
color: #f0f0f0;
}
}
}
.entry-action {
position: absolute;
right: 6px;
top: 10px;
.btn {
padding: 0;
}
}
.entry-selector {
left: 5px;
position: absolute;
top: 10px;
}
.entry-title {
display: block;
font-size: 1.15em;
font-weight: bold;
padding: 5px 0 10px;
}
.entry-link {
display: block;
overflow: hidden;
text-align: left;
text-decoration: none;
}
.entry-metadata {
margin: 10px 0 20px;
@include media-breakpoint-down(md) {
margin: 0 0 5px 15px;
width: 85%;
}
.entry-title {
padding-bottom: 3px;
}
.entry-description {
display: block;
}
dl {
margin: 0;
&.entry-latest-approved-container {
margin: 20px 0;
}
dt {
float: left;
margin-right: 3px;
}
}
.entry-categories,
.entry-tags {
display: block;
}
.entry-tags .tag {
margin-left: 15px;
&:first-child {
margin-left: 0;
}
}
.entry-categories .taglib-asset-categories-summary {
font-weight: bold;
.asset-category {
font-weight: normal;
margin-left: 0.8em;
}
}
dt,
dd,
.entry-categories,
.entry-tags,
.entry-description {
color: #333;
line-height: 1.5em;
overflow: hidden;
word-wrap: break-word;
}
.taglib-workflow-status {
display: inline;
.workflow-status {
padding-left: 0.2em;
}
}
}
.overlay.entry-action a {
display: block;
width: 20px;
}
.entry-title .entry-categories,
a.entry-title .entry-tags {
font-size: 16px;
}
&.selected,
&.selected:hover {
background-color: #00a2ea;
}
&.selected a {
&,
&:focus,
&:hover {
color: #fff;
}
.lfr-icon-menu-arrow {
color: #333;
}
}
&.active-area,
&.active-area.hover,
&.active-area td {
background-color: #5ad300;
}
&:hover,
&.hover {
background-color: #d3e8f1;
}
a.entry-link:hover {
text-decoration: none;
.entry-metadata .entry-title .entry-title-text {
text-decoration: underline;
}
}
}