Teammitglieder online
Support-Box
Neue Beiträge seit dem letzten Besuch.
Textbausteine des MODERATIONSTOOL
AB > PFAD > GENERATOR
FORUM > PFAD > GENERATOR
Unterstützung Lösungs-Probleme
Auffällige
User
Der Runde
Tisch
HÄUFIG GESTELLTE FRAGEN
Regeln und nützliche Hinweise
Neueste Themen
» Profil in beiträgen nur im blog deaktivieren.
von derforumde Gestern um 16:54

» [Invision] Editor über den Bildrand ziehbar + Schriftgrößenproblem
von Skouliki Mi 20 Nov 2024 - 8:06

» Passwort für meinen Adminbereich vergessen.
von Joost Sa 9 Nov 2024 - 10:13

» [Invision] Signatur wird nicht immer eingefügt
von Skouliki Mo 4 Nov 2024 - 16:33

» [Invision]  Schriftgröße Navigationsleiste, Links und Forenbeschreibungen
von Skouliki So 27 Okt 2024 - 13:29

» [Invision] Transparent Logohintergrund/Struktur
von Joost So 27 Okt 2024 - 12:58

» png wird im servimg in ein jpg umgewandelt
von Skouliki Mi 23 Okt 2024 - 20:26

» Passwort Vergessen (SilentHowl)
von Joost Do 17 Okt 2024 - 17:14

» [Invision] Hintergrundbild fixieren
von Skouliki Mo 14 Okt 2024 - 11:30

» Paßwort vergessen
von Joost So 13 Okt 2024 - 17:58

» Anti-Spam-Prüfung
von Hana19 Sa 12 Okt 2024 - 16:59

» Private Nachrichten bleiben im Postausgang hängen
von Skouliki Fr 11 Okt 2024 - 11:11

» [phpBB3] Mittelteil des Forums verschoben
von Eto Mo 7 Okt 2024 - 20:50

» [phpBB3] Farbpalette ändern
von Skouliki Mo 7 Okt 2024 - 10:08

» [Klassische Version] Account löschen
von Joost Sa 5 Okt 2024 - 21:05

» Chatbox einloggen nicht möglich
von Joost So 29 Sep 2024 - 8:01

» [phpBB2] Admin Passwort nicht korrekt
von Joost Do 26 Sep 2024 - 19:20

» Grid-Layout für alle Forumversionen verfügbar
von Joost Mi 18 Sep 2024 - 16:54

Navigationsmenü bereitet plötzlich Probleme - unsichtbar mit Hovereffekt

3 verfasser

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Erledigt Navigationsmenü bereitet plötzlich Probleme - unsichtbar mit Hovereffekt

Beitrag von Leitwelpe Mo 20 Sep 2021 - 14:48

URL-Adresse des Forums: https://maddenonlineleague.forumieren.de/forum
Rang/Funktion im Forum: Co-Admin
Forenversion: phpBB3 (prosilver)
Browser: Google Chrome
Persönliches CSS(Ja/Nein): Keine Ahnung
Templateänderungen(Ja/Nein): Keine Ahnung

Hallo, vorerst einmal herzlichen Dank an dieses Hilfeforum. Ich habe bzgl. meines Problems die Suchfunktion bereits genutzt, aber leider ohne Erfolg.

Zwischen dem Header und der zweiten Navigationsmenüzeile (die mit dem Logo links), befindet sich eigentlich auch noch eine Zeile die aber teils angezeigt aber teils komplett unsichtbar ist. Vorerst kam der Gedanke es läge am eigenen Browser, ist aber nun bei anderen Nutzer auch aufgetreten. Es sind an sich keine großen Veränderungen am Forum vorgenommen worden, daher ist es besonders bizarr wieso das Problem auftritt.

Etwas Paranoia kommt auf, nachdem wir wegen diverser Gründe die Refinanzierung der Premium-Funktion aufgeschoben haben, dass das Forum anfällig geworden sein kann von externen Zugriffen? Wir Admins hatten paar Wochen nachdem die kostenfreie Domain eintrat, Spam-Nachrichten über das Kontaktformular erhalten (das Kontaktformular habe ich dank eines anderen Threads hier nun deaktiviert).

Freue mich auf Abhilfe für unser Problem.


Zuletzt von Leitwelpe am Mo 4 Okt 2021 - 17:43 bearbeitet; insgesamt 2-mal bearbeitet
Leitwelpe
Leitwelpe
Lehrling
Lehrling

Männlich Beiträge : 9
Anmeldedatum : 20.09.21
keine
Google Chrome phpBB3

Nach oben Nach unten

Erledigt Re: Navigationsmenü bereitet plötzlich Probleme - unsichtbar mit Hovereffekt

Beitrag von Joost Mo 20 Sep 2021 - 15:55

Hallo Leitwelpe ,

Willkommen zu Forumieren ! cheers
Ich werde jemanden fragen. Ich werde Sie wissen lassen. Smile

Gruß, Joost
Joost
Joost
Administrator
Administrator

Männlich Beiträge : 1075
Anmeldedatum : 29.12.12
*hover* - Navigationsmenü bereitet plötzlich Probleme - unsichtbar mit Hovereffekt Empty
Google Chrome phpBB3

Leitwelpe mag diesen Beitrag

Nach oben Nach unten

Erledigt Re: Navigationsmenü bereitet plötzlich Probleme - unsichtbar mit Hovereffekt

Beitrag von Leitwelpe Mo 27 Sep 2021 - 10:19

Hallo,

konnte sich jemand das Problem anschauen? Wir wollten diese Woche gerne an den Start gehen mit unserer Saison, mit dem aktuellen Problem haben unsere Nutzer es schwer sich anzumelden da dafür das Button fehlt von dem unsichtbaren Navigationsmenü. Eine Lösung wäre es ein anderes Design wohl zu nehmen, da ist die Angst aber groß, dass einiges an Content inkompatibel sein könnte und völlig verhunzt aussieht.

VG, Leitwelpe
Leitwelpe
Leitwelpe
Lehrling
Lehrling

Männlich Beiträge : 9
Anmeldedatum : 20.09.21
keine
Google Chrome phpBB3

Joost mag diesen Beitrag

Nach oben Nach unten

Erledigt Re: Navigationsmenü bereitet plötzlich Probleme - unsichtbar mit Hovereffekt

Beitrag von Joost Mo 27 Sep 2021 - 10:35

@Leitwelpe, entschuldigung, ich habe keine antwort. Embarassed
Ich werde nochmal fragen. Smile
Joost
Joost
Administrator
Administrator

Männlich Beiträge : 1075
Anmeldedatum : 29.12.12
*hover* - Navigationsmenü bereitet plötzlich Probleme - unsichtbar mit Hovereffekt Empty
Google Chrome phpBB3

Leitwelpe mag diesen Beitrag

Nach oben Nach unten

Erledigt Re: Navigationsmenü bereitet plötzlich Probleme - unsichtbar mit Hovereffekt

Beitrag von pedxz Di 28 Sep 2021 - 6:21

Hallo  @Leitwelpe,

Zwischen dem Header und der zweiten Navigationsmenüzeile (die mit dem Logo links), befindet sich eigentlich auch noch eine Zeile die aber teils angezeigt aber teils komplett unsichtbar ist.
Fügen Sie in Ihrem CSS hinzu:
Code:
.navlinks {
  border-bottom-width: 0 !important;
}
pedxz
pedxz
Geselle
Geselle

Beiträge : 61
Anmeldedatum : 26.01.18
keine

Nach oben Nach unten

Erledigt Re: Navigationsmenü bereitet plötzlich Probleme - unsichtbar mit Hovereffekt

Beitrag von Leitwelpe Di 28 Sep 2021 - 6:21

pedxz schrieb:Hallo  @Leitwelpe,

Zwischen dem Header und der zweiten Navigationsmenüzeile (die mit dem Logo links), befindet sich eigentlich auch noch eine Zeile die aber teils angezeigt aber teils komplett unsichtbar ist.
Fügen Sie in Ihrem CSS hinzu:
Code:
.navlinks {
  border-bottom-width: 0 !important;
}

Ich bin leider blutiger Anfänger was CSS oder überhaupt Codieren betrifft. Ich nehme an ich muss es in dem Code hier unten irgendwo einfügen. Wo genau?

Code


Zuletzt von Leitwelpe am Di 28 Sep 2021 - 17:44 bearbeitet; insgesamt 1-mal bearbeitet
Leitwelpe
Leitwelpe
Lehrling
Lehrling

Männlich Beiträge : 9
Anmeldedatum : 20.09.21
keine
Google Chrome phpBB3

Nach oben Nach unten

Erledigt Re: Navigationsmenü bereitet plötzlich Probleme - unsichtbar mit Hovereffekt

Beitrag von pedxz Di 28 Sep 2021 - 16:25

Verzeihung! Administrations-Bereich > Anzeige > Bilder und Farben > Farben > CSS stylesheet!
pedxz
pedxz
Geselle
Geselle

Beiträge : 61
Anmeldedatum : 26.01.18
keine

Leitwelpe mag diesen Beitrag

Nach oben Nach unten

Erledigt Re: Navigationsmenü bereitet plötzlich Probleme - unsichtbar mit Hovereffekt

Beitrag von Leitwelpe Di 28 Sep 2021 - 17:44

pedxz schrieb:Verzeihung! Administrations-Bereich > Anzeige > Bilder und Farben > Farben > CSS stylesheet!

Ah! Das habe ich nun auch gefunden. Aber ich weiß leider noch immer nicht in welche Zeile ich das einfügen soll. Hatte es mal willkürlich zwischen .nav und .nav>li probiert aber das stimmt wohl so nicht. Neutral

Code:
* Logo über die ganze Bldschirm Breite bei BB3 */
#logo{
  width: 99%;
  }
#logo-desc img {
  width: 100%;
  }


#logo {
float: none;
padding: 0px;
}
/* --- Ende Fix --- */


.forabg {
background-color: #0F2B4E;
background-image: url(http://fs1.directupload.net/images/150113/uoq734g2.jpg);
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid #fff;
clear: both;
margin-bottom: 4px;
padding: 0 5px;
}

.headerbar {
background-color: #000000;
background-image: url(http://fs1.directupload.net/images/150113/uoq734g2.jpg);
background-repeat: repeat-x;
margin-bottom: 4px;
padding: 0 5px;
}
.table-title, .table-title h2, li.header dd, li.header dt {
font-family: impact!important;
font-size: 15px;
}
.forumbg {
    background-color: #0F2B4E;
    background-image: url(http://fs1.directupload.net/images/150113/uoq734g2.jpg);
    background-position: 0 0;
    background-repeat: repeat-x;
    border: 2px solid #FFF;
    clear: both;
    margin-bottom: 4px;
    padding: 0px 5px;
}
.content h2, .panel h2 {
   color: #174a88;
   border-bottom: 1px solid #174a88;
   font-weight: normal;
   font-size: 1.6em;
   margin-top: 0.5em;
   margin-bottom: 0.5em;
   padding-bottom: 0.5em;
   }

.h3, h3 {
border-bottom: 1px solid #174a88;
color: #174a88;
font-family: impact;
font-size: 19px !important;
margin-bottom: 3px;
margin-top: 20px;
padding-bottom: 2px;
text-transform: uppercase;
text-align: center;
text-shadow: 3px 3px #ffffff !important;
}
.h3{
font-weight:400;
}
h2 {
color: #105289;
font-family: impact;
font-size: 2em;
font-weight: 400;
margin: .8em 0 .2em;
}
.module {
background-color: #cadceb;
}
.module ul{
  padding-left: 20px;
}
.responsive-video {
position: relative;
padding-bottom: 56%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
   
.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Profil */
.postprofile dd, .postprofile dt {
line-height: 2em;
margin-left: 8px;
}
/* Profil Ende */
/* Kategorie Ausklappen */
.expand, .contract {
  position: absolute;
  top: 6px; right: 10px;
  cursor: pointer;
  width: 9px;
  height: 9px;
  background: url(https://2img.net/i/fa/m/tabs_more1.gif);
}
.contract {
  background: url(https://2img.net/i/fa/m/tabs_less1.gif);
}
/* Kategorie Ausklappen Ende */

/*slider frame*/
#sliderFrame
{
    width:910px;
    height:306px;
    margin:0 auto; /*remove the "margin:0 auto;" if you want to align the whole slider to the left side*/
    padding:10px;
    margin-bottom:10px;
    box-shadow: 0 0 5px #BBB;
    border:1px solid #CCC;
    background-color:#DBDBDB;
}

#sliderFrame2
{
    width:888px;
    margin:0 auto; /*remove the "margin:0 auto;" if you want to align the whole slider to the left side*/
    padding:10px;
   margin-bottom:10px;
    box-shadow: 0 0 5px #BBB;border:1px solid #CCC; background-color:#FFF;
   min-height:100%;
   height:100%;
}

#slider {
    float:left;
    width:620px;height:306px;/* Make it the same size as your images. */
   background:#fff url(loading.gif) no-repeat 50% 50%;
   position:relative;
   margin:0 auto;/*make the image slider center-aligned */
}

#slider img, #slider>b, #slider a>b{
   position:absolute;
   border:none;
   display:none;
}
#slider>a {display:none;}

/* the link style (if an image is wrapped in a link) */
#slider a.imgLink {
   z-index:2;
   position:absolute;
   top:0px;left:0px;border:0;padding:0;margin:0;
   width:100%;height:100%;
}

/* Caption styles */
div.mc-caption-bg, div.mc-caption-bg2 {
   position:absolute;
   width:400px;
   height:auto;
   padding:10px;
   left:120px; /*if the caption needs to be aligned from right, specify by right instead of left. i.e. right:20px;*/
   bottom:10px;/*if the caption needs to be aligned from top, specify by top instead of bottom. i.e. top:150px;*/
   z-index:3;
   overflow:hidden;
   font-size:0;
}
div.mc-caption-bg {
   background:#DDD; /*Caption background color. Can be set to "background:transparent;", or set to semi-transparent through the sliderOptions.captionOpacity setting in the javascript.*/
   border:1px solid white;
   border-radius: 5px;
}
div.mc-caption-bg2 {
    background:none;
}
div.mc-caption {
   font:bold 13px/16px Arial;
   color:#000;
   z-index:4;
   text-align:center;
    background:none;
}
div.mc-caption a {
   color:#060;
}


/* ------ built-in navigation bullets wrapper that is relative to the #slider ------*/
div.navBulletsWrapper  {
   display:none;
}


/*thumbnails*/

#thumbs {
    float: left;
    margin-left: 26px;
    width: 250px;
    height: 313px;
    font: normal 11px/13px Arial;
    border-top: 1px solid #CCC;
    color: #666;
}
#thumbs .thumb
{
    border:1px solid #CCC;
    border-top:1px solid #FFF;
    padding:11px 8px;
    background:#EEE;
}
#thumbs .thumb-on
{
    background:#FFF;
}

#thumbs img{border:1px solid #DDD; cursor:pointer; width:70px; height:44px;}

#thumbs .frame {float:left;padding:2px;border:1px solid #CCC;background:white;border-radius:3px;box-shadow:0 0 3px #BBB;font-size:0;line-height:0;}
#thumbs .thumb-content {float:left;width:110px;padding-left:18px;}

/* Captions in #thumbs .thumb-content */
#thumbs .thumb-content p {font-weight:bold; color:#BF5D9B; margin:0 0 3px;padding:0;}
#thumbs .thumb-on .thumb-content p {color:#BB0000;}


/* --------- Others ------- */
#slider
{
   transform: translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
}

.loading
{
    width:100%; height:100%;
    background:transparent url(loading.gif) no-repeat 50% 50%;
    filter: alpha(opacity=60);
    opacity:0.6;
    position:absolute;
    left:0;
    top:0;
    z-index:9;
}

var sliderOptions=
{
   sliderId: "slider",
   effect: "1,4,5,6,7,8,9,12,13,14,15,17",
   effectRandom: true,
   pauseTime: 2600,
   transitionTime: 500,
   slices: 11,
   boxes: 7,
   hoverPause: 2,
   autoAdvance: true,
   captionOpacity: 0.6,
   captionEffect: "rotate",
   thumbnailsWrapperId: "thumbs",
   m: false,
   license: "b6t80"
};

var imageSlider=new mcImgSlider(sliderOptions);



/* Demo styles */
            .babes{color:#777;font:12px/1.4 "helvetica neue",arial,sans-serif;width:209px;margin:0px auto;}
            /* This rule is read by Galleria to define the gallery height: */
            #galleria{height:485px}

h2.post-content, h3.post-content, h4.post-content {
  ...
}


/*Kategorietitel Index, - Themen, Beiträge, Neueste Beiträge auf dem Index ändern*/
.table-title, .table-title h2, li.header dd, li.header dt {
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
}

.mainmenu:hover {
color:#D31141;
text-shadow: 0 5px 1px #174a88;
text-decoration: none;
transition-duration: 500ms;
}
a:hover {
color:#D31141;
text-shadow: 0 5px 1px #174a88;
text-decoration: none !important;
transition-duration: 500ms;
}
.lastpost-avatar img {
border-radius: 5px 5px 5px 5px;
height: 25px;
width: 25px;
}

#wrap {
-moz-box-shadow: 0px 0px 10px 2px #174a88;
-webkit-box-shadow: 0px 0px 10px 2px #174a88;
box-shadow: 0px 0px 10px 2px #174a88;
}
#wrap {
background-color: #fff;
border: 1px solid #174987;
border-radius: 8px;
margin: 0 auto;
min-width: 768px;
padding: 5px;
width: 1000px;
}
.row3 {
background-color: #DBDBDB;
}
.module {
background-color: #DBDBDB;
}

#tweets,#storyline{
    color: rgba(255, 255, 255, 0.9);
    font-family: Arial,sans-serif;
    font-size: 12px;
   background-color: #273038;
   overflow-y: scroll;
   overflow-x: hidden;
   height:400px;
}
 
#tweets  ul ,#storyline ul {
    list-style-type: none;
    padding-left: 0;
   text-align: left;
}
#tweets  ul li  ,#storyline ul li{
    font-size: 13px;
    padding: 11px;
}
#storyline ul li{
   min-height: 70px;
}
#tweets  ul li:not(:first-child)  ,#storyline  ul li:not(:first-child)  {
    border-top: 2px solid #475055;
}
#tweets  .avatar {
    background-color: #323232;
    background-image: linear-gradient(to bottom, #323232, #010101);
    background-repeat: repeat-x;
    float: left;
    height: 48px;
    margin-right: 22px;
    padding: 2px;
    width: 48px;
}
#storyline  .avatar{
    background-color: #323232;
    background-image: linear-gradient(to bottom, #323232, #010101);
    background-repeat: repeat-x;
    float: left;
    height: 65px;
    margin-right: 15px;
    padding: 2px;
    width: 65px;
}
#tweets  .header,#storyline  .header{
    padding-bottom: 2px;
}
#tweets  .header .name ,#storyline  .header .name {
    color: #BDDFFF;
    margin-right: 8px;
}
#tweets .text ,#storyline  .text {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    line-height: 18px;
    margin-left: 74px;
}
.badowner{
     font-size: 18px; 
}

/*automatische Größen-Anpassung des Hintergrunds an die jeweilige Desktop-Auflösung*/
body{

background-attachment: fixed;
background-color: #FFFFFF;
background-image: url(http://fs1.directupload.net/images/141210/xp2w85ge.jpg);
background-position: center top ;
background-repeat: no-repeat;
background-size:  100% auto;
}



/*-- Chat --*/
#cp-main {
float: left;
margin-left: 10px;
width: 98%;
}

/* Standard-CSS für die Navigation ANFANG */
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.dropdown {
    position: relative;
}

.dropdown-toggle:focus {
    outline: 0;
}

.dropdown-menu {
    position: absolute;
    top: none;
    left: 0;
    z-index: 999;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 0px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}

.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #428bca;
    outline: 0;
}

.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus {
    color: #777;
}

.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.open>.dropdown-menu {
    display: block;
}

.open>a {
    outline: 0;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
}

.dropdown-menu-left {
    right: auto;
    left: 0;
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap;
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990;
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto;
}

.dropup .caret,.navbar-fixed-bottom .dropdown .caret {
    content: "";
    border-top: 0;
    border-bottom: 4px solid;
}

.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px;
}

@media (min-width:768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto;
    }

    .navbar-right .dropdown-menu-left {
        right: auto;
        left: 0;
    }
}

.btn-group,.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.btn-group>.btn,.btn-group-vertical>.btn {
    position: relative;
    float: left;
}

.btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active {
    z-index: 2;
}

.btn-group>.btn:focus,.btn-group-vertical>.btn:focus {
    outline: 0;
}

.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group {
    margin-left: -1px;
}

.btn-toolbar {
    margin-left: -5px;
}

.btn-toolbar .btn-group,.btn-toolbar .input-group {
    float: left;
}

.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group {
    margin-left: 5px;
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}

.btn-group>.btn:first-child {
    margin-left: 0;
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group>.btn-group {
    float: left;
}

.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0;
}

.btn-group>.btn-group:first-child>.btn:last-child,.btn-group>.btn-group:first-child>.dropdown-toggle {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group>.btn-group:last-child>.btn:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle {
    outline: 0;
}

.btn-group>.btn+.dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px;
}

.btn-group>.btn-lg+.dropdown-toggle {
    padding-right: 12px;
    padding-left: 12px;
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}

.btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn .caret {
    margin-left: 0;
}

.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0;
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px;
}

.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
}

.btn-group-vertical>.btn-group>.btn {
    float: none;
}

.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group {
    margin-top: -1px;
    margin-left: 0;
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0;
}

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}

.btn-group-justified>.btn,.btn-group-justified>.btn-group {
    display: table-cell;
    float: none;
    width: 1%;
}

.btn-group-justified>.btn-group .btn {
    width: 100%;
}

.btn-group-justified>.btn-group .dropdown-menu {
    left: auto;
}

[data-toggle=buttons]>.btn>input[type=radio],[data-toggle=buttons]>.btn>input[type=checkbox] {
    position: absolute;
    z-index: -1;
    filter: alpha(opacity=0);
    opacity: 0;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

.input-group[class*=col-] {
    float: none;
    padding-right: 0;
    padding-left: 0;
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
}

select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn {
    height: 46px;
    line-height: 46px;
}

textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn,select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn {
    height: auto;
}

.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn {
    height: 30px;
    line-height: 30px;
}

textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn,select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn {
    height: auto;
}

.input-group-addon,.input-group-btn,.input-group .form-control {
    display: table-cell;
}

.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.input-group-addon,.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.input-group-addon.input-sm {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px;
}

.input-group-addon.input-lg {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px;
}

.input-group-addon input[type=radio],.input-group-addon input[type=checkbox] {
    margin-top: 0;
}

.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group-addon:first-child {
    border-right: 0;
}

.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group-addon:last-child {
    border-left: 0;
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}

.input-group-btn>.btn {
    position: relative;
}

.input-group-btn>.btn+.btn {
    margin-left: -1px;
}

.input-group-btn>.btn:hover,.input-group-btn>.btn:focus,.input-group-btn>.btn:active {
    z-index: 2;
}

.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group {
    margin-right: -1px;
}

.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group {
    margin-left: -1px;
}

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav>li {
    position: relative;
    display: block;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.nav>li>a:hover,.nav>li>a:focus {
    text-decoration: none;
    background-color: #eee;
}

.nav>li.disabled>a {
    color: #777;
}

.nav>li.disabled>a:hover,.nav>li.disabled>a:focus {
    color: #777;
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
}

.nav .open>a,.nav .open>a:hover,.nav .open>a:focus {
    background-color: #eee;
    border-color: #428bca;
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.nav>li>a>img {
    max-width: none;
}

.nav-tabs {
    border-bottom: 1px solid #ddd;
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px;
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}

.nav-tabs>li>a:hover {
    border-color: #eee #eee #ddd;
}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0;
}

.nav-tabs.nav-justified>li {
    float: none;
}

.nav-tabs.nav-justified>li>a {
    margin-bottom: 5px;
    text-align: center;
}

.nav-tabs.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto;
}

@media (min-width:768px) {
    .nav-tabs.nav-justified>li {
        display: table-cell;
        width: 1%;
    }

    .nav-tabs.nav-justified>li>a {
        margin-bottom: 0;
    }
}

.nav-tabs.nav-justified>li>a {
    margin-right: 0;
    border-radius: 4px;
}

.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus {
    border: 1px solid #ddd;
}

@media (min-width:768px) {
    .nav-tabs.nav-justified>li>a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0;
    }

    .nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus {
        border-bottom-color: #fff;
    }
}

.nav-pills>li {
    float: left;
}

.nav-pills>li>a {
    border-radius: 0px;
}

.nav-pills>li+li {
    margin-left: 2px;
}

.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus {
    color: #fff;
  background-color: #428bca;
 
}

.nav-stacked>li {
    float: none;
}

.nav-stacked>li+li {
    margin-top: 2px;
    margin-left: 0;
}

.nav-justified {
    width: 100%;
}

.nav-justified>li {
    float: none;
}

.nav-justified>li>a {
    margin-bottom: 5px;
    text-align: center;
}

.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto;
}

@media (min-width:768px) {
    .nav-justified>li {
        display: table-cell;
        width: 1%;
    }

    .nav-justified>li>a {
        margin-bottom: 0;
    }
}

.nav-tabs-justified {
    border-bottom: 0;
}

.nav-tabs-justified>li>a {
    margin-right: 0;
    border-radius: 4px;
}

.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus {
    border: 1px solid #ddd;
}

@media (min-width:768px) {
    .nav-tabs-justified>li>a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0;
    }

    .nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus {
        border-bottom-color: #fff;
    }
}

.tab-content>.tab-pane {
    display: none;
}

.tab-content>.active {
    display: block;
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.navbar {
    position: relative;
    min-height: 0px;
    margin-bottom: 20px;
    border: 0px solid transparent;
}

@media (min-width:768px) {
    .navbar {
        border-radius: 4px;
    }
}

@media (min-width:768px) {
    .navbar-header {
        float: left;
    }
}

.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
}

.navbar-collapse.in {
    overflow-y: auto;
}

@media (min-width:768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .navbar-collapse.collapse {
        display: block!important;
        height: auto!important;
        padding-bottom: 0;
        overflow: visible!important;
    }

    .navbar-collapse.in {
        overflow-y: visible;
    }

    .navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse {
        padding-right: 0;
        padding-left: 0;
    }
}

.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse {
    max-height: 340px;
}

@media (max-width:480px) and (orientation:landscape) {
    .navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse {
        max-height: 200px;
    }
}

.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width:768px) {
    .container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}

.navbar-static-top {
    z-index: 999;
    border-width: 0 0 1px;
}

@media (min-width:768px) {
    .navbar-static-top {
        border-radius: 0;
    }
}

.navbar-fixed-top,.navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 999;
    -webkit-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

@media (min-width:768px) {
    .navbar-fixed-top,.navbar-fixed-bottom {
        border-radius: 0;
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
}

.navbar-brand {
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
}

.navbar-brand:hover,.navbar-brand:focus {
    text-decoration: none;
}

@media (min-width:768px) {
    .navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand {
        margin-left: -15px;
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.navbar-toggle:focus {
    outline: 0;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px;
}

@media (min-width:768px) {
    .navbar-toggle {
        display: none;
    }
}

.navbar-nav {
    margin: 7.5px -15px;
}

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
}

@media (max-width:767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px;
    }

    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 20px;
    }

    .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus {
        background-image: none;
    }
}

@media (min-width:768px) {
    .navbar-nav {
        float: left;
        margin: 0;
    }

    .navbar-nav>li {
        float: left;
    }

    .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .navbar-nav.navbar-right:last-child {
        margin-right: -15px;
    }
}

@media (min-width:768px) {
    .navbar-left {
        float: left!important;
    }

    .navbar-right {
        float: right!important;
    }
}

.navbar-form {
    padding: 10px 15px;
    margin-top: 8px;
    margin-right: -15px;
    margin-bottom: 8px;
    margin-left: -15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
}

@media (min-width:768px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle;
    }

    .navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn,.navbar-form .input-group .form-control {
        width: auto;
    }

    .navbar-form .input-group>.form-control {
        width: 100%;
    }

    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .navbar-form .radio,.navbar-form .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .navbar-form .radio label,.navbar-form .checkbox label {
        padding-left: 0;
    }

    .navbar-form .radio input[type=radio],.navbar-form .checkbox input[type=checkbox] {
        position: relative;
        margin-left: 0;
    }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0;
    }
}

@media (max-width:767px) {
    .navbar-form .form-group {
        margin-bottom: 5px;
    }
}

@media (min-width:768px) {
    .navbar-form {
        width: auto;
        padding-top: 0;
        padding-bottom: 0;
        margin-right: 0;
        margin-left: 0;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .navbar-form.navbar-right:last-child {
        margin-right: -15px;
    }
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px;
}

.navbar-btn.btn-sm {
    margin-top: 10px;
    margin-bottom: 10px;
}

.navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px;
}

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px;
}

@media (min-width:768px) {
    .navbar-text {
        float: left;
        margin-right: 15px;
        margin-left: 15px;
    }

    .navbar-text.navbar-right:last-child {
        margin-right: 0;
    }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
}

.navbar-default .navbar-brand {
    color: #777;
}

.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus {
    color: #5e5e5e;
    background-color: transparent;
}

.navbar-default .navbar-text {
    color: #777;
}

.navbar-default .navbar-nav>li>a {
    color: #777;
}

.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus {
    color: #333;
    background-color: transparent;
}

.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus {
    color: #555;
    background-color: #e7e7e7;
}

.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus {
    color: #ccc;
    background-color: transparent;
}

.navbar-default .navbar-toggle {
    border-color: #ddd;
}

.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {
    background-color: #ddd;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #888;
}

.navbar-default .navbar-collapse,.navbar-default .navbar-form {
    border-color: #e7e7e7;
}

.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus {
    color: #555;
    background-color: #e7e7e7;
}

@media (max-width:767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #777;
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #333;
        background-color: transparent;
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #555;
        background-color: #e7e7e7;
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #ccc;
        background-color: transparent;
    }
}

.navbar-default .navbar-link {
    color: #777;
}

.navbar-default .navbar-link:hover {
    color: #333;
}

.navbar-default .btn-link {
    color: #777;
}

.navbar-default .btn-link:hover,.navbar-default .btn-link:focus {
    color: #333;
}

.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:hover,.navbar-default .btn-link[disabled]:focus,fieldset[disabled] .navbar-default .btn-link:focus {
    color: #ccc;
}

.navbar-inverse {
    background-color: #222;
    border-color: #080808;
}

.navbar-inverse .navbar-brand {
    color: #777;
}

.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus {
    color: #fff;
    background-color: transparent;
}

.navbar-inverse .navbar-text {
    color: #777;
}

.navbar-inverse .navbar-nav>li>a {
    color: #777;
}

.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus {
    color: #fff;
    background-color: transparent;
}

.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: #080808;
}

.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus {
    color: #444;
    background-color: transparent;
}

.navbar-inverse .navbar-toggle {
    border-color: #333;
}

.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus {
    background-color: #333;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form {
    border-color: #101010;
}

.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus {
    color: #fff;
    background-color: #080808;
}

@media (max-width:767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
        border-color: #080808;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #777;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #fff;
        background-color: transparent;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #fff;
        background-color: #080808;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #444;
        background-color: transparent;
    }
}

.navbar-inverse .navbar-link {
    color: #777;
}

.navbar-inverse .navbar-link:hover {
    color: #fff;
}

.navbar-inverse .btn-link {
    color: #777;
}

.navbar-inverse .btn-link:hover,.navbar-inverse .btn-link:focus {
    color: #fff;
}

.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:hover,.navbar-inverse .btn-link[disabled]:focus,fieldset[disabled] .navbar-inverse .btn-link:focus {
    color: #444;
}
/* Standard-CSS für die Navigation ENDE */

/* Daddyleagues-Menü CSS */
#daddyleagues-menu {
      margin-bottom: 0px !important;
      min-height: 50px !important;
   }

   #daddyleagues-menu .navbar {
      min-height: 50px !important;
      background-image: url("http://www.maddenitalianleague.eu/NG/images/nabbg.png");
      background-repeat: repeat-x;
      text-align: center !important;
      border-radius: 6px !important;
      }

   #daddyleagues-menu ul.nav{
      min-height: 50px !important;
      max-height: 50px !important;
      margin: 0 auto !important;
      width: 100% !important;
      display:flex;
      justify-content: center;
      font-size: 0 !important;
   }
   
   #daddyleagues-menu div.navbar {
      border-style: none !important;
                margin: 15px;
   }

   #daddyleagues-menu ul li{
      min-height: 50px !important;
      display: inline !important;
      
   }
   
   
   #daddyleagues-menu .navbar ul li a{
      min-height: 22px !important;
      vertical-align: middle !important;
      font-family: 'impact' !important;
      font-size: 14px !important;
text-transform: uppercase;
      }
   
   #daddyleagues-menu .navbar .nav > li > a, #daddyleagues-menu .navbar .nav > li > a:visited {
      color: #174a88 !important;
      text-shadow: 1px 1px #ffffff !important;
      padding: 14px 10px !important;
      display: block !important;
text-transform: uppercase;
   }
   
   #daddyleagues-menu .nav-pills>li+li {
      margin-left: 0px !important;
   }
   
   #daddyleagues-menu .navbar .nav > li > a:hover {
      background-image: url("http://www.maddenitalianleague.eu/NG/images/nabbgover.png") !important;
      background-repeat: repeat-x !important;
      color: #ffffff !important;
      text-shadow: 2px 2px #000000 !important;
      border-bottom: none;
   }
   
   #daddyleagues-menu .navbar .nav > li.active > a {
      color: #ffffff !important;
      text-shadow: 2px 2px #000000 !important;
        bottom: 26px;
   }


/* Daddyleague-Menü Ende */


.active img {
    max-height: 93px;
    bottom: 30px;
    position: relative;
}


 
/***** Scoreboard 1 *****/

.yui3-scorestrip-tile-index-0 {
      width: 58px !important;
   }

   .scorelist {
      background: #F0F0F0 !important;
      margin: auto !important;
      font-family: Tahoma, Verdana, Arial, Sans-Serif;
      font-weight: bold !important;
      width: 100% !important;
      display: inline !important;
   }
   
   .scorelist span {
      font-family: Tahoma, Verdana, Arial, Sans-Serif;
      font-size: 1em !important;
   }

   .scorelist ol {
      max-height: 35px !important;
      display:flex;
      justify-content: space-around;
   }

   .scorelist .yui3-scorestrip-tile-visitor-wins .yui3-scorestrip-tile-visitor, .yui3-scorestrip-tile-home-wins .yui3-scorestrip-tile-home {
      color: #174a88 !important;
   }
/***** Scoreboard 1 Ende *****/

/***** Scoreboard 2 *****/

.scorelist{ 
  clear: both; margin:0;display: table; padding:0;   
}

.scorelist ol{
  padding:8;   
}
.yui3-scorestrip-tile { 
  border-right: 1px solid #FFFFFF;   
  cursor: pointer;    display: inline;   
  float: left;   
  font: bold 10px/12px Verdana,sans-serif;   
  height: 35px;   
  overflow: hidden;   
  position: relative;   
  text-align: left;   
  text-transform: uppercase;   
  width: 60px;
}
.yui3-scorestrip-tile-index-0 {
  width: 55px;
}
.yui3-scorestrip-tile-final a {   
  background: none repeat scroll 0 0 #CCCCCC;   
  color: #888888;
}
a.yui3-scorestrip-tile-content {   
  background: none repeat scroll 0 0 #F0F0F0;   
  color: #707070;   
  height: 100%;   
  left: 0;   
  position: absolute;   
  text-decoration: none;   
  top: 0;   
  width: 100%;
}
.yui3-scorestrip-tile-visitor-wins .yui3-scorestrip-tile-visitor, .yui3-scorestrip-tile-home-wins .yui3-scorestrip-tile-home {
  color: #555555;
}
.yui3-scorestrip-tile-content > span {   
  position: absolute;
}
.yui3-scorestrip-tile-visitor {   
  top: 5px;
}
.yui3-scorestrip-tile-abbr {   
  left: 5px;
}
.yui3-scorestrip-tile-score {   
  right: 5px;   
  text-align: right;
}
.yui3-scorestrip-tile-p .yui3-scorestrip-tile-score {   
  display: none;
}
.yui3-scorestrip-tile-big-play a, .yui3-scorestrip-tile-home {   
  top: 17px;
}
.yui3-scorestrip-tile-index-0 .yui3-scorestrip-tile-abbr, .yui3-scorestrip-tile-index-0 .yui3-scorestrip-tile-clock {   
  left: 9px;
}
.yui3-scorestrip-tile-bigplay .yui3-scorestrip-tile-content, .yui3-scorestrip-tile-bigplay .yui3-scorestrip-tile-alert-box, .yui3-scorestrip-tile-content:hover, .yui3-scorestrip-tile-content:hover > span {   
  background: none repeat scroll 0 0 #C6EAFD !important;   
  color: #013369 !important;   
  text-decoration: none;
}
/***** Scoreboard 2 Ende *****/
/***** Navigation Hover *****/

        #i_icon_mini_portal {
    background-image:url(http://fs1.directupload.net/images/150122/3kdoxst3.png);
    height:36px;
    width:100px;
    }
    #i_icon_mini_portal:hover {
    background-image:url(http://fs2.directupload.net/images/150122/4kb2xxmw.png);
    height:36px;
    width:100px;
    }
    #i_icon_mini_index{
    background-image:url(http://fs1.directupload.net/images/150122/qtxz9oes.png);
    height:36px;
    width:66px;
    }
    #i_icon_mini_index:hover{
    background-image:url(http://fs2.directupload.net/images/150122/3mfi6e2b.png);
    height:36px;
    width:66px;
    }
    #i_icon_mini_calendar{
    background-image:url(http://fs1.directupload.net/images/150122/jy42fkvp.png);
    height:36px;
    width:87px;
    }
    #i_icon_mini_calendar:hover{
    background-image:url(http://fs1.directupload.net/images/150122/rhdrfsle.png);
    height:36px;
    width:87px;
    }
    #i_icon_mini_search{
    background-image:url(http://fs1.directupload.net/images/150122/5j56n8pq.png);
    height:36px;
    width:72px;
    }
    #i_icon_mini_search:hover{
    background-image:url(http://fs2.directupload.net/images/150122/kfcodgq7.png);
    height:36px;
    width:72px;
    }
    #i_icon_mini_members{
    background-image:url(http://fs2.directupload.net/images/150122/v25e7u4o.png);
    height:36px;
    width:92px;
    }
    #i_icon_mini_members:hover{
    background-image:url(http://fs2.directupload.net/images/150122/6n6jmjv6.png);
    height:36px;
    width:92px;
    }
   
    #i_icon_mini_profile {
    background-image:url(http://fs1.directupload.net/images/150122/96v37dpd.png);
    height:36px;
    width:66px;
    }
    #i_icon_mini_profile:hover {
    background-image:url(http://fs2.directupload.net/images/150122/ar25mtvt.png);
    height:36px;
    width:66px;
    }
    #i_icon_mini_message {
    background-image:url(http://fs2.directupload.net/images/150122/72hbs42t.png);
    height:36px;
    width:105px;
    }
    #i_icon_mini_message:hover {
    background-image:url(http://fs1.directupload.net/images/150122/65ebxlmq.png);
    height:36px;
    width:105px;
    }
   
    #i_icon_mini_register {
    background-image:url(http://fs1.directupload.net/images/150122/657h3bns.png);
    height:36px;
    width:89px;
    }
    #i_icon_mini_register:hover {
    background-image:url(http://fs1.directupload.net/images/150122/xx2m73cx.png);
    height:36px;
    width:89px;
    }
   
    #i_icon_mini_login {
    background-image:url(http://fs2.directupload.net/images/150122/j6p6w2pv.png);
    height:36px;
    width:60px;
    }
    #i_icon_mini_login:hover {
    background-image:url(http://fs2.directupload.net/images/150122/jk7mgmdp.png);
    height:36px;
    width:60px;
    }
    #i_icon_mini_logout {
    background-image:url(http://fs2.directupload.net/images/150122/r926hgdo.png);
    height:36px;
    width:71px;
    }
    #i_icon_mini_logout:hover {
    background-image:url(http://fs1.directupload.net/images/150122/nfnu7lok.png);
    height:36px;
    width:71px;
    }
   
/***** Navigation Hover Ende *****/

/***** NEWS TICKER *****/
div#ticker {
   height: 27px;
   background-image: url();
   background-repeat: no-repeat;
}


.ticker_title {
   width: 150px;
   color: #174a88;
   text-align: right;
   font-size: 11px;
   font-weight: bold;
   padding-top: 5px;
   padding-right: 10px;
   float: left;
}

.news_ticker {
   width: 775px;
   color: #174a88;
   font-size: 11px;
   font-weight: bold;
   margin-left: 10px;
   padding-top: 5px;
   float:left;
}

/***** NEWS TICKER ENDE *****/

/* Scroller Box *****/
#scroller_container {
 position: relative;
 width: 775px;
 height: 27px;
 overflow: hidden;
}

#scroller {
 white-space: nowrap;
 color: #174a88;
 line-height: 27px;
 font-size: 11px;
font-weight: bold;
}

#scroller p {
 padding: 0;
}
/***** Scroller Box Ende *****/
Leitwelpe
Leitwelpe
Lehrling
Lehrling

Männlich Beiträge : 9
Anmeldedatum : 20.09.21
keine
Google Chrome phpBB3

Nach oben Nach unten

Erledigt Re: Navigationsmenü bereitet plötzlich Probleme - unsichtbar mit Hovereffekt

Beitrag von pedxz Di 28 Sep 2021 - 18:14

Kopieren und am Anfang einfügen:
Code:
* Logo über die ganze Bldschirm Breite bei BB3 */
auf
Code:
.navlinks {
  border-bottom-width: 0 !important;
}
/* Logo über die ganze Bldschirm Breite bei BB3 */
pedxz
pedxz
Geselle
Geselle

Beiträge : 61
Anmeldedatum : 26.01.18
keine

Nach oben Nach unten

Erledigt Re: Navigationsmenü bereitet plötzlich Probleme - unsichtbar mit Hovereffekt

Beitrag von Leitwelpe Di 28 Sep 2021 - 18:18

Hab ich gemacht. Leider immer noch das Problem. Muss ich bei den Optionen von CSS noch etwas anpassen?

Standards CSS erzwingen ist auf NEIN

Standard CSS-Datei ausschalten ist auf NEIN

Das CSS optimieren ist auf JA
Leitwelpe
Leitwelpe
Lehrling
Lehrling

Männlich Beiträge : 9
Anmeldedatum : 20.09.21
keine
Google Chrome phpBB3

Nach oben Nach unten

Erledigt Re: Navigationsmenü bereitet plötzlich Probleme - unsichtbar mit Hovereffekt

Beitrag von pedxz Di 28 Sep 2021 - 18:23

Zwischen dem Header und der zweiten Navigationsmenüzeile (die mit dem Logo links), befindet sich eigentlich auch noch eine Zeile die aber teils angezeigt aber teils komplett unsichtbar ist.
Reden wir über das gleiche Problem? Können Sie das Problem in einem Druckbildschirm (screenshot) markieren!?
pedxz
pedxz
Geselle
Geselle

Beiträge : 61
Anmeldedatum : 26.01.18
keine

Nach oben Nach unten

Erledigt Re: Navigationsmenü bereitet plötzlich Probleme - unsichtbar mit Hovereffekt

Beitrag von Leitwelpe Di 28 Sep 2021 - 18:31

Wie es nicht sein sollte;

*hover* - Navigationsmenü bereitet plötzlich Probleme - unsichtbar mit Hovereffekt Screen11

Wie es sein sollte (mobil wird es korrekt angezeigt, aber nur wenn man angemeldet ist)
*hover* - Navigationsmenü bereitet plötzlich Probleme - unsichtbar mit Hovereffekt Screen10
Leitwelpe
Leitwelpe
Lehrling
Lehrling

Männlich Beiträge : 9
Anmeldedatum : 20.09.21
keine
Google Chrome phpBB3

Nach oben Nach unten

Erledigt Re: Navigationsmenü bereitet plötzlich Probleme - unsichtbar mit Hovereffekt

Beitrag von Leitwelpe Do 30 Sep 2021 - 12:12

Ist das Problem so erkennbar oder soll ich es noch markieren?

Edit: Das Problem scheint bei dem Internet Explorer nicht zu existieren. Aber bei Google Chrome. Bei den anderen Browser weiß ich nicht.
Leitwelpe
Leitwelpe
Lehrling
Lehrling

Männlich Beiträge : 9
Anmeldedatum : 20.09.21
keine
Google Chrome phpBB3

Nach oben Nach unten

Erledigt Re: Navigationsmenü bereitet plötzlich Probleme - unsichtbar mit Hovereffekt

Beitrag von pedxz Do 30 Sep 2021 - 16:05

@Leitwelpe: OK! Das Problem ist das SSL-Zertifikat (HTTPS).
pedxz schrieb:Verzeihung! Administrations-Bereich > Anzeige > Bilder und Farben > Farben > CSS stylesheet!
Suchen und Ersetzen
Code:
http
auf
Code:
https
pedxz
pedxz
Geselle
Geselle

Beiträge : 61
Anmeldedatum : 26.01.18
keine

Nach oben Nach unten

Erledigt Re: Navigationsmenü bereitet plötzlich Probleme - unsichtbar mit Hovereffekt

Beitrag von Leitwelpe Fr 1 Okt 2021 - 16:15

pedxz schrieb:@Leitwelpe: OK! Das Problem ist das SSL-Zertifikat (HTTPS).
pedxz schrieb:Verzeihung! Administrations-Bereich > Anzeige > Bilder und Farben > Farben > CSS stylesheet!
Suchen und Ersetzen
Code:
http
auf
Code:
https

Hallo, hab die Nachricht leider gestern nicht mehr gelesen. Habe die Einstellungen adaptiert, aber scheint als wäre das Problem immer noch. Sad

Sehe jetzt aber wohl welche Codes dafür zuständig sind. Hab die http Stellen korrigiert gehabt.

Code:

/***** Scoreboard 2 Ende *****/
/***** Navigation Hover *****/

        #i_icon_mini_portal {
    background-image:url(https://fs1.directupload.net/images/150122/3kdoxst3.png);
    height:36px;
    width:100px;
    }
    #i_icon_mini_portal:hover {
    background-image:url(https://fs2.directupload.net/images/150122/4kb2xxmw.png);
    height:36px;
    width:100px;
    }
    #i_icon_mini_index{
    background-image:url(https://fs1.directupload.net/images/150122/qtxz9oes.png);
    height:36px;
    width:66px;
    }
    #i_icon_mini_index:hover{
    background-image:url(https://fs2.directupload.net/images/150122/3mfi6e2b.png);
    height:36px;
    width:66px;
    }
    #i_icon_mini_calendar{
    background-image:url(https://fs1.directupload.net/images/150122/jy42fkvp.png);
    height:36px;
    width:87px;
    }
    #i_icon_mini_calendar:hover{
    background-image:url(https://fs1.directupload.net/images/150122/rhdrfsle.png);
    height:36px;
    width:87px;
    }
    #i_icon_mini_search{
    background-image:url(https://fs1.directupload.net/images/150122/5j56n8pq.png);
    height:36px;
    width:72px;
    }
    #i_icon_mini_search:hover{
    background-image:url(https://fs2.directupload.net/images/150122/kfcodgq7.png);
    height:36px;
    width:72px;
    }
    #i_icon_mini_members{
    background-image:url(https://fs2.directupload.net/images/150122/v25e7u4o.png);
    height:36px;
    width:92px;
    }
    #i_icon_mini_members:hover{
    background-image:url(https://fs2.directupload.net/images/150122/6n6jmjv6.png);
    height:36px;
    width:92px;
    }
    
    #i_icon_mini_profile {
    background-image:url(https://fs1.directupload.net/images/150122/96v37dpd.png);
    height:36px;
    width:66px;
    }
    #i_icon_mini_profile:hover {
    background-image:url(https://fs2.directupload.net/images/150122/ar25mtvt.png);
    height:36px;
    width:66px;
    }
    #i_icon_mini_message {
    background-image:url(https://fs2.directupload.net/images/150122/72hbs42t.png);
    height:36px;
    width:105px;
    }
    #i_icon_mini_message:hover {
    background-image:url(https://fs1.directupload.net/images/150122/65ebxlmq.png);
    height:36px;
    width:105px;
    }
    
    #i_icon_mini_register {
    background-image:url(https://fs1.directupload.net/images/150122/657h3bns.png);
    height:36px;
    width:89px;
    }
    #i_icon_mini_register:hover {
    background-image:url(https://fs1.directupload.net/images/150122/xx2m73cx.png);
    height:36px;
    width:89px;
    }
    
    #i_icon_mini_login {
    background-image:url(https://fs2.directupload.net/images/150122/j6p6w2pv.png);
    height:36px;
    width:60px;
    }
    #i_icon_mini_login:hover {
    background-image:url(https://fs2.directupload.net/images/150122/jk7mgmdp.png);
    height:36px;
    width:60px;
    }
    #i_icon_mini_logout {
    background-image:url(https://fs2.directupload.net/images/150122/r926hgdo.png);
    height:36px;
    width:71px;
    }
    #i_icon_mini_logout:hover {
    background-image:url(https://fs1.directupload.net/images/150122/nfnu7lok.png);
    height:36px;
    width:71px;
    }
    
/***** Navigation Hover Ende *****/

Mit dem Opera Browser sind die Icons auch verschwunden.
Leitwelpe
Leitwelpe
Lehrling
Lehrling

Männlich Beiträge : 9
Anmeldedatum : 20.09.21
keine
Google Chrome phpBB3

Nach oben Nach unten

Erledigt Re: Navigationsmenü bereitet plötzlich Probleme - unsichtbar mit Hovereffekt

Beitrag von pedxz Fr 1 Okt 2021 - 16:20

Leitwelpe schrieb:hab die Nachricht leider gestern nicht mehr gelesen. Habe die Einstellungen adaptiert, aber scheint als wäre das Problem immer noch. Sad
Um das Problem zu beheben, verwenden Sie den Host von servimg.com Es scheint, dass das directupload.net ein sicheres Problem hat
pedxz
pedxz
Geselle
Geselle

Beiträge : 61
Anmeldedatum : 26.01.18
keine

Leitwelpe mag diesen Beitrag

Skouliki mag diesen Beitrag nicht

Nach oben Nach unten

Erledigt Re: Navigationsmenü bereitet plötzlich Probleme - unsichtbar mit Hovereffekt

Beitrag von Leitwelpe Mo 4 Okt 2021 - 16:41

Hallo, es hat geklappt. Hab die Icons auf servimg.com hochgeladen und es wird alles wieder angezeigt. Vielen Dank!
Leitwelpe
Leitwelpe
Lehrling
Lehrling

Männlich Beiträge : 9
Anmeldedatum : 20.09.21
keine
Google Chrome phpBB3

pedxz mag diesen Beitrag

Nach oben Nach unten

Erledigt Re: Navigationsmenü bereitet plötzlich Probleme - unsichtbar mit Hovereffekt

Beitrag von Joost Mo 4 Okt 2021 - 16:47

BITTE DIE ZUSÄTZLICHEN HINWEISE DES FORUMS BEFOLGEN!
Ist Deine Frage beantwortet? Dann setze bitte das Themen-Icon Erledigt. Danke
Joost
Joost
Administrator
Administrator

Männlich Beiträge : 1075
Anmeldedatum : 29.12.12
*hover* - Navigationsmenü bereitet plötzlich Probleme - unsichtbar mit Hovereffekt Empty
Google Chrome phpBB3

Leitwelpe mag diesen Beitrag

Nach oben Nach unten

Erledigt Re: Navigationsmenü bereitet plötzlich Probleme - unsichtbar mit Hovereffekt

Beitrag von Joost Mi 20 Okt 2021 - 8:48

Thema ist erledigt und wurde ins Archiv verschoben.
Regeln des Forums der Foren
Joost
Joost
Administrator
Administrator

Männlich Beiträge : 1075
Anmeldedatum : 29.12.12
*hover* - Navigationsmenü bereitet plötzlich Probleme - unsichtbar mit Hovereffekt Empty
Google Chrome phpBB3

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben

- Ähnliche Themen

 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten