Differenze tra le versioni di "MediaWiki: Common.css"
Da ViscianoPedia.
(20 versioni intermedie di uno stesso utente non sono mostrate) | |||
Riga 1: | Riga 1: | ||
/* Gli stili CSS inseriti qui si applicano a tutte le skin */ | /* Gli stili CSS inseriti qui si applicano a tutte le skin */ | ||
+ | |||
+ | |||
+ | /* immagine di brand viscianopedia */ | ||
+ | .navbar-brand img{ | ||
+ | width: 150px; | ||
+ | height: 55px; | ||
+ | position: relative; | ||
+ | top: -5px; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | @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; | ||
+ | } | ||
+ | |||
+ | |||
+ | .firstHeading, .tweekiFirstHeading { | ||
+ | text-align: left; | ||
+ | font-size: 42px; | ||
+ | color: inherit; | ||
+ | font-family: 'Open Sans', sans-serif; | ||
+ | font-weight: 500; | ||
+ | line-height: 1.1; | ||
+ | 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 { | 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-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{ | 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 { | row { | ||
− | margin-left: 0; | + | margin-left: 0; |
+ | width: 100%; | ||
} | } | ||
col{ | col{ | ||
− | margin-left: 0; | + | margin-left: 0; |
+ | width: 100%; | ||
} | } | ||
.col-md-offset-1{ | .col-md-offset-1{ | ||
margin-left: 0; | margin-left: 0; | ||
+ | width: 100%;; | ||
} | } | ||
Riga 35: | Riga 158: | ||
{ | { | ||
margin-left: 0; | margin-left: 0; | ||
+ | width: 100%; | ||
} | } |
Versione attuale delle 08:42, 11 apr 2017
/* Gli stili CSS inseriti qui si applicano a tutte le skin */ /* immagine di brand viscianopedia */ .navbar-brand img{ width: 150px; height: 55px; position: relative; top: -5px; } @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; } .firstHeading, .tweekiFirstHeading { text-align: left; font-size: 42px; color: inherit; font-family: 'Open Sans', sans-serif; font-weight: 500; line-height: 1.1; 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%; }