Skip to content

Commit

Permalink
some core updates & rework breadcrumb
Browse files Browse the repository at this point in the history
  • Loading branch information
@Asitara
Asitara committed Dec 13, 2017
1 parent 6d3ab62 commit 77f76f3
Show file tree
Hide file tree
Showing 2 changed files with 60 additions and 114 deletions.
123 changes: 56 additions & 67 deletions eqdkp_legion.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -878,8 +878,9 @@ ul.adminmenu ul.sub-menu li:hover > .sub-menu-arrow:after { border-left-color: l
display: none;
padding: 3px 0;
position: absolute;
top: -1.5px;
top: 50%;
left: 100%;
transform: translateY(-50%);
color: #aaa;
border: 1px solid rgba(102,102,102,.25);
background: url('@{eqdkpTemplateImagePath}steel.png') repeat scroll center center #131313;
Expand Down Expand Up @@ -1623,23 +1624,29 @@ hr#system-readmore {

/* Breadcrumb
****************************************/
ul.breadcrumb,
ul.breamcrumb {
#nav { position:relative; }
.breadcrumb-container {
margin: 0 115px;
position: relative;
bottom: -10px;
}
.admin .breadcrumb-container { margin:0 24px; }
.admin .breadcrumb { border-radius:0; }

ul.breadcrumb {
color: #AAA;
border: 1px solid rgba(19, 255, 41, 0.2);
border-top-left-radius: 15px 35px;
border-top-right-radius: 15px 35px;
border-top-left-radius: 25px 35px;
border-top-right-radius: 25px 35px;
overflow: hidden;
width: 100%;
}

ul.breadcrumb li,
ul.breamcrumb li {
ul.breadcrumb li {
float: left;
}

ul.breadcrumb a,
ul.breamcrumb a {
ul.breadcrumb a {
float: left;
position: relative;
padding: 2px 1em 0;
Expand All @@ -1650,31 +1657,25 @@ ul.breamcrumb a {
text-decoration: none;
}

ul.breadcrumb li:first-child a,
ul.breamcrumb li:first-child a {
ul.breadcrumb li:first-child a {
width: 16px;
background: url('@{eqdkpTemplateImagePath}hearthstone.png') no-repeat scroll ~"1em 0em / 16px auto" transparent;
}
ul.breadcrumb li:first-child a:hover,
ul.breamcrumb li:first-child a:hover {
ul.breadcrumb li:first-child a:hover {
background: url('@{eqdkpTemplateImagePath}hearthstone.png') no-repeat scroll ~"1em 0em / 16px auto",
radial-gradient(rgb(0, 219, 255) 10%, rgba(0, 219, 255, 0.3) 65%, transparent 100%) repeat scroll 0% 0% transparent;
}
ul.breadcrumb li:first-child a i,
ul.breamcrumb li:first-child a i { display: none; }
ul.breadcrumb li:first-child a i { display: none; }

ul.breadcrumb li:last-child a::after,
ul.breamcrumb li:last-child a::after { display: none; }
ul.breadcrumb li:last-child a::after { display: none; }

ul.breadcrumb a:hover,
ul.breamcrumb a:hover {
ul.breadcrumb a:hover {
color: #13FF29;
text-shadow: 0px 0px 2px #000;
background: radial-gradient(#00930E 10%, rgba(19, 255, 41, 0.29) 65%, transparent 100%) repeat scroll 0% 0% transparent;
}

ul.breadcrumb a::after,
ul.breamcrumb a::after {
ul.breadcrumb a::after {
content: '\f101';
position: absolute;
right: -2px;
Expand All @@ -1686,33 +1687,21 @@ ul.breamcrumb a::after {
z-index: 2;
}

ul.breadcrumb a:hover::after,
ul.breamcrumb a:hover::after {
ul.breadcrumb a:hover::after {
color: #00930E;
}

ul.breadcrumb .current,
ul.breamcrumb .current,
ul.breadcrumb .current:hover,
ul.breamcrumb .current:hover {
ul.breadcrumb .current:hover {
font-weight: bold;
background: none;
}

ul.breadcrumb .current::after,
ul.breamcrumb .current::after,
ul.breadcrumb .current::before,
ul.breamcrumb .current::before {
ul.breadcrumb .current::before {
content: normal;
}

.breadcrumb-container,
.breamcrumb-container {
margin: 0px 68px;
position: absolute;
top: -36px;
}


/* Articelcategorie childs
****************************************/
Expand Down Expand Up @@ -3667,47 +3656,37 @@ button#cboxPrevious, button#cboxNext, button#cboxClose, button#cboxSlideshow {
float: none;
}

.responsive .breadcrumb-container,
.responsive .breamcrumb-container {
.responsive .breadcrumb-container {
margin: 0;
}

.responsive .breadcrumb li,
.responsive .breamcrumb li,
.responsive .breadcrumb li a:after,
.responsive .breamcrumb li a:after,
.responsive .breadcrumb li a:before,
.responsive .breamcrumb li a:before {
.responsive .breadcrumb li a:before {
display: none;
}

.responsive .breadcrumb li:first-child,
.responsive .breamcrumb li:first-child,
.responsive .breadcrumb li:nth-last-of-type(2),
.responsive .breamcrumb li:nth-last-of-type(2) {
.responsive .breadcrumb li:nth-last-of-type(2) {
display: inline;
}

.responsive .breadcrumb li:first-child a,
.responsive .breamcrumb li:first-child a {
.responsive .breadcrumb li:first-child a {
border-right: 1px solid rgba(255, 0, 0, 0.2);
padding-right: 15px;
line-height: 27px;
padding-left: 8px !important;
}

.responsive .breadcrumb li,
.responsive .breamcrumb li {
.responsive .breadcrumb li {
font-size: 14px;
}

.responsive .breadcrumb li:nth-last-of-type(2) a,
.responsive .breamcrumb li:nth-last-of-type(2) a {
.responsive .breadcrumb li:nth-last-of-type(2) a {
padding-left: 22px;
}

.responsive .breadcrumb li:nth-last-of-type(2) a:before,
.responsive .breamcrumb li:nth-last-of-type(2) a:before {
.responsive .breadcrumb li:nth-last-of-type(2) a:before {
content:"\f060";
display:inline;
border: none;
Expand All @@ -3720,8 +3699,7 @@ button#cboxPrevious, button#cboxNext, button#cboxClose, button#cboxSlideshow {
font-family: "FontAwesome";
}

.responsive .breadcrumb li:first-child a:before,
.responsive .breamcrumb li:first-child a:before {
.responsive .breadcrumb li:first-child a:before {
display: none;
}

Expand All @@ -3748,7 +3726,7 @@ button#cboxPrevious, button#cboxNext, button#cboxClose, button#cboxSlideshow {
}

.responsive button.ui-multiselect {
width: auto !important;
width: 100% !important;
}

.responsive.simple-header.mobile .floatRight {
Expand Down Expand Up @@ -3864,20 +3842,24 @@ button#cboxPrevious, button#cboxNext, button#cboxClose, button#cboxSlideshow {
height: auto !important;
}

.responsive .embed-content div iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
.responsive .article_content iframe {
max-width: 100%;
}

.responsive .embed-content div iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.responsive .embed-content {
position: relative;
padding-bottom: 67.5%;
height: 0;
margin: 10px 0;
overflow: hidden;
position: relative;
padding-bottom: 67.5%;
height: 0;
margin: 10px 0;
overflow: hidden;
}

.responsive .langswitch-tooltip-trigger > span {
Expand Down Expand Up @@ -3911,6 +3893,13 @@ button#cboxPrevious, button#cboxNext, button#cboxClose, button#cboxSlideshow {
#bottommenu_admin, #bottommenu_chars{
width: 90% !important;
}

// relocate portal modules
.portal .columnContainer { display:flex; flex-flow:column nowrap; }
.portal .columnContainer .first.column { order:1; }
.portal .columnContainer .second.column { order:0; }
.portal .columnContainer .third.column { order:2; }

}

@media all and (max-width: 590px) {
Expand Down
51 changes: 4 additions & 47 deletions index.tpl
View file
Original file line number Diff line number Diff line change
Expand Up @@ -29,53 +29,6 @@
background-attachment: {T_BACKGROUND_POSITION};
}
<!-- ENDIF -->
/*
TODO: Wenn PORTAL_WIDTH angegeben wurde, sind neue Berechnungen nötig...
Folgende Rechenwege sind der letzte Stand, jeddoch sind sie
nicht valide und funktionierten nur bei bestimmten Angaben.
--- .breadcrumb-container ---
0px - ({T_PORTAL_WIDTH} - {T_COLUMN_LEFT_WIDTH} - {T_COLUMN_RIGHT_WIDTH})
--- ul.breadcrumb ---
100% + {T_PORTAL_WIDTH_WITHOUT_LEFT_COLUMN}
*/
<!-- IF not S_IN_ADMIN -->
@media all and (min-width: 900px) {
<!-- IF S_PORTAL_LEFT -->
<!-- IF T_COLUMN_LEFT_WIDTH > 0 -->
.breadcrumb-container, .breamcrumb-container { left: -{T_COLUMN_LEFT_WIDTH}; }
<!-- ELSE -->
.breadcrumb-container, .breamcrumb-container { left: -210px; }
<!-- ENDIF -->
<!-- ENDIF -->
<!-- IF S_PORTAL_LEFT or S_PORTAL_RIGHT -->
.breadcrumb-container, .breamcrumb-container {
width: calc(100%
<!-- IF S_PORTAL_LEFT -->
<!-- IF T_COLUMN_LEFT_WIDTH > 0 -->
+ {T_COLUMN_LEFT_WIDTH}
<!-- ELSE -->
+ 210px
<!-- ENDIF -->
<!-- ENDIF -->
<!-- IF S_PORTAL_RIGHT -->
<!-- IF T_COLUMN_RIGHT_WIDTH > 0 -->
+ {T_COLUMN_RIGHT_WIDTH}
<!-- ELSE -->
+ 210px
<!-- ENDIF -->
<!-- ENDIF -->
- 136px
);
}
<!-- ENDIF -->
}
<!-- ELSE -->
.breadcrumb-container, .breamcrumb-container { position: relative; }
<!-- ENDIF -->
</style>
<script type="text/javascript">
Expand Down Expand Up @@ -326,6 +279,10 @@
<!-- LISTENER adminmenu -->
</div>
<!-- ENDIF -->
<!-- IF S_NORMAL_HEADER -->
<div class="breadcrumb-container">{BREADCRUMB}</div>
<!-- ENDIF -->
</nav>
</header>
Expand Down

0 comments on commit 77f76f3

Please sign in to comment.