はじまりの大地
This commit is contained in:
miteruzo
@@ -0,0 +1,481 @@
|
||||
//TODO: clean up less file
|
||||
|
||||
body {
|
||||
//TODO: nicer fonts some day
|
||||
}
|
||||
|
||||
.mdl-button--icon {
|
||||
.material-icons {
|
||||
text-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
.material-icons {
|
||||
//text-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
|
||||
}
|
||||
|
||||
.page-content {
|
||||
a,
|
||||
a:link,
|
||||
a:active,
|
||||
a:visited,
|
||||
a:hover {
|
||||
color: #3986dd;
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
pre,
|
||||
code,
|
||||
samp,
|
||||
kbd {
|
||||
font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,sans-serif;
|
||||
font-size: 1em;
|
||||
direction: ltr;
|
||||
text-align: left;
|
||||
background-color: @ini_code_background;
|
||||
color: @ini_text;
|
||||
}
|
||||
pre {
|
||||
overflow: auto;
|
||||
word-wrap: normal;
|
||||
line-height: 1.3;
|
||||
padding: .7em 1em;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
//TODO: nice heading styles
|
||||
}
|
||||
blockquote{
|
||||
font-size: 1.2em;
|
||||
letter-spacing: 0px;
|
||||
min-width: 20%;
|
||||
margin: 1em 1em;
|
||||
color: #555555;
|
||||
font-style: normal;
|
||||
padding: 1.2em 30px 1.2em 10px;// 75px;
|
||||
border-left: 8px solid #909090 ;
|
||||
line-height:1.4;
|
||||
position: relative;
|
||||
background:#EDEDED;
|
||||
}
|
||||
|
||||
table{
|
||||
background: white;
|
||||
border-radius: 6px;
|
||||
border-collapse: collapse;
|
||||
max-width: 600px;
|
||||
padding: 12px;
|
||||
width: 100%;
|
||||
._shadow_0dp;
|
||||
}
|
||||
|
||||
th {
|
||||
color: @light_primary;
|
||||
background: rgba(0, 0, 0, 0.64);
|
||||
font-size: 1.5em;
|
||||
font-weight: 100;
|
||||
padding: 12px;
|
||||
text-align:left;
|
||||
vertical-align:middle;
|
||||
}
|
||||
|
||||
th:first-child {
|
||||
border-top-left-radius: 6px;
|
||||
}
|
||||
|
||||
th:last-child {
|
||||
border-top-right-radius: 6px;
|
||||
border-right:none;
|
||||
}
|
||||
|
||||
tr {
|
||||
color:#666B85;
|
||||
font-size: 1em;
|
||||
font-weight:normal;
|
||||
}
|
||||
|
||||
tr:first-child {
|
||||
border-top: 6px;
|
||||
}
|
||||
|
||||
tr:nth-child(odd) td {
|
||||
background: rgba(0,0,0,0.05 );
|
||||
}
|
||||
|
||||
td {
|
||||
background:#FFFFFF;
|
||||
padding: 12px 12px;
|
||||
text-align:left;
|
||||
vertical-align:middle;
|
||||
font-size:1em;
|
||||
|
||||
&.centeralign {
|
||||
text-align: center;
|
||||
}
|
||||
&.rightalign {
|
||||
text-align: right;
|
||||
}
|
||||
&.leftalign {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
|
||||
/*blockquote::before{
|
||||
font-family:Arial;
|
||||
content: "\201C";
|
||||
color:#78C0A8;
|
||||
font-size:4em;
|
||||
position: absolute;
|
||||
left: 10px;
|
||||
top:-10px;
|
||||
}*/
|
||||
|
||||
blockquote::before{
|
||||
content: '';
|
||||
}
|
||||
|
||||
blockquote::after{
|
||||
content: '';
|
||||
}
|
||||
|
||||
blockquote cite{
|
||||
display:block;
|
||||
color:#333333;
|
||||
font-style: normal;
|
||||
font-weight: bold;
|
||||
margin-top:1em;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1025px) {
|
||||
.page-content {
|
||||
margin-left: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1600px) {
|
||||
.page-content {
|
||||
width: 1200px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 2000px) {
|
||||
.page-content {
|
||||
width: 1400px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
.content-search__popup {
|
||||
background: #fff;
|
||||
width: 100%;
|
||||
._shadow_1dp;
|
||||
margin-top: -10px;
|
||||
padding-top: 10px;
|
||||
strong{
|
||||
padding: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
.drawer-top {
|
||||
background: @primary;
|
||||
padding: 5px 0 20px;
|
||||
min-height: 15em;
|
||||
box-shadow: inset 0px -1px 4px 0px rgba(0,0,0,0.7);
|
||||
._shadow_1dp;
|
||||
.mdl-logo{
|
||||
padding: 16px;
|
||||
margin: 0;
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.mdl-logo {
|
||||
a {
|
||||
color: @light_primary;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
.drawer-tagline {
|
||||
color: @light_primary;
|
||||
margin: 1em;
|
||||
text-align: center;
|
||||
font-size: 1.3em;
|
||||
}
|
||||
|
||||
.mdl-navigation {
|
||||
margin-top: 16px;
|
||||
a{
|
||||
color: @light_secondary;
|
||||
text-decoration: none;
|
||||
margin: 10px;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
line-height: 24px;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.content-title {
|
||||
font-size: 2em !important;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.content-notif {
|
||||
margin: 1em 2em;
|
||||
}
|
||||
|
||||
.content-youarehere {
|
||||
margin: 1em 2em;
|
||||
margin-right: 48px;
|
||||
background: transparent;
|
||||
color: rgba(0,0,0,0.8);
|
||||
p {
|
||||
line-height: 2em;
|
||||
padding-left: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
.content-actions {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 10px;
|
||||
margin-right: -30px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.content-actions__container {
|
||||
position: fixed;
|
||||
margin: 0px -55px;
|
||||
}
|
||||
|
||||
.content-actions__action {
|
||||
padding: .3em 0;
|
||||
svg{
|
||||
fill: #fff;
|
||||
stroke: #fff;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.content-actions__action-button {
|
||||
._shadow_hover;
|
||||
._shadow_2dp;
|
||||
}
|
||||
|
||||
.content-card {
|
||||
._shadow_1dp;
|
||||
margin: 2em;
|
||||
background: #fff;
|
||||
position: relative;
|
||||
margin-right: 48px;
|
||||
min-height: 300px;
|
||||
}
|
||||
|
||||
.content-card__title {
|
||||
._shadow_0dp;
|
||||
margin-bottom: 10px;
|
||||
h1{
|
||||
margin: 12px 0px;
|
||||
}
|
||||
}
|
||||
|
||||
.pagename-bar {
|
||||
display: block;
|
||||
padding: 1em;
|
||||
background-color: @primary;
|
||||
color: @light_primary;
|
||||
text-transform: lowercase;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.pagename-title {
|
||||
padding: 0.2em;
|
||||
}
|
||||
|
||||
.content-card__text {
|
||||
padding: 2em;
|
||||
padding-top: 0.5em;
|
||||
/*
|
||||
|
||||
TODO: nicely format lists
|
||||
|
||||
.toc, .idx {
|
||||
.level1 {
|
||||
list-style: decimal;
|
||||
margin-left: 1em;
|
||||
}
|
||||
.level2 {
|
||||
list-style: lower-roman;
|
||||
margin-left: 2em;
|
||||
}
|
||||
}
|
||||
.idx {
|
||||
li {
|
||||
list-style: decimal;
|
||||
margin-left: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//TODO: proper heading sizes
|
||||
h1 {
|
||||
font-size: 3em
|
||||
}
|
||||
h2 {
|
||||
font-size: 2em
|
||||
}
|
||||
h3 {
|
||||
font-size: 1.5em
|
||||
}
|
||||
h4 {
|
||||
font-size: 1em;
|
||||
}
|
||||
*/
|
||||
h2,h3,h4,h5,h6 {
|
||||
font-weight: 300;
|
||||
}
|
||||
.edit {
|
||||
width: 98%;
|
||||
}
|
||||
#size__ctl{
|
||||
display: none;
|
||||
}
|
||||
.editButtons {
|
||||
button {
|
||||
background: transparent;
|
||||
border: none;
|
||||
border-radius: 2px;
|
||||
color: rgb(0, 0, 0);
|
||||
position: relative;
|
||||
height: 32px;
|
||||
margin: .5em 1em;
|
||||
min-width: 48px;
|
||||
padding: 0 12px;
|
||||
display: inline-block;
|
||||
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0;
|
||||
overflow: hidden;
|
||||
will-change: box-shadow;
|
||||
transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
outline: none;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
line-height: 36px;
|
||||
vertical-align: middle;
|
||||
background: rgba(158, 158, 158, 0.20);
|
||||
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
button::-moz-focus-inner {
|
||||
border: 0;
|
||||
}
|
||||
button:hover {
|
||||
background-color: rgba(158, 158, 158, 0.20);
|
||||
}
|
||||
button:focus:not(:active) {
|
||||
box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
|
||||
background-color: rgba(158, 158, 158, 0.40);
|
||||
}
|
||||
button:active {
|
||||
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
|
||||
background-color: rgba(158, 158, 158, 0.40);
|
||||
}
|
||||
#edbtn__save {
|
||||
background: @ini_accent;
|
||||
color: rgb(255,255,255)
|
||||
}
|
||||
.toolbutton {
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#config__manager{
|
||||
fieldset{
|
||||
background: #fff;
|
||||
._shadow_1dp;
|
||||
margin: 16px 0px;
|
||||
table{
|
||||
width: auto;
|
||||
}
|
||||
.value{
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#config__manager tr.default .input, #config__manager tr.default input, #config__manager tr.default textarea, #config__manager tr.default select, #config__manager .selectiondefault {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.secedit {
|
||||
button {
|
||||
background: transparent;
|
||||
border: none;
|
||||
border-radius: 2px;
|
||||
color: rgb(0, 0, 0);
|
||||
position: relative;
|
||||
height: 32px;
|
||||
margin: 0;
|
||||
min-width: 48px;
|
||||
padding: 0 12px;
|
||||
display: inline-block;
|
||||
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0;
|
||||
overflow: hidden;
|
||||
will-change: box-shadow;
|
||||
transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
outline: none;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
line-height: 36px;
|
||||
vertical-align: middle;
|
||||
background: rgba(158, 158, 158, 0.20);
|
||||
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
button::-moz-focus-inner {
|
||||
border: 0;
|
||||
}
|
||||
button:hover {
|
||||
background-color: rgba(158, 158, 158, 0.20);
|
||||
}
|
||||
button:focus:not(:active) {
|
||||
box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
|
||||
background-color: rgba(158, 158, 158, 0.40);
|
||||
}
|
||||
button:active {
|
||||
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
|
||||
background-color: rgba(158, 158, 158, 0.40);
|
||||
}
|
||||
}
|
||||
|
||||
.ui-admin {
|
||||
svg{
|
||||
fill: @primary;
|
||||
}
|
||||
}
|
||||
|
||||
.mdl-mini-footer {
|
||||
min-height: max-content;
|
||||
.mdl-mini-footer__left-section {
|
||||
overflow: hidden;
|
||||
padding-left: 12px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,56 @@
|
||||
._shadow_0dp {
|
||||
box-shadow: 0 2px 4px rgba(0,0,0,0.16), 0 2px 4px rgba(0,0,0,0.23);
|
||||
}
|
||||
|
||||
._shadow_1dp {
|
||||
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
|
||||
}
|
||||
|
||||
._shadow_2dp {
|
||||
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
|
||||
}
|
||||
|
||||
._shadow_3dp {
|
||||
box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
|
||||
}
|
||||
|
||||
._shadow_4dp {
|
||||
box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
|
||||
}
|
||||
|
||||
._shadow_hover {
|
||||
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
|
||||
transition: all 0.3s cubic-bezier(.25,.8,.25,1);
|
||||
&:hover {
|
||||
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
|
||||
}
|
||||
}
|
||||
|
||||
/* === IMPORTED COLORS === */
|
||||
@primary: @ini_primary;
|
||||
@primary_dark: @ini_primary_dark;
|
||||
@secondary: @ini_accent;
|
||||
|
||||
|
||||
/* === DOCUMENT COLORS === */
|
||||
@header_white: #f8f8f8;
|
||||
@background_white: #FAFAFA;
|
||||
@footer_dark: #212121;
|
||||
@footer_dark: rgb(66,66,66);
|
||||
|
||||
/* === TEXT COLORS === */
|
||||
@dark_primary: rgba(0,0,0,.87);
|
||||
@dark_secondary: rgba(0,0,0,.54);
|
||||
@dark_disabled: rgba(0,0,0,.38);
|
||||
@dark_divider: rgba(0,0,0,.12);
|
||||
|
||||
@light_primary: rgba(255,255,255,1);
|
||||
@light_secondary: rgba(255,255,255,.7);
|
||||
@light_disabled: rgba(255,255,255,.5);
|
||||
@light_divider: rgba(255,255,255,.1);
|
||||
|
||||
@dark_icon_active: rgba(0,0,0,.54);
|
||||
@dark_icon_inactive: rgba(0,0,0,.38);
|
||||
|
||||
@light_icon_active: rgba(0,0,0,1);
|
||||
@light_icon_inactive: rgba(0,0,0,.5);
|
||||
@@ -0,0 +1,31 @@
|
||||
/* === EDITOR === */
|
||||
|
||||
.editBox {
|
||||
.toolbar {
|
||||
display: inline;
|
||||
.toolbutton {
|
||||
background: white;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
padding: 8px;
|
||||
}
|
||||
}
|
||||
textarea {
|
||||
font-family: 'Inconsolata', monospace;
|
||||
border: none;
|
||||
._shadow_0dp;
|
||||
padding: 10px;
|
||||
line-height: 1.5em !important;
|
||||
}
|
||||
textarea::-webkit-scrollbar {
|
||||
background-color: transparent;
|
||||
width: 8px;
|
||||
}
|
||||
textarea::-webkit-scrollbar-thumb {
|
||||
background-color: rgba(0,0,0,0.5);
|
||||
._shadow_0dp;
|
||||
}
|
||||
textarea::-webkit-scrollbar-corner {
|
||||
background: rgba(0,0,0,0);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,159 @@
|
||||
a {
|
||||
color: @ini_existing;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
// quick fix, thanks @rjahn
|
||||
#mediamanager__page li div.li {
|
||||
display: initial;
|
||||
padding-left: 7px;
|
||||
}
|
||||
|
||||
#mediamanager__page ul.thumbs li dt {
|
||||
padding-bottom: 18px;
|
||||
}
|
||||
|
||||
#mediamanager__page ul.thumbs li dd {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
//media manager styling fix
|
||||
.panel, .panelContent {
|
||||
height: auto !important;
|
||||
}
|
||||
|
||||
//other fixes
|
||||
.plugin_translation{
|
||||
a{
|
||||
color: rgba(0, 0, 0, 0.92) !important;
|
||||
background: transparent !important;
|
||||
}
|
||||
}
|
||||
|
||||
.picker {
|
||||
z-index: 99999;
|
||||
.pickerbutton {
|
||||
background: white;
|
||||
border: none;
|
||||
margin: 0px;
|
||||
._shadow_1dp;
|
||||
}
|
||||
.toolbutton {
|
||||
background: white;
|
||||
border: none;
|
||||
margin: 0px;
|
||||
._shadow_1dp;
|
||||
}
|
||||
}
|
||||
|
||||
// BELOW YOU WILL FIND MODIFIED COMPONENTS TAKEN FROM MDL.
|
||||
//
|
||||
// Take a look at MDL here: https://getmdl.io/
|
||||
// All MDL components used in this project are licensed under Apache License 2.0
|
||||
|
||||
.mdl-layout__container{
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.mdl-layout.mdl-js-layout{
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
.mdl-layout-title {
|
||||
flex-shrink: 1;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.mdl-button.mdl-button--colored {
|
||||
color: @ini_primary;
|
||||
}
|
||||
.mdl-button--fab.mdl-button--colored {
|
||||
background: @ini_accent;
|
||||
color: rgb(255,255,255); }
|
||||
.mdl-button--fab.mdl-button--colored:hover {
|
||||
background: @ini_accent;}
|
||||
.mdl-button--fab.mdl-button--colored:focus:not(:active) {
|
||||
background: @ini_accent;}
|
||||
.mdl-button--fab.mdl-button--colored:active {
|
||||
background: @ini_accent;}
|
||||
|
||||
.mdl-mini-footer {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.mdl-navigation {
|
||||
padding-top: 0px !important;
|
||||
}
|
||||
|
||||
.mdl-navigation__link {
|
||||
color: @light_secondary !important;
|
||||
opacity: 1 !important;
|
||||
}
|
||||
|
||||
.mdl-layout__drawer {
|
||||
overflow: overlay;
|
||||
._shadow_3dp;
|
||||
background: rgb(24,31,105);
|
||||
background: @primary_dark;
|
||||
border: none;
|
||||
color: @light_secondary;
|
||||
}
|
||||
|
||||
.mdl-layout__drawer--out {
|
||||
width: 18.5em;
|
||||
}
|
||||
|
||||
.mdl-layout__drawer.is-visible {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover {
|
||||
background-color: @primary; }
|
||||
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link--current {
|
||||
background-color: @primary;}
|
||||
|
||||
@media screen and (max-width: 1024px) {
|
||||
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover {
|
||||
background-color: @primary; }
|
||||
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link--current {
|
||||
background-color: @primary;}
|
||||
}
|
||||
|
||||
.mdl-layout__drawer-button {
|
||||
color: @dark_icon_active;
|
||||
}
|
||||
|
||||
.mdl-layout__content {
|
||||
background: @background_white;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.mdl-layout__header .mdl-layout__drawer-button {
|
||||
color: @dark_icon_active;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1024px) {
|
||||
.mdl-layout__drawer-button {
|
||||
color: @dark_icon_active; } }
|
||||
|
||||
.mdl-layout__header {
|
||||
background-color: @header_white;
|
||||
color: @dark_primary;
|
||||
}
|
||||
|
||||
.mdl-layout__header-row {
|
||||
background-color: @header_white;
|
||||
color: @dark_primary;
|
||||
}
|
||||
|
||||
.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
|
||||
color: @ini_primary;
|
||||
}
|
||||
|
||||
.mdl-textfield__label:after {
|
||||
background-color: @ini_primary;}
|
||||
|
||||
@@ -0,0 +1,65 @@
|
||||
.page-content {
|
||||
a,
|
||||
a:link,
|
||||
a:active,
|
||||
a:visited,
|
||||
a:hover {
|
||||
color: @ini_link;
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
/* existing wikipage */
|
||||
a.wikilink1,
|
||||
a.wikilink1:link,
|
||||
a.wikilink1:active,
|
||||
a.wikilink1:visited,
|
||||
a.wikilink1:hover {
|
||||
color: @ini_existing;
|
||||
background-color: inherit;
|
||||
}
|
||||
/* not existing wikipage */
|
||||
a.wikilink2,
|
||||
a.wikilink2:link,
|
||||
a.wikilink2:active,
|
||||
a.wikilink2:visited,
|
||||
a.wikilink2:hover {
|
||||
color: @ini_missing;
|
||||
background-color: inherit;
|
||||
}
|
||||
a.wikilink2:link,
|
||||
a.wikilink2:visited,
|
||||
a.wikilink2:hover,
|
||||
a.wikilink2:active,
|
||||
a.wikilink2:focus {
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
|
||||
/* any link to current page */
|
||||
span.curid a {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
a.urlextern,
|
||||
a.windows,
|
||||
a.mail,
|
||||
a.mediafile,
|
||||
a.interwiki {
|
||||
background-repeat: no-repeat;
|
||||
background-position: 0 center;
|
||||
padding: 0 0 0 18px;
|
||||
}
|
||||
/* external link */
|
||||
a.urlextern {
|
||||
background-image: url(../../images/external-link.png);
|
||||
}
|
||||
/* windows share */
|
||||
a.windows {
|
||||
background-image: url(../../images/unc.png);
|
||||
}
|
||||
/* email link */
|
||||
a.mail {
|
||||
background-image: url(../../images/email.png);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,45 @@
|
||||
@media (max-width: 600px) {
|
||||
.content-actions {
|
||||
margin-right: 20px !important;
|
||||
margin-top: -10px !important;
|
||||
//TODO: make this nicer
|
||||
}
|
||||
.content-actions__container {
|
||||
position: relative !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
.content-youarehere {
|
||||
margin: .8em 42px .4em 0.8em;
|
||||
}
|
||||
.content-card {
|
||||
//margin: .8em 42px 2em 0.8em;
|
||||
min-height: 300px;
|
||||
margin: 0 !important;
|
||||
width: 100%;
|
||||
}
|
||||
.content-search{
|
||||
width: 5em !important;
|
||||
}
|
||||
.content-search:focus-within{
|
||||
//FIXME: focus-within is not supported by IE and Edge, need to find an alternative
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
background: #f8f8f8;
|
||||
._shadow_1dp;
|
||||
width: calc(~"100% - 4em") !important;
|
||||
z-index: 100;
|
||||
height: 56px;
|
||||
padding: 0px 2em;
|
||||
.mdl-textfield{
|
||||
margin-top: -10px;
|
||||
width: 100%;
|
||||
flex-grow: 1;
|
||||
}
|
||||
}
|
||||
.content-search__popup {
|
||||
width: 100%;
|
||||
left: 0px;
|
||||
position: absolute;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user