Differenze tra le versioni di "MediaWiki: Common.css"
Da ViscianoPedia.
Riga 13: | Riga 13: | ||
width: 750px; | width: 750px; | ||
} | } | ||
+ | |||
+ | |||
+ | @media (max-width: 767px) | ||
+ | .navbar-default .navbar-nav n.dropdown-menu>li>a { | ||
+ | color: #fff; | ||
+ | background-color: #2196f3; | ||
+ | } | ||
+ | |||
Riga 20: | Riga 28: | ||
background-color: #2196f3; | background-color: #2196f3; | ||
} | } | ||
− | |||
.navbar-default .navbar-toggle .icon-bar { | .navbar-default .navbar-toggle .icon-bar { | ||
Riga 42: | Riga 49: | ||
background-color: #2196f3; | background-color: #2196f3; | ||
} | } | ||
− | |||
@media (max-width: 767px) | @media (max-width: 767px) | ||
Riga 64: | Riga 70: | ||
body { | body { | ||
− | + | font-family: sans-serif; | |
− | + | font-size: 14px; | |
− | + | line-height: 1.42857143; | |
− | + | color: #444444; | |
− | + | background-color: #ffffff; | |
} | } | ||
navbar{ | navbar{ | ||
− | + | background-color: #2196f3; | |
− | + | border-color: #0d8aee; | |
− | background-image: linear-gradient(to bottom,#2196f3 0,#2196f3 100%); | + | background-image: linear-gradient(to bottom,#2196f3 0,#2196f3 100%); |
− | background-repeat: repeat-x; | + | background-repeat: repeat-x; |
− | height: 56px; | + | height: 56px; |
} | } | ||
.navbar-default .navbar-brand { | .navbar-default .navbar-brand { | ||
color: #fff; | color: #fff; | ||
− | height: 56px; | + | height: 56px; |
} | } | ||
Riga 90: | Riga 96: | ||
.navbar-default{ | .navbar-default{ | ||
− | background-image: linear-gradient(to bottom,#2196f3 0,#2196f3 100%); | + | background-image: linear-gradient(to bottom,#2196f3 0,#2196f3 100%); |
− | background-repeat: repeat-x; | + | background-repeat: repeat-x; |
− | height: 56px; | + | height: 56px; |
} | } | ||
Riga 99: | Riga 105: | ||
navbar-inner{ | navbar-inner{ | ||
− | + | background-color: #2196f3; | |
− | + | border-color: #0d8aee; | |
− | background-image: linear-gradient(to bottom,#2196f3 0,#2196f3 100%); | + | background-image: linear-gradient(to bottom,#2196f3 0,#2196f3 100%); |
− | background-repeat: repeat-x; | + | background-repeat: repeat-x; |
} | } | ||
background-image{ | background-image{ | ||
− | + | background-color: #2196f3; | |
− | + | border-color: #0d8aee; | |
− | background-image: linear-gradient(to bottom,#2196f3 0,#2196f3 100%); | + | background-image: linear-gradient(to bottom,#2196f3 0,#2196f3 100%); |
− | background-repeat: repeat-x; | + | background-repeat: repeat-x; |
} | } | ||
row { | row { | ||
− | margin-left: 0; | + | margin-left: 0; |
− | width: 100%; | + | width: 100%; |
} | } | ||
col{ | col{ | ||
− | margin-left: 0; | + | margin-left: 0; |
− | width: 100%; | + | width: 100%; |
} | } | ||
.col-md-offset-1{ | .col-md-offset-1{ | ||
margin-left: 0; | margin-left: 0; | ||
− | width: 100%;; | + | width: 100%;; |
} | } | ||
Riga 131: | Riga 137: | ||
{ | { | ||
margin-left: 0; | margin-left: 0; | ||
− | width: 100%; | + | width: 100%; |
} | } |
Versione delle 11:53, 5 apr 2017
/* Gli stili CSS inseriti qui si applicano a tutte le skin */ @media (min-width: 1200px) .container { width: 980px; } @media (min-width: 992px) .container { width: 980px; } @media (min-width: 768px) .container { width: 750px; } @media (max-width: 767px) .navbar-default .navbar-nav n.dropdown-menu>li>a { color: #fff; background-color: #2196f3; } @media (max-width: 767px) .navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #fff; background-color: #2196f3; } .navbar-default .navbar-toggle .icon-bar { background-color: #fff; } .navbar-default .navbar-toggle { border-color: #fff; } navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #2196f3; background-color: #2196f3; } .navbar-default .navbar-nav>li>a { color: #ffffff; background-color: #2196f3; } @media (max-width: 767px) .navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #fff; background-color: #2196f3; } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } body { font-family: sans-serif; font-size: 14px; line-height: 1.42857143; color: #444444; background-color: #ffffff; } navbar{ background-color: #2196f3; border-color: #0d8aee; background-image: linear-gradient(to bottom,#2196f3 0,#2196f3 100%); background-repeat: repeat-x; height: 56px; } .navbar-default .navbar-brand { color: #fff; height: 56px; } .navbar-default .navbar-nav>li>a { color: #fff; } .navbar-default{ background-image: linear-gradient(to bottom,#2196f3 0,#2196f3 100%); background-repeat: repeat-x; height: 56px; } navbar-inner{ background-color: #2196f3; border-color: #0d8aee; background-image: linear-gradient(to bottom,#2196f3 0,#2196f3 100%); background-repeat: repeat-x; } background-image{ background-color: #2196f3; border-color: #0d8aee; background-image: linear-gradient(to bottom,#2196f3 0,#2196f3 100%); background-repeat: repeat-x; } row { margin-left: 0; width: 100%; } col{ margin-left: 0; width: 100%; } .col-md-offset-1{ margin-left: 0; width: 100%;; } .col-md-10 { margin-left: 0; width: 100%; }