MediaWiki:Mobile.css: Difference between revisions
m Fix .poem sizing |
Added Template:Highway from existing Common customization |
||
| Line 68: | Line 68: | ||
.inconsolata { | .inconsolata { | ||
font-family: 'Inconsolata', monospace; | font-family: 'Inconsolata', monospace; | ||
} | |||
/********************/ | |||
/* Template:Highway */ | |||
/********************/ | |||
.highway-box-top { | |||
background: #000 url("/~donald/zero/images/8/8f/0_notebook_top.png") no-repeat left top; | |||
border-top-right-radius: 10px; | |||
width: 350px; | |||
height: 9px; | |||
padding-left: 24px; | |||
margin-left: 10px; | |||
float: right; /* make sure to clear: both; after all of these */ | |||
} | |||
.highway-box-bottom { | |||
background: #000 url("/~donald/zero/images/f/ff/0_notebook_bottom.png") no-repeat left bottom; | |||
border-bottom-right-radius: 10px; | |||
width: 350px; | |||
height: 20px; | |||
padding-left: 24px; | |||
margin-left: 10px; | |||
margin-bottom: 14px; | |||
float: right; | |||
} | |||
.highway-box-main { | |||
background: #000 url("/~donald/zero/images/9/94/0_notebook_spine.png") repeat-y left top; | |||
color: #fff; | |||
border-radius: 0; | |||
width: 350px; | |||
padding-left: 24px; | |||
margin-left: 10px; | |||
float: right; | |||
} | |||
.highway-title { | |||
font-family: 'Inconsolata', monospace; | |||
text-align: center; | |||
text-transform: uppercase; | |||
font-size: 24pt; | |||
position: relative; | |||
z-index: 1; | |||
} | |||
.highway-image { | |||
text-align: center; | |||
margin-top: -30px; | |||
} | |||
.highway-line1 { | |||
border: none; | |||
border-bottom: 1px solid #fff; | |||
color: transparent; | |||
background-color: transparent; | |||
margin: 17px auto 12px; | |||
width: 75%; | |||
} | |||
.highway-line2 { | |||
border: none; | |||
border-bottom: 1px dashed #fff; | |||
color: transparent; | |||
background-color: transparent; | |||
margin: 16px auto 12px; | |||
width: 75%; | |||
} | |||
.highway-routeno { | |||
text-align: center; | |||
font-size: 14pt; | |||
text-transform: uppercase; | |||
margin-bottom: 8px; | |||
color: #fff; | |||
-webkit-transition: none; | |||
-moz-transition: none; | |||
-ms-transition: none; | |||
-o-transition: none; | |||
transition: none; | |||
} | |||
.highway-routebox { | |||
text-align: center; | |||
font-size: 12pt; | |||
width: 100%; | |||
white-space: nowrap; | |||
} | |||
.highway-neighbors { | |||
display: inline-block; | |||
vertical-align: middle; | |||
text-transform: uppercase; | |||
width: 75px; | |||
white-space: pre-line; | |||
line-height: 1.1em; | |||
color: #fff; | |||
-webkit-transition: none; | |||
-moz-transition: none; | |||
-ms-transition: none; | |||
-o-transition: none; | |||
transition: none; | |||
} | |||
.highway-arrow { | |||
display: inline-block; | |||
vertical-align: middle; | |||
margin: 0 15px; | |||
} | |||
.highway-truck { | |||
display: inline-block; | |||
vertical-align: middle; | |||
} | |||
.highway-routeno a:hover, | |||
.highway-neighbors a:hover { | |||
text-decoration: underline; | |||
color: #fff; | |||
} | |||
/***********/ | |||
/* Cleanup */ | |||
/***********/ | |||
/* Hide unused buttons */ | |||
.language-selector.disabled { | |||
display: none; | |||
} | } | ||