CSS (with grey menu)
td.lohko_joukkue {
vertical-align: middle;
}
td.jatkoonselite {
vertical-align: middle;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
vertical-align: middle !important;
}
#navbar > ul > li.dropdown.open > a {
color: @menu-fg !important;
background-color: @menu-bg;
}
.kumppanibanner b {
display:block;
margin-bottom: 0.5em;
}
.paypalbutton, a.paypalbutton, input.paypalbutton {
-webkit-border-radius: 5;
-moz-border-radius: 5;
border-radius: 5px;
color: #fff;
font-size: 14px;
background: #0070ba;
padding: 9px 12px 9px 12px;
border: none;
text-decoration: none;
}
.paypalbutton:hover , a.paypalbutton:hover , input.paypalbutton:hover {
background: #0070ba;
color: @schedule-header-fg;
text-decoration: none;
}
body {
width: 100%;
background-repeat: no-repeat;
background-position: 0 0;
background-attachment: fixed;
}
.kumppanibanner {
float: right;
border-left: 0px !important;
border-radius: 10px;
box-shadow: 0 1px 3px 0 rgba(37,32,31,.3);
}
#kumppanibanner-bottom {
border-radius: 0px;
border-bottom: 2px solid #aaa;
background-color: #fff;
box-shadow: none;
}
div.match {
height: 4.4em !important;
}
.table > thead > tr > th:first-child {
border-bottom: 0;
border-radius: 7px 0px 0px 0px;
}
.table > thead > tr > th:last-child {
border-bottom: 0;
border-radius: 0px 7px 0px 0px;
}
.navbar-inverse .navbar-dates {
font-size: 14px;
border-radius: 10px;
padding: 0px
}
.vahvistanut::after {
content: "✔️";
}
span.sarjasponsori {
display: none;
}
.map {
width: 100% !important;
}
.aluekartta {
float: left;
width: 100% !important;
}
.matchlist .subtitle {
background-color: @table-header-bg;
color: @table-header-fg;
}
.matchlist .ml_pvm, .matchlist .ml_pvmsiisti {
top: 2em;
}
.navbar-brand span {
letter-spacing: -1px;
vertical-align: middle;
line-height: 1.0;
}
.navbar-brand img {
vertical-align: middle;
padding: 0px;
margin-right: 0px;
margin: 5px;
height: 100%;
}
#brandi {
margin-left: auto;
margin-right: auto;
text-align: center;
width: 100%;
}
.ottelujoukkue {
vertical-align: top;
}
#tuomarilogin {
display: none;
}
#joukkuelogin {
top: 0;
}
.matchlist li.played {
color: #000;
}
.matchlist .awaywin .ml_vierassiisti {
font-weight: bold;
}
.matchlist .homewin .ml_kotisiisti {
font-weight: bold;
}
.bannersponsor img{
border-radius: 10px;
background: #fff;
}
#navbar > ul > li.dropdown.open > a {
color: @menu-fg !important;
background-color: @menu-bg;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
color: @menu-active-fg !important;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
color: @menu-active-fg !important;
background: @menu-bg;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: @menu-fg;
}
.navbar-inverse .navbar-brand:hover {
color: @header-fg !important;
}
.vahvistanut {
font-weight: normal;
}
#footer {
padding-top: 1em;
margin-top: 0em;
text-align: center;
background-color: #f0f0f0 !important;
color: #000000;
}
div.formbox:nth-child(4) {
display: inline-block;
}
.joukkueotsikko {
text-align: left;
}
#lmap {
display: block;
}
.kenttali {
font-size: 1em;
}
.ohjeet {
margin-top: 10px;
margin-bottom: 10px;
}
.sarjaohje {
display: none;
}
th {
padding: 3px;
}
.matchlist li.odd {
background: #f0f0f0;
}
#team_other, #team_allergies, #team_time_request {
display:none;
}
#peliasu, #peliasu-behind {
width: 350px;
height: 551px;
padding: 0px;
}
.sponsorright img, .sponsorleft img, .sponsorcenter img, {
max-height: 50px;
max-width: 100%;
}
.footersponsor {
max-height: 100px;
max-width: 100%;
}
.sponsorilogo {
margin: auto;
display: block;
max-height:100px !important;
max-width: 100%;
width: auto;
}
.pitchimage {
max-width: 100%;
max-height: 100%;
}
th {
padding: 3px;
}
button, input, optgroup, select, textarea {
margin-bottom:5px;
margin-top: 5px;
}
.ilmoittautuminen > colgroup:nth-child(1) > col:nth-child(1) {
min-width:15%;
}
.ottelutulos {
font-size: 14px !important;
}
.ottelujoukkue {
width: 20% !important;
}
img[alt="sunset"] {
max-height: 14px;
}
#navbar ul {
margin: 0;
}
.row {
margin-right: 0;
margin-left: 0;
}
.jatkosarja_2 th {
background: @schedule-header-bg;
color: @schedule-header-fg;
}
.landingimage {
width: 100%;
}
.minorsponsor a{
margin-bottom: 60px !important;
}
.mainsponsor a:hover {
background: inherit;
box-shadow: none;
}
.minorsponsor a:hover {
background: inherit;
box-shadow: none;
}
div.mainsponsor {
width: 100% !important;
padding-top: 20px;
padding-bottom: 20px;
background: #f0f0f0;
}
div.minorsponsor {
margin-bottom: 40px !important;
width: 100% !important;
padding: 20px;
background: #f0f0f0;
}
.mainsponsor img {
max-height: 250px;
max-width: 250px;
padding: 0px;
background: #fff;
border-radius: 10px;
margin: 10px;
}
.minorsponsor img {
max-width: 200px;
max-height: 200px;
padding:0px;
background: #fff;
border-radius: 10px;
margin: 10px;
}
.homepage-logo {
width:auto;
max-height: 200px;
display: block;
margin: auto;
border-radius: 5px;
bargin-bottom: 5px;
margin-bottom: 5px;
margin-top: 5px;
}
h1,h2,h3{
text-transform: none !important;
font-family: "source sans pro";
color: #000000;
margin-left: 0;
padding-left: 0;
font-weight: 700;
}
h4{
text-transform: uppercase;
font-family: "source sans pro";
color: #e6140a;
text-align: left;
}
.ilmoittautumisryhma h2 {
margin-left: 0;
}
.lohko_otteluita, .lohko_voittoja, .lohko_tasoja, .lohko_havioita, .lohko_tasan, .lohko-havio {
text-align: center;
}
table.lohko {
border: 1px solid rgba(90,122,190,.08);
-webkit-box-shadow: 0 3px 0 0 rgba(90,122,190,.12);
box-shadow: 0 3px 0 0 rgba(90,122,190,.12);
border-radius: 8px;
-webkit-transition: -webkit-box-shadow .3s;
transition: -webkit-box-shadow .3s;
transition: box-shadow .3s;
transition: box-shadow .3s,-webkit-box-shadow .3s;
}
a.lohkobox:hover {
box-shadow: none !important;
}
table.lohko:hover {
-webkit-box-shadow: 0 1px 1px 0 rgba(90,122,190,.1),0 10px 20px 0 rgba(90,122,190,.2);
box-shadow: 0 1px 1px 0 rgba(90,122,190,.1),0 10px 20px 0 rgba(90,122,190,.2);
}
.dropdown-menu {
font-size: 13px;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
font-family: "source sans pro" !important;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
color: @menu-active-fg;
background-color: @menu-bg;
}
.torneopal {
margin-top: 1em;
margin-bottom: 1em;
}
.container {
background: #fff;
}
h3.maa {
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
}
table.maa {
margin-right: 0;
padding-right: 0;
width: 100%;
background: #f8f8f8;
border-radius: 15px;
}
.seura {
width: 50%;
}
.title {
background: #f0f0f0;
text-align: center;
}
.subtitle {
background: #f0f0f0;
font-weight: 800;
text-align: center;
}
img.headerbg {
width: 40%;
}
.navbar {
margin-bottom: 0;
}
li.title {
color: @table-header-fg;
background-color: @table-header-bg;
height: 2em;
}
li.subtitle {
color: #004f87;
border-bottom: 1px solid rgba(0, 79, 135, 0.1);
}
.navbar-brand span {
font-weight: 800;
letter-spacing: -1.0px;
}
.navbar {
margin-bottom: 0;
}
.lohko tr:nth-child(even) {
background: #f0f0f0;
}
.lohko tr:nth-child(odd) {
background: #fff;
}
.jatkoviiva td {
border: none;
}
th.lohko_joukkue {
text-transform: uppercase;
}
.ilmoittautumisryhma {
width: 100%;
margin-right: 0;
}
.flag {
max-height: 15px;
margin-top: -4px;
}
.awesome, a.awesome, input.awesome {
-webkit-border-radius: 5;
-moz-border-radius: 5;
border-radius: 5px;
color: @schedule-header-fg;
font-size: 14px;
background: @schedule-header-bg;
padding: 6px 12px 6px 12px;
border: none;
text-decoration: none;
}
.awesome:hover , a.awesome:hover , input.awesome:hover {
background: @schedule-header-bg;
color: @schedule-header-fg;
text-decoration: none;
}
.cup table {
background-color: grey;
}
.cup th {
background-color: @schedule-header-bg;
color: @schedule-header-fg;
border: 0;
}
@media(min-width:1600px) {
.container {
width: 70%;
}
.nav > li > a {
padding: 12px 16px;
}
}
@media(min-width:1401px) {
.container {
width: 80%;
}
.nav > li > a {
padding: 10px 10px;
font-size: 14px;
}
}
@media(min-width:998px) {
.lohkoclass {
width: 49%;
}
table.maa {
width: 100%;
}
h3.maa {
padding-top: 1%;
padding-bottom: 1%;
}
#lkentat {
width: 20%;
}
}
@media (min-width: 480px) {
.otteluinfo {
margin-top: 15px;
}
.navbar-inverse .navbar-dates {
font-size: 40%;
}
.navbar-nav {
float: none;
margin: 0 auto;
display: block;
text-align: center;
}
.navbar-nav > li {
display: inline-block;
float: none;
}
.navbar-inverse .navbar-nav > .active > a,.navbar-inverse .navbar-nav > .open > a,.navbar-inverse .navbar-nav > .active > a {
box-shadow: none;
border-bottom: 2px solid gold;
background-color: inherit;
}
.navbar-inverse .navbar-nav > .open > a,.navbar-inverse .navbar-nav > .open > a:focus,.navbar-inverse .navbar-nav > .open > a:hover {
background-color: inherit;
}
}
@media(max-width:1600px) {
.nav > li > a {
font-size: 12px;
padding: 10px 10px;
}
}
@media(max-width:1400px) {
#footer {
border-top: 2px solid #aaa;
}
.container {
width: 100%;
}
.formbox > table.lohko {
width: 100%;
margin-top: 2%;
}
.nav > li > a {
font-size: 12px;
padding: 10px 10px;
}
body {
background-repeat: repeat;
}
}
@media(max-width:1023px) {
#brandi img {
max-height: 5vh;
}
.bannersponsor img {
margin-top: 2px;
margin-right: 5px;
}
#main-content {
margin-top: 20;
}
.nav > li > a {
padding: 5px 8px;
}
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
.nav > li > a {
font-size: 10px;
}
.navbar-inverse .navbar-dates {
font-size: 50%;
}
.navbar-inverse .navbar-nav > .open > a,.navbar-inverse .navbar-nav > .open > a:focus,.navbar-inverse .navbar-nav > .open > a:hover {
color: menu-fg !important;
background-color: menu-bg !important;
}
.dropdown-menu > li > a {
color: @menu-fg !important;
}
.navbar-inverse .navbar-nav > li > a, .navbar-nav > li > a {
padding: 8px 5px;
}
.navbar-brand span {
display: inline-block;
font-size: 4wv;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: @menu-fg !important;
font-size: 10px;
}
.dropdown-menu > li > a:hover{
background: @menu-bg;
}
}
@media(max-width:479px) {
.footersponsor {
max-height: 300px;
max-width: 60%;
}
.navbar-inverse .navbar-dates {
font-size: 50%;
}
a.lohkobox {
width: 100% !important;
padding: 0px 10px !important;
margin-right: 0 !important;
}
.otteluinfo {
margin-bottom: 10px;
}
.ilmoittautuminen {
width: 100%;
}
.torneopal-template {
padding-left: 1px;
padding-right: 1px;
padding-top: 0;
}
.nav > li > a {
padding: 10px 10px;
}
.navbar-nav > li > a {
line-height: 15px;
}
.torneopal-template {
margin-top: 0;
}
.matchlist .ml_tuloskl {
text-align: right;
}
img.headerbg {
margin-top: 10px;
}
body {
padding-top: 40px;
background-image: none;
background: #fff;
}
.matchlist .subtitle {
padding-top: 0.5em;
}
.matchlist .ml_tuomaristo {
width: 25%;
color: red;
float: right;
}
h1, h2 {
line-height: 2em;
font-size: 16px;
}
.navbar-toggle {
margin-top: 10px;
}
.navbar-brand span {
font-size:3vw;
}
}
@media only screen
and (min-device-width : 881px)
and (max-device-width : 1200px) {
.nav > li > a {
font-size: 11px;
}
body, table {
font-size: 11px;
letter-spacing: 0px;
}
.navbar-brand span {
font-size: 2vw;
letter-spacing: -1px;
vertical-align: top;
line-height: 1.0;
}
}
@media only screen
and (min-device-width : 480px)
and (max-device-width : 1023px) {
.navbar-brand span {
display: inline-block;
font-size: 4wv;
}
.navbar-brand img {
vertical-align: middle;
padding: 0px;
margin-right: 0px;
margin: 5px;
height: 100%;
}
}
@media(max-width:767px) {
#brandi {
text-align: left;
width: 100%;
}
#brandi img {
height: 100%;
max-height: 42px;
margin-right: 60px;
width: auto !important;
}
.navbar-brand img {
vertical-align: middle;
padding: 0px;
margin-right: 0px;
margin: 0px;
height: 100%;
float: left;
}
.navbar-brand {
float: left;
height: 50px;
padding: 0px;
font-size: 18px;
line-height: 1;
}
.navbar-brand {
display: inline-block !important;
}
#brandi img {
max-height: 50px;
max-width: 100%;
margin-right: 50px;
width: auto !important;
padding: 5px;
}
.navbar-brand img {
max-height: 45px;
vertical-align: middle;
max-width: 100%;
display: static;
margin-right: 0px !important;
float: left;
}
.navbar-brand span {
display: inline-block;
font-size: 4wv;
padding-top: 20px;
}
a.navbar-brand {
max-width: 100%;
}
navbar-brand {
width: 300px;
max-width: 50%;
}
}
@media(width:768px) {
#brandi .navbar-brand {
display: inline-block !important;
font-size: 3wv;
}
.navbar-brand span {
display: inline-block;
font-size: 4wv;
}
}