lambert/rise.css: Difference between revisions
From Rise: The Vieneo Province
No edit summary |
No edit summary |
||
| (113 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
@import url('https://fonts.googleapis.com/css?family=Abel'); | @import url('https://fonts.googleapis.com/css?family=Abel'); | ||
.body { | textarea | ||
{min-height:320px;padding:10px;} | |||
.iconish { | |||
height: 30px; | |||
} | |||
.mobilemode.navtoggle { | |||
display: none; | |||
} | |||
.mobilemode { | |||
display: none; | |||
} | |||
.viewit { | |||
display: table-cell; | |||
} | |||
.vertical.viewit { | |||
display: block; | |||
} | |||
body { | |||
font-family: Abel, Arial, Helvetica, sans-serif; | |||
background-color: #999999; | |||
padding: 0px; | |||
margin: 0px; | |||
background-image: url(http://rise.unistellar.com/skins/rise/assets/stylesheets/parts/risecon-white-5p.png); | |||
background-size: 2%; | |||
background-attachment: fixed; | |||
} | |||
a { | |||
color: #077ad5; | |||
} | |||
a:hover { | |||
text-decoration: underline; | |||
cursor: pointer; | |||
} | |||
h1, h2, h3, h4, h5, h6 { | |||
font-family: inherit; | |||
} | |||
h1 { | |||
font-size: 3em; | |||
} | |||
h2 { | |||
font-size: 2em; | |||
} | } | ||
. | p.mw-wikiforum-descr, p.mw-wikiforum-valuetitle, td.mw-wikiforum-value, .label { | ||
font-family: inherit; | |||
font-size: inherit; | |||
} | |||
p < .image { | |||
padding: 0px !important; | |||
margin: 0px !important; | |||
} | |||
.mw-content-ltr ul, ul | |||
{text-align:left; | |||
padding: 0px 10% 0px 10%; | |||
} | } | ||
li | |||
{} | |||
.image img { | .image img { | ||
width: 100%; | |||
height: auto; | |||
display:block; | |||
} | |||
.fullImageLink img { | |||
width: 100%; | |||
height: auto; | |||
} | |||
table.wikitable { | |||
width: 100%; | |||
} | |||
a.image img:hover { | |||
opacity: .9; | |||
} | |||
p { | |||
display: block; | |||
padding-top: 1em; | |||
padding-bottom: 1em; | |||
} | |||
button { | |||
border: none; | |||
background-color: rgba(7,122,213,0.80); | |||
border: 1px solid rgba(0,0,0,0.2); | |||
padding: 30px; | |||
display: inline-block; | |||
margin: 5px; | |||
color: #fff; | |||
} | |||
button:hover { | |||
background-color: rgba(7,122,213,1); | |||
} | |||
button:active { | |||
background-color: #000; | |||
; | |||
color: #fff; | |||
} | |||
ul.tabled { | |||
display: table-cell; | |||
padding: 0px; | |||
margin: 0px; | |||
list-style: none; | |||
vertical-align: top; | |||
float: left; | |||
} | |||
ul.tabled.right { | |||
float: right; | |||
} | |||
ul.tabled li { | |||
display: table-cell; | |||
vertical-align: middle; | |||
} | |||
ul.tabled li ul { | |||
position: absolute; | |||
top: 100%; | |||
left: 0px; | |||
padding: 0px; | |||
font-size: .9em; | |||
display: none; | |||
} | |||
ul.tabled li ul li { | |||
display: block; | |||
} | |||
div.tabled { | |||
display: table; | |||
} | |||
div.celled { | |||
display: table-cell; | |||
} | |||
/*------------------all things header-------------*/ | |||
.header { | |||
position: fixed; | |||
left: 0px; | |||
top: 0px; | |||
z-index: +2; | |||
right: 0px; | |||
color: rgba(255,255,255,.7); | |||
} | |||
.sitecon { | |||
height: 30px; | |||
width: 51px; | |||
background-image: url(http://rise.unistellar.com/skins/rise/assets/stylesheets/parts/risecon-white.png); | |||
background-repeat: no-repeat; | |||
background-position: center; | |||
background-size: contain; | |||
} | |||
.netcon { | |||
height: 30px; | |||
width: 30px; | |||
background-image: url(http://rise.unistellar.com/skins/rise/assets/stylesheets/parts/netcon-white.png); | |||
background-repeat: no-repeat; | |||
background-position: center; | |||
background-size: contain; | |||
} | |||
.sitelogo { | |||
height: 30px; | |||
width: 204px; | |||
background-image: url(http://rise.unistellar.com/skins/rise/assets/stylesheets/parts/riselogo-white.png); | |||
background-repeat: no-repeat; | |||
background-position: center left; | |||
background-size: cover; | |||
} | |||
.mainnav { | |||
position: absolute; | |||
z-index: +1; | |||
top: 0px; | |||
} | |||
.mainnav, .mainnav ul, .mainnav li { | |||
color: rgba(255,255,255,.7); | |||
background-color: #333333; | |||
} | |||
.netnav { | |||
position: absolute; | |||
z-index: +1; | |||
right: 0px; | |||
top: 0px; | |||
} | |||
.netnav, .netnav ul, .netnav li { | |||
color: rgba(255,255,255,.7); | |||
background-color: #077ad5; | |||
} | |||
.subtitle { | |||
color: #fff; | |||
font-size: .6em; | |||
background-color: #077ad5; | |||
padding-left: 1em; | |||
padding-right: 1em; | |||
} | |||
.header a { | |||
color: inherit; | |||
text-decoration: none; | |||
} | |||
.header a:hover { | |||
text-decoration: none; | |||
} | |||
.header ul li { | |||
border-right: 1px solid rgba(0,0,0,0.2); | |||
padding: 10px; | |||
} | |||
.header ul li.noborder { | |||
border: none; | |||
} | |||
/*-----------------nav area---------------*/ | |||
.nav { | |||
display: table-cell; | |||
text-transform: uppercase; | |||
vertical-align: bottom; | |||
} | |||
.nav li { | |||
position: relative; | |||
border: none; | |||
height: 30px; | |||
} | |||
.nav li:hover { | |||
background-color: #fff; | |||
color: #000; | |||
} | |||
.nav li ul { | |||
margin: 0px; | |||
} | |||
.nav li ul li { | |||
height: auto; | |||
max-width: 320px; | |||
border: none; | |||
} | |||
.nav.vertical li { | |||
display: block; | |||
height: auto; | |||
} | |||
.nav.vertical li ul { | |||
position: relative; | |||
} | |||
/*-----------------footer area---------------*/ | |||
.footer { | |||
display: block; | |||
background-color: #333333; | |||
padding: 10%; | |||
text-align: center; | |||
color: #fff; | |||
} | |||
.footer ul.footernav { | |||
display: table; | |||
width: 100%; | |||
padding: 0px; | |||
margin: 0px; | |||
list-style: none; | |||
vertical-align: top; | |||
font-size: 1.25em; | |||
padding-bottom: 5%; | |||
} | |||
.footer ul.footernav li { | |||
display: table-cell; | |||
vertical-align: top; | |||
padding: 10px; | |||
} | |||
.footer ul.footernav li ul { | |||
padding: 0px; | |||
margin: 0px; | |||
font-size: .8em; | |||
border-top: 2px solid rgba(255,255,255,.2); | |||
margin: 5%; | |||
} | |||
.footer ul.footernav li ul li { | |||
display: block; | |||
margin: 0px; | |||
} | |||
.footer a { | |||
color: inherit; | |||
} | |||
ul.footernav.social { | |||
width: 25%; | |||
min-width: 320px; | |||
display: inline-block; | |||
} | |||
/*-------------------containers------------------------------*/ | |||
.primebackground img { | |||
width: 100%; | |||
display: block; | |||
} | |||
.contentrow { | |||
position: relative; | |||
text-align: center; | |||
} | |||
.contentcolumn { | |||
display: table-cell; | |||
vertical-align: middle; | |||
} | |||
.contentcolumn.centered { | |||
width: 100%; | |||
max-width: 1280px; | |||
position: relative; | |||
display: inline-block; | |||
} | |||
.contentcolumn.full { | |||
display: table; | |||
} | |||
.full { | |||
width: 100%; | |||
} | |||
.half { | |||
width: 50%; | |||
} | |||
.quarter { | |||
width: 25%; | |||
} | |||
.third { | |||
width: 33%; | |||
} | |||
.splashrow .contentcolumn { | |||
vertical-align: middle; | |||
} | |||
.splashrow { | |||
min-height: 100vh; | |||
background-attachment: fixed; | |||
background-size: cover; | |||
background-position: center; | |||
} | |||
.splashrow.stars { | |||
background-image: url( backgrounds/stars.jpg); | |||
} | |||
.splashrow.sky { | |||
background-image: url( backgrounds/sky.jpg); | |||
} | |||
.splashrow.city { | |||
background-image: url( backgrounds/city.jpg); | |||
} | |||
.threetwentymin { | |||
min-width: 320px; | |||
} | |||
.sixfortymin { | |||
min-width: 640px; | |||
} | |||
.contentblock { | |||
padding: 10%; | |||
background-color: rgba(255, 255, 255, 0.80); | |||
text-align: left; | |||
} | |||
.contentcolumn .contentblock { | |||
background-color: transparent; | |||
} | |||
.contentcolumn .contentblock a:hover { | |||
text-decoration: underline; | |||
} | |||
.contentcolumn.centered { | |||
margin-top: 10%; | |||
background-color: rgba(255,255,255,0.85); | |||
} | } | ||
.contentcolumn .contentblock { | .contentcolumn .contentblock { | ||
display: block; | |||
margin-top:10%; | padding: 5% 10% 5% 10%; | ||
padding:5% | } | ||
.contentblock.left { | |||
border-left: 10px solid #333333; | |||
} | |||
.contentblock.right { | |||
border-right: 10px solid #333333; | |||
} | |||
.contentblock.clear { | |||
background-color: transparent; | |||
} | |||
.contentcolumn { | |||
display: table-cell; | |||
vertical-align: top; | |||
} | |||
.contentrow.bgwhite { | |||
background-color: rgba(255, 255, 255, 0.80); | |||
} | |||
.contentrow.bgwhite .contentblock { | |||
background-color: transparent; | |||
} | |||
.blockbreak { | |||
padding: 5%; | |||
margin: 0px; | |||
background-color: #fff; | |||
font-weight: 700; | |||
} | |||
.blockbreak h2 { | |||
padding:0px; | |||
margin: 0px; | |||
font-size:5em; | |||
} | |||
.overlay { | |||
position: absolute; | |||
top: 25%; | |||
left: 25%; | |||
right: 25%; | |||
} | |||
.overlay .contentblock { | |||
text-align: center; | |||
display: block; | |||
} | |||
.splashrow .contentblock { | |||
display: block; | |||
margin-top: 20%; | |||
margin-bottom: 20%; | |||
} | |||
.splashrow .imageblock { | |||
text-align: center; | |||
padding: 60px; | |||
} | |||
.splashrow .imageblock img { | |||
width: 100%; | |||
display: block; | |||
padding: 0px; | |||
margin: 0px; | |||
} | |||
.imagefull img { | |||
width: 100%; | |||
} | |||
.imagefull { | |||
position: relative; | |||
} | |||
.icon.standin { | |||
background-color: rgba(255, 255, 255, 0.80); | |||
border: 1px dashed rgba(128, 128, 128, 0.80); | |||
border-radius: 100%; | |||
display: inline-block; | |||
color: rgba(128, 128, 128, 1.0); | |||
padding: 10%; | |||
} | |||
/*------------------------hotspots--------------------------*/ | |||
.hotspot { | |||
position: absolute; | |||
} | |||
.spot { | |||
height: 30px; | |||
width: 30px; | |||
background-color: rgba(7,122,213,1); | |||
border: 3px solid rgba(255,255,255,1); | |||
border-radius: 100%; | |||
line-height: 30px; | |||
} | |||
.spot span { | |||
white-space: nowrap; | |||
padding-left: 70%; | |||
padding-right: 5px; | |||
margin-left: 50%; | |||
background-color: rgba(7,122,213,.5); | |||
color: #fff; | |||
text-transform: uppercase; | |||
font-size: .85em; | |||
float: left; | |||
border-radius: 0px 30px 30px 0px; | |||
} | |||
.rightside .spot span { | |||
float: right; | |||
text-align: left; | |||
padding-left: auto; | |||
padding-right: 70%; | |||
margin-left: 0px; | |||
margin-right: 50%; | |||
border-radius: 30px 0px 0px 30px; | |||
} | |||
.spot.spoton { | |||
background-color: #fff; | |||
border: 1px solid #fff; | |||
} | |||
.spot:hover { | |||
background-color: #000; | |||
} | |||
.spot:hover span { | |||
background-color: rgba(0,0,0,.5); | |||
} | |||
.spotbox { | |||
background-color: rgba(255,255,255,1); | |||
width: 480px; | |||
position: absolute; | |||
font-size: .85em; | |||
border-radius: 30px; | |||
display: none; | |||
-webkit-box-shadow: 5px 5px 5px -1px rgba(0,0,0,0.28); | |||
-moz-box-shadow: 5px 5px 5px -1px rgba(0,0,0,0.28); | |||
box-shadow: 5px 5px 5px -1px rgba(0,0,0,0.28); | |||
top: 0px; | |||
left: 50%; | |||
border-radius: 0px 30px 30px 30px; | |||
} | |||
.rightside .spotbox { | |||
left: auto; | |||
top: 0px; | |||
right: 50%; | |||
border-radius: 30px 0px 30px 30px; | |||
-webkit-box-shadow: -5px 5px 5px -1px rgba(0,0,0,0.28); | |||
-moz-box-shadow: -5px 5px 5px -1px rgba(0,0,0,0.28); | |||
box-shadow: -5px 5px 5px -1px rgba(0,0,0,0.28); | |||
} | |||
.spotbox.viewit { | |||
display: block; | |||
z-index: +1; | |||
} | |||
.spotboxinner { | |||
display: table-cell; | |||
vertical-align: middle; | |||
} | |||
.spotcontent { | |||
display: inline-block; | |||
max-width: 1024px; | |||
padding: 30px; | |||
} | |||
.spotclose { | |||
background-color: #000; | |||
color: #fff; | |||
width: 30px; | |||
height: 30px; | |||
border-radius: 100%; | |||
line-height: 30px; | |||
font-weight: 900; | |||
margin-bottom: 5px; | |||
float: right; | |||
} | |||
.rightside .spotclose { | |||
float: none; | |||
} | |||
/*------------------------search--------------------------*/ | |||
form, text, submit { | |||
font-family: Abel, Arial, Helvetica, sans-serif; | |||
} | |||
.sitedir-ltr textarea, .sitedir-ltr input { | |||
direction: ltr; | |||
height: 30px; | |||
font-family: abel; | |||
border: none; | |||
} | |||
.search form .button { | |||
margin: 0px; | |||
} | |||
.label { | |||
background-color: #999999; | |||
} | } | ||
. | .iconic { | ||
{ | height: 30px; | ||
. | width: 30px; | ||
{ | background-repeat: no-repeat; | ||
. | background-position: center; | ||
background-size: contain; | |||
display: block; | |||
} | |||
.searchcon { | |||
background-image: url(http://rise.unistellar.com/images/4/41/Searchcon.png); | |||
} | |||
.menucon { | |||
background-image: url(http://rise.unistellar.com/images/2/25/Menucon.png); | |||
} | |||
.search form { | |||
vertical-align: top; | |||
} | |||
.search form .textbox { | |||
display: table-cell; | |||
margin: 0px; | |||
border: none; | |||
height: 30px; | |||
font-family: inherit; | |||
padding: 0px 10px 0px 10px; | |||
} | |||
.search form .button { | |||
display: table-cell; | |||
height: 30px; | |||
font-family: inherit; | |||
border: 2px solid #fff; | |||
background-color: #333333; | |||
color: #fff; | |||
padding: 0px 10px 0px 10px; | |||
} | |||
.search form .button:hover { | |||
background-color: rgba(7,122,213,1); | |||
} | |||
.search.viewit { | |||
display: table-cell; | |||
} | |||
/*------------------------------------------*/ | /*------------------------general--------------------------*/ | ||
.thumb.tright .thumbinner | img.thumbimage { | ||
display: block; | |||
. | box-sizing: border-box; | ||
-moz-box-sizing: border-box; | |||
-webkit-box-sizing: border-box; | |||
padding: 20px; | |||
} | |||
.thumbinner { | |||
margin: 1em; | |||
} | |||
.thumb.tright .thumbinner { | |||
margin-right: 0px; | |||
margin-top: 0px; | |||
} | |||
.thumbinner { | |||
width: auto !important; | |||
} | |||
.thumb.tright { | |||
width: 25%; | |||
min-width: 260px; | |||
} | } | ||
.contentblock .label { | |||
table. | color: #fff; | ||
{ | font-size: .7em padding:1em; | ||
margin: 0px; | |||
background-color: #999999; | |||
padding: 0px 1em 0px 1em; | |||
font-size: .75em; | |||
text-transform: uppercase; | |||
font-weight: 100; | |||
} | |||
.contentblock .title { | |||
background-color: #fff; | |||
padding: 30px; | |||
padding-bottom: 0px; | |||
margin: 0px; | |||
} | |||
.contentblock .subtitle { | |||
font-size: inherit; | |||
background-color: inherit; | |||
color: inherit; | |||
background-color: #fff; | |||
margin: 0px; | |||
padding: 30px; | |||
padding-top: 0px; | |||
} | |||
#filetoc { | |||
background-color: rgba(7,122,213,0.20); | |||
margin: 0px; | |||
padding: 0px; | |||
border: none; | |||
} | |||
#filetoc li { | |||
display: table-cell; | |||
padding: 0px; | |||
margin: 0px; | |||
border-top: none; | |||
} | |||
#filetoc li a { | |||
text-decoration: none; | |||
padding: 1em; | |||
border-right: 1px solid #999999; | |||
display: table-cell; | |||
background-color: rgba(7,122,213,0.80); | |||
border: 1px solid rgba(0,0,0,0.2); | |||
color: #fff; | |||
} | |||
#filetoc li a:hover { | |||
background-color: rgba(7,122,213,1.0); | |||
} | |||
table.standard { | |||
border-collapse: collapse; | border-collapse: collapse; | ||
background-color:transparent; | display: block; | ||
width: | background-color: transparent; | ||
overflow-x: scroll; | |||
padding-left: 220px; | |||
} | |||
table.standard tr { | |||
margin: 0px; | |||
min-width: 220px; | |||
} | |||
table.standard th { | |||
min-width: 210px; | |||
padding: 5px 10px 5px 10px; | |||
border-bottom: 1px solid #999; | |||
background-color: #fff; | |||
} | |||
table.standard th:first-child { | |||
position: absolute; | |||
z-index: +1; | |||
margin-left: -220px; | |||
border-right: 5px solid #DCDCDC; | |||
min-width: 200px; | |||
} | |||
table.standard td { | |||
border-bottom: 1px solid #DCDCDC; | |||
padding: 10px; | |||
min-width: 200px; | |||
} | |||
table.standard td:first-child { | |||
position: absolute; | |||
z-index: +1; | |||
margin-left: -220px; | |||
background-color: #fff; | |||
font-weight: 700; | |||
border-top: 1px solid #999; | |||
border-right: 5px solid #DCDCDC; | |||
} | |||
table.standard col.titlecolumn { | |||
background: rgba(224,15,19,1.00); | |||
margin-top: -1px; | |||
} | } | ||
@media screen and (max-width: 1024px) { | |||
{ | p { | ||
clear: both; | |||
} | |||
.thumb { | |||
background-color: #fff; | |||
} | |||
.thumb.tright { | |||
min-width: 0px; | |||
float: none; | |||
display: table-cell; | |||
vertical-align: middle; | |||
} | |||
.thumbinner { | |||
margin: 0px; | |||
} | |||
.nav li { | |||
height: auto; | |||
} | |||
} | |||
a { | |||
{ | text-decoration: none; | ||
} | |||
a.new { | |||
color: #077ad5; | |||
} | } | ||
h4.label { | |||
margin: 0px; | |||
background-color: #fff; | |||
border-bottom: 1px dashed #999999; | |||
padding: 1% 5% 1% 5%; | |||
text-transform: uppercase; | |||
} | |||
#mw-wikiforum-searchbox-border { | |||
border: none; | |||
} | |||
#mw-wikiforum-searchbox { | |||
float: none; | |||
margin: 0px; | |||
background-color: #cccccc; | |||
padding: 10px; | |||
text-align: right; | |||
} | |||
#mw-wikiforum-searchbox img { | |||
vertical-align: middle; | |||
} | |||
#mw-wikiforum-searchbox form { | |||
display: inline-block; | |||
} | |||
/*------------------------------------------*/ | /*------------------------------------------*/ | ||
.profile-actions { | |||
{display:block; | color: transparent; | ||
} | |||
table | .profile-actions a { | ||
{ | border: none; | ||
background-color: rgba(7,122,213,0.80); | |||
border: 1px solid rgba(0,0,0,0.2); | |||
padding: 30px; | |||
display: inline-block; | |||
margin: 5px; | |||
margin-right: -5px; | |||
font-weight: 100; | |||
color: #fff; | |||
} | |||
.profile-actions a:hover { | |||
background-color: rgba(7,122,213,1); | |||
text-decoration: none; | |||
} | |||
/*------------------------------------------*/ | |||
#profile-top { | |||
padding: 5% 10% 5% 10%; | |||
} | |||
#user-page-left.clearfix, #user-page-right.clearfix { | |||
display: inherit; | |||
} | |||
#user-page-left, #user-page-right { | |||
padding: 5% 10% 5% 10%; | |||
width: 30%; | |||
float: left; | |||
} | |||
.user-relationship-container a { | |||
width: 20%; | |||
margin: 2.5%; | |||
} | |||
.user-relationship-container img { | |||
width: 100%; | |||
} | |||
/*.mw-content-ltr | |||
{display:table;width:100%;} | |||
*/ | |||
#profile-image, #profile-right, #profile-title, #points-level, #honorific-level { | |||
float: none; | |||
margin: 0px; | |||
} | |||
#profile-title-container { | |||
padding: 0px; | |||
} | |||
#points-level { | |||
max-width: 20vw; | |||
margin: auto; | |||
background-color: #077ad5; | |||
} | |||
#profile-image img { | |||
width: 20vw; | |||
border: none; | |||
background-color: #fff; | |||
padding: 0px; | |||
} | |||
.sitedir-ltr textarea { | |||
width: 100%; | |||
} | } | ||
/*------------------------------------------*/ | |||
table.sidebar th:first-child | .thumb.tright .thumbinner { | ||
{border-right:5px solid #999;} | margin: 0px; | ||
} | |||
.center { | |||
display: table-cell; | |||
vertical-align: middle; | |||
background-color: #fff; | |||
} | |||
.center .thumb .thumbinner { | |||
margin: 0px; | |||
} | |||
.center .thumb { | |||
width: auto; | |||
min-width: 0px; | |||
} | |||
/*------------------------------------------*/ | |||
table.basic { | |||
border-collapse: collapse; | |||
background-color: transparent; | |||
width: 100%; | |||
} | |||
table.basic tr { | |||
margin: 0px; | |||
} | |||
table.basic th { | |||
padding: 5px; | |||
border-bottom: 1px solid #999; | |||
background-color: #fff; | |||
} | |||
table.basic td { | |||
border-bottom: 1px solid #999; | |||
padding: 5px; | |||
border-right: 1px solid rgba(153,153,153,.4); | |||
} | |||
/*------------------------------------------*/ | |||
table.scroller { | |||
display: block; | |||
overflow-x: scroll; | |||
} | |||
table.scroller td { | |||
min-width: 20vw; | |||
} | |||
table.sidebar th:first-child { | |||
border-right: 5px solid #999; | |||
} | |||
table.sidebar td:first-child { | |||
background-color: #fff; | |||
border-right: 5px solid #999; | |||
; | |||
} | |||
/*------------------------------------------*/ | |||
table.mw-wikiforum-frame { | |||
background-color: transparent; | |||
border: none; | |||
margin: 0px; | |||
border-collapse: collapse; | |||
} | |||
table.mw-wikiforum-frame th, table.mw-wikiforum-frame td { | |||
padding: 0px; | |||
} | |||
td.mw-wikiforum-innerframe { | |||
border: none; | |||
} | |||
td.mw-wikiforum-innerframe .contentblock { | |||
background-color: transparent; | |||
padding: 0px; | |||
} | |||
p.mw-wikiforum-descr, p.mw-wikiforum-valuetitle, td.mw-wikiforum-value, .label { | |||
color: inherit; | |||
} | |||
.mw-wikiforum-issue { | |||
font-size: 1.5em; | |||
margin: 0px; | |||
padding-top: .5em; | |||
padding-bottom: .5em; | |||
} | |||
tr.mw-wikiforum-title { | |||
background-color: #fff; | |||
} | |||
table.mw-wikiforum-title th, table.mw-wikiforum-title td { | |||
border-top: none; | |||
border-bottom: 1px solid #999999; | |||
padding: 5px; | |||
} | |||
/*------------------------------------------*/ | |||
table.wikitable { | |||
border-collapse: collapse; | |||
background-color: transparent; | |||
width: 100%; | |||
border: none; | |||
} | |||
table.wikitable tr { | |||
margin: 0px; | |||
} | |||
table.wikitable > * > tr > th { | |||
padding: 5px; | |||
border: none; | |||
border-bottom: 1px solid #999; | |||
background-color: #fff; | |||
text-align: left; | |||
vertical-align: bottom; | |||
} | |||
table.wikitable > * > tr > td { | |||
border: none; | |||
border-bottom: 1px solid #999; | |||
padding: 5px; | |||
border-left: 1px solid rgba(153,153,153,.4); | |||
vertical-align: top; | |||
} | |||
table.wikitable > * > tr > td:first-child { | |||
border-left: none; | |||
} | |||
/*------------------------------------------*/ | |||
table.basic { | |||
border-collapse: collapse; | |||
background-color: transparent; | |||
width: 100%; | |||
} | |||
table.basic tr { | |||
margin: 0px; | |||
} | |||
table.basic th { | |||
padding: 5px; | |||
border-bottom: 1px solid #999; | |||
background-color: #fff; | |||
vertical-align: bottom; | |||
} | |||
table.basic td { | |||
border-bottom: 1px solid #999; | |||
padding: 5px; | |||
border-right: none; | |||
border-left: 1px solid rgba(153,153,153,.4); | |||
vertical-align: top; | |||
} | |||
table.basic td:first-child { | |||
border-left: none; | |||
} | |||
/*------------------------------------------*/ | /*------------------------------------------*/ | ||
| Line 83: | Line 984: | ||
@media screen and (max-width: 768px) { | |||
.thumb.tright { | |||
width: 50%; | |||
height: 40vw; | |||
display: table; | |||
float: left; | |||
} | |||
.thumb.tright .thumbinner { | |||
display: table-cell; | |||
vertical-align: middle; | |||
} | |||
table.wikitable { | |||
overflow-x: scroll; | |||
display: block; | |||
} | |||
table.wikitable td { | |||
min-width: 50vw; | |||
} | |||
.contentcolumn.centered { | |||
margin-top: 0px; | |||
} | |||
.blockbreak h2 { | |||
font-size: 1em; | |||
} | |||
.blockbreak .catlinks | |||
{font-size:.5em; text-align:center;} | |||
#catlinks{text-align:inherit;} | |||
.center { | .center { | ||
display: block; | |||
float:left; | float: left; | ||
width:50%; | width: 50%; | ||
} | } | ||
.center .thumb .thumbinner { | .center .thumb .thumbinner { | ||
margin: 0px; | |||
height: 50vw; | |||
vertical-align: middle; | |||
display: table-cell; | |||
} | } | ||
.contentcolumn .contentblock { | .contentcolumn .contentblock { | ||
clear: both; | |||
} | |||
#mw-wikiforum-searchbox { | |||
text-align: center; | |||
} | |||
/*------------------------------------------*/ | |||
table.mw-wikiforum-frame { | |||
display: block; | |||
} | |||
table.mw-wikiforum-frame tbody { | |||
display: table; | |||
width: 100%; | |||
} | |||
table.mw-wikiforum-frame td { | |||
display: block; | |||
text-align: center; | |||
} | |||
tr.mw-wikiforum-title { | |||
display: none; | |||
} | |||
table.mw-wikiforum-frame td.mw-wikiforum-value { | |||
display: none; | |||
} | |||
table.basic { | |||
overflow-x: scroll; | |||
display: block; | |||
} | |||
table.basic td { | |||
min-width: 50vw; | |||
} | |||
#user-page-left, #user-page-right { | |||
padding: 5% 10% 5% 10%; | |||
width: auto; | |||
float: none; | |||
} | |||
.header { | |||
position: static; | |||
} | |||
.mainnav { | |||
position: relative; | |||
width: 100%; | |||
} | |||
.sitecon { | |||
height: 20px; | |||
width: 20px; | |||
} | |||
.netcon { | |||
width: 20px; | |||
} | |||
.sitelogo { | |||
width: 102px; | |||
background-size: contain; | |||
} | |||
.netnav { | |||
width: auto; | |||
} | |||
.nav { | |||
width: auto; | |||
} | |||
.footer ul.footernav li { | |||
float: none; | |||
width: auto; | |||
} | |||
ul.footernav.social { | |||
min-width: 0px; | |||
} | |||
.blockbreak { | |||
font-size: 3em; | |||
} | |||
.contentcolumn .contentblock { | |||
display: block; | |||
} | |||
.contentblock { | |||
text-align: left; | |||
width: auto; | |||
} | |||
.pinned .half { | |||
width: auto; | |||
} | |||
.pinned .quarter { | |||
width: auto; | |||
} | |||
.pinned .third { | |||
width: auto; | |||
} | |||
.threetwentymin { | |||
min-width: 0px; | |||
} | |||
.sixfortymin { | |||
min-width: 0px; | |||
} | |||
button { | |||
padding: 20px; | |||
display: block; | |||
margin: 0px; | |||
width: 100%; | |||
float: none; | |||
} | |||
.mw-search button | |||
{ | |||
width:auto; | |||
} | |||
/*------------------------search--------------------------*/ | |||
.iconic { | |||
height: 20px; | |||
width: 20px; | |||
} | |||
.searchcon { | |||
height: 30px; | |||
} | |||
/*------------------------search--------------------------*/ | |||
.search.viewit { | |||
display: table-cell; | |||
vertical-align: top; | |||
padding-right: 12px; | |||
} | |||
.search { | |||
display: none; | |||
} | |||
.mobilemode.viewtoggle { | |||
display: table-cell; | |||
} | |||
/*------------------------hotspot--------------------------*/ | |||
.spotbox, .rightside .spotbox { | |||
width: auto; | |||
position: fixed; | |||
top: 0px; | |||
left: 0px; | |||
right: 0px; | |||
bottom: 0px; | |||
border-radius: 0px; | |||
} | |||
.spot span { | |||
font-size: .75em; | |||
} | |||
.spotbox.viewit { | |||
display: table; | |||
height: 100%; | |||
} | |||
.spot { | |||
height: 15px; | |||
width: 15px; | |||
line-height: 15px; | |||
} | |||
.spotclose { | |||
float: none; | |||
} | |||
} | } | ||
/*------------------------------------------*/ | |||
@media screen and (max-width: 480px) { | |||
.thumb.tright { | |||
width: 100%; | |||
height: auto; | |||
display: block; | |||
float: none; | |||
} | |||
.thumb.tright .thumbinner | |||
{ | { | ||
display:block; | |||
} | } | ||
.blockbreak h2 | |||
{ | { | ||
font-size:1em; | |||
} | } | ||
#mw-wikiforum-searchbox form { | |||
display: block; | |||
width: 100%; | |||
} | |||
#mw-wikiforum-searchbox-border { | |||
width: 100%; | |||
} | |||
h1 { | |||
font-size: 2.5em; | |||
} | |||
h2 { | |||
font-size: 1.5em; | |||
} | |||
.contentcolumn, .contentcolumn { | |||
display: block; | |||
} | |||
.quarter, .third, .half { | |||
width: auto; | |||
} | |||
.pinned .half { | |||
width: 50%; | |||
} | |||
.pinned .quarter { | |||
width: 25%; | |||
} | |||
.pinned .third { | |||
width: 33%; | |||
} | |||
.nav { | |||
display: none; | |||
} | |||
ul.tabled .nav li { | |||
display: block; | |||
} | |||
ul.tabled li ul { | |||
position: relative; | |||
} | |||
.nav li { | |||
height: auto; | |||
} | |||
.blockbreak { | |||
font-size: 2em; | |||
} | |||
li.mobilemode.navtoggle { | |||
display: table-cell; | |||
} | |||
.contentcolumn.pinned { | |||
width: 100%; | |||
} | |||
.viewit { | |||
display: block; | |||
} | |||
.splashrow .contentblock { | |||
margin: 0px; | |||
} | |||
.overlay { | |||
position: relative; | |||
top: 0%; | |||
left: 0%; | |||
right: 0%; | |||
} | |||
.contentblock.left { | |||
border: none; | |||
} | |||
.contentblock.right { | |||
border: none; | |||
} | |||
.mobileoff { | |||
display: none; | |||
} | |||
.footer ul.footernav li { | |||
display: block; | |||
float: left; | |||
width: 50%; | |||
padding: 0px; | |||
margin-bottom: 10%; | |||
} | |||
.footer ul.footernav li ul li { | |||
width: auto; | |||
float: none; | |||
padding: 10px; | |||
} | |||
/*------------------------hotspot--------------------------*/ | |||
.spotbox { | |||
width: 320px; | |||
} | |||
} | } | ||
Latest revision as of 21:24, 25 May 2017
@import url('https://fonts.googleapis.com/css?family=Abel');
textarea
{min-height:320px;padding:10px;}
.iconish {
height: 30px;
}
.mobilemode.navtoggle {
display: none;
}
.mobilemode {
display: none;
}
.viewit {
display: table-cell;
}
.vertical.viewit {
display: block;
}
body {
font-family: Abel, Arial, Helvetica, sans-serif;
background-color: #999999;
padding: 0px;
margin: 0px;
background-image: url(http://rise.unistellar.com/skins/rise/assets/stylesheets/parts/risecon-white-5p.png);
background-size: 2%;
background-attachment: fixed;
}
a {
color: #077ad5;
}
a:hover {
text-decoration: underline;
cursor: pointer;
}
h1, h2, h3, h4, h5, h6 {
font-family: inherit;
}
h1 {
font-size: 3em;
}
h2 {
font-size: 2em;
}
p.mw-wikiforum-descr, p.mw-wikiforum-valuetitle, td.mw-wikiforum-value, .label {
font-family: inherit;
font-size: inherit;
}
p < .image {
padding: 0px !important;
margin: 0px !important;
}
.mw-content-ltr ul, ul
{text-align:left;
padding: 0px 10% 0px 10%;
}
li
{}
.image img {
width: 100%;
height: auto;
display:block;
}
.fullImageLink img {
width: 100%;
height: auto;
}
table.wikitable {
width: 100%;
}
a.image img:hover {
opacity: .9;
}
p {
display: block;
padding-top: 1em;
padding-bottom: 1em;
}
button {
border: none;
background-color: rgba(7,122,213,0.80);
border: 1px solid rgba(0,0,0,0.2);
padding: 30px;
display: inline-block;
margin: 5px;
color: #fff;
}
button:hover {
background-color: rgba(7,122,213,1);
}
button:active {
background-color: #000;
;
color: #fff;
}
ul.tabled {
display: table-cell;
padding: 0px;
margin: 0px;
list-style: none;
vertical-align: top;
float: left;
}
ul.tabled.right {
float: right;
}
ul.tabled li {
display: table-cell;
vertical-align: middle;
}
ul.tabled li ul {
position: absolute;
top: 100%;
left: 0px;
padding: 0px;
font-size: .9em;
display: none;
}
ul.tabled li ul li {
display: block;
}
div.tabled {
display: table;
}
div.celled {
display: table-cell;
}
/*------------------all things header-------------*/
.header {
position: fixed;
left: 0px;
top: 0px;
z-index: +2;
right: 0px;
color: rgba(255,255,255,.7);
}
.sitecon {
height: 30px;
width: 51px;
background-image: url(http://rise.unistellar.com/skins/rise/assets/stylesheets/parts/risecon-white.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.netcon {
height: 30px;
width: 30px;
background-image: url(http://rise.unistellar.com/skins/rise/assets/stylesheets/parts/netcon-white.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.sitelogo {
height: 30px;
width: 204px;
background-image: url(http://rise.unistellar.com/skins/rise/assets/stylesheets/parts/riselogo-white.png);
background-repeat: no-repeat;
background-position: center left;
background-size: cover;
}
.mainnav {
position: absolute;
z-index: +1;
top: 0px;
}
.mainnav, .mainnav ul, .mainnav li {
color: rgba(255,255,255,.7);
background-color: #333333;
}
.netnav {
position: absolute;
z-index: +1;
right: 0px;
top: 0px;
}
.netnav, .netnav ul, .netnav li {
color: rgba(255,255,255,.7);
background-color: #077ad5;
}
.subtitle {
color: #fff;
font-size: .6em;
background-color: #077ad5;
padding-left: 1em;
padding-right: 1em;
}
.header a {
color: inherit;
text-decoration: none;
}
.header a:hover {
text-decoration: none;
}
.header ul li {
border-right: 1px solid rgba(0,0,0,0.2);
padding: 10px;
}
.header ul li.noborder {
border: none;
}
/*-----------------nav area---------------*/
.nav {
display: table-cell;
text-transform: uppercase;
vertical-align: bottom;
}
.nav li {
position: relative;
border: none;
height: 30px;
}
.nav li:hover {
background-color: #fff;
color: #000;
}
.nav li ul {
margin: 0px;
}
.nav li ul li {
height: auto;
max-width: 320px;
border: none;
}
.nav.vertical li {
display: block;
height: auto;
}
.nav.vertical li ul {
position: relative;
}
/*-----------------footer area---------------*/
.footer {
display: block;
background-color: #333333;
padding: 10%;
text-align: center;
color: #fff;
}
.footer ul.footernav {
display: table;
width: 100%;
padding: 0px;
margin: 0px;
list-style: none;
vertical-align: top;
font-size: 1.25em;
padding-bottom: 5%;
}
.footer ul.footernav li {
display: table-cell;
vertical-align: top;
padding: 10px;
}
.footer ul.footernav li ul {
padding: 0px;
margin: 0px;
font-size: .8em;
border-top: 2px solid rgba(255,255,255,.2);
margin: 5%;
}
.footer ul.footernav li ul li {
display: block;
margin: 0px;
}
.footer a {
color: inherit;
}
ul.footernav.social {
width: 25%;
min-width: 320px;
display: inline-block;
}
/*-------------------containers------------------------------*/
.primebackground img {
width: 100%;
display: block;
}
.contentrow {
position: relative;
text-align: center;
}
.contentcolumn {
display: table-cell;
vertical-align: middle;
}
.contentcolumn.centered {
width: 100%;
max-width: 1280px;
position: relative;
display: inline-block;
}
.contentcolumn.full {
display: table;
}
.full {
width: 100%;
}
.half {
width: 50%;
}
.quarter {
width: 25%;
}
.third {
width: 33%;
}
.splashrow .contentcolumn {
vertical-align: middle;
}
.splashrow {
min-height: 100vh;
background-attachment: fixed;
background-size: cover;
background-position: center;
}
.splashrow.stars {
background-image: url( backgrounds/stars.jpg);
}
.splashrow.sky {
background-image: url( backgrounds/sky.jpg);
}
.splashrow.city {
background-image: url( backgrounds/city.jpg);
}
.threetwentymin {
min-width: 320px;
}
.sixfortymin {
min-width: 640px;
}
.contentblock {
padding: 10%;
background-color: rgba(255, 255, 255, 0.80);
text-align: left;
}
.contentcolumn .contentblock {
background-color: transparent;
}
.contentcolumn .contentblock a:hover {
text-decoration: underline;
}
.contentcolumn.centered {
margin-top: 10%;
background-color: rgba(255,255,255,0.85);
}
.contentcolumn .contentblock {
display: block;
padding: 5% 10% 5% 10%;
}
.contentblock.left {
border-left: 10px solid #333333;
}
.contentblock.right {
border-right: 10px solid #333333;
}
.contentblock.clear {
background-color: transparent;
}
.contentcolumn {
display: table-cell;
vertical-align: top;
}
.contentrow.bgwhite {
background-color: rgba(255, 255, 255, 0.80);
}
.contentrow.bgwhite .contentblock {
background-color: transparent;
}
.blockbreak {
padding: 5%;
margin: 0px;
background-color: #fff;
font-weight: 700;
}
.blockbreak h2 {
padding:0px;
margin: 0px;
font-size:5em;
}
.overlay {
position: absolute;
top: 25%;
left: 25%;
right: 25%;
}
.overlay .contentblock {
text-align: center;
display: block;
}
.splashrow .contentblock {
display: block;
margin-top: 20%;
margin-bottom: 20%;
}
.splashrow .imageblock {
text-align: center;
padding: 60px;
}
.splashrow .imageblock img {
width: 100%;
display: block;
padding: 0px;
margin: 0px;
}
.imagefull img {
width: 100%;
}
.imagefull {
position: relative;
}
.icon.standin {
background-color: rgba(255, 255, 255, 0.80);
border: 1px dashed rgba(128, 128, 128, 0.80);
border-radius: 100%;
display: inline-block;
color: rgba(128, 128, 128, 1.0);
padding: 10%;
}
/*------------------------hotspots--------------------------*/
.hotspot {
position: absolute;
}
.spot {
height: 30px;
width: 30px;
background-color: rgba(7,122,213,1);
border: 3px solid rgba(255,255,255,1);
border-radius: 100%;
line-height: 30px;
}
.spot span {
white-space: nowrap;
padding-left: 70%;
padding-right: 5px;
margin-left: 50%;
background-color: rgba(7,122,213,.5);
color: #fff;
text-transform: uppercase;
font-size: .85em;
float: left;
border-radius: 0px 30px 30px 0px;
}
.rightside .spot span {
float: right;
text-align: left;
padding-left: auto;
padding-right: 70%;
margin-left: 0px;
margin-right: 50%;
border-radius: 30px 0px 0px 30px;
}
.spot.spoton {
background-color: #fff;
border: 1px solid #fff;
}
.spot:hover {
background-color: #000;
}
.spot:hover span {
background-color: rgba(0,0,0,.5);
}
.spotbox {
background-color: rgba(255,255,255,1);
width: 480px;
position: absolute;
font-size: .85em;
border-radius: 30px;
display: none;
-webkit-box-shadow: 5px 5px 5px -1px rgba(0,0,0,0.28);
-moz-box-shadow: 5px 5px 5px -1px rgba(0,0,0,0.28);
box-shadow: 5px 5px 5px -1px rgba(0,0,0,0.28);
top: 0px;
left: 50%;
border-radius: 0px 30px 30px 30px;
}
.rightside .spotbox {
left: auto;
top: 0px;
right: 50%;
border-radius: 30px 0px 30px 30px;
-webkit-box-shadow: -5px 5px 5px -1px rgba(0,0,0,0.28);
-moz-box-shadow: -5px 5px 5px -1px rgba(0,0,0,0.28);
box-shadow: -5px 5px 5px -1px rgba(0,0,0,0.28);
}
.spotbox.viewit {
display: block;
z-index: +1;
}
.spotboxinner {
display: table-cell;
vertical-align: middle;
}
.spotcontent {
display: inline-block;
max-width: 1024px;
padding: 30px;
}
.spotclose {
background-color: #000;
color: #fff;
width: 30px;
height: 30px;
border-radius: 100%;
line-height: 30px;
font-weight: 900;
margin-bottom: 5px;
float: right;
}
.rightside .spotclose {
float: none;
}
/*------------------------search--------------------------*/
form, text, submit {
font-family: Abel, Arial, Helvetica, sans-serif;
}
.sitedir-ltr textarea, .sitedir-ltr input {
direction: ltr;
height: 30px;
font-family: abel;
border: none;
}
.search form .button {
margin: 0px;
}
.label {
background-color: #999999;
}
.iconic {
height: 30px;
width: 30px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
display: block;
}
.searchcon {
background-image: url(http://rise.unistellar.com/images/4/41/Searchcon.png);
}
.menucon {
background-image: url(http://rise.unistellar.com/images/2/25/Menucon.png);
}
.search form {
vertical-align: top;
}
.search form .textbox {
display: table-cell;
margin: 0px;
border: none;
height: 30px;
font-family: inherit;
padding: 0px 10px 0px 10px;
}
.search form .button {
display: table-cell;
height: 30px;
font-family: inherit;
border: 2px solid #fff;
background-color: #333333;
color: #fff;
padding: 0px 10px 0px 10px;
}
.search form .button:hover {
background-color: rgba(7,122,213,1);
}
.search.viewit {
display: table-cell;
}
/*------------------------general--------------------------*/
img.thumbimage {
display: block;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding: 20px;
}
.thumbinner {
margin: 1em;
}
.thumb.tright .thumbinner {
margin-right: 0px;
margin-top: 0px;
}
.thumbinner {
width: auto !important;
}
.thumb.tright {
width: 25%;
min-width: 260px;
}
.contentblock .label {
color: #fff;
font-size: .7em padding:1em;
margin: 0px;
background-color: #999999;
padding: 0px 1em 0px 1em;
font-size: .75em;
text-transform: uppercase;
font-weight: 100;
}
.contentblock .title {
background-color: #fff;
padding: 30px;
padding-bottom: 0px;
margin: 0px;
}
.contentblock .subtitle {
font-size: inherit;
background-color: inherit;
color: inherit;
background-color: #fff;
margin: 0px;
padding: 30px;
padding-top: 0px;
}
#filetoc {
background-color: rgba(7,122,213,0.20);
margin: 0px;
padding: 0px;
border: none;
}
#filetoc li {
display: table-cell;
padding: 0px;
margin: 0px;
border-top: none;
}
#filetoc li a {
text-decoration: none;
padding: 1em;
border-right: 1px solid #999999;
display: table-cell;
background-color: rgba(7,122,213,0.80);
border: 1px solid rgba(0,0,0,0.2);
color: #fff;
}
#filetoc li a:hover {
background-color: rgba(7,122,213,1.0);
}
table.standard {
border-collapse: collapse;
display: block;
background-color: transparent;
overflow-x: scroll;
padding-left: 220px;
}
table.standard tr {
margin: 0px;
min-width: 220px;
}
table.standard th {
min-width: 210px;
padding: 5px 10px 5px 10px;
border-bottom: 1px solid #999;
background-color: #fff;
}
table.standard th:first-child {
position: absolute;
z-index: +1;
margin-left: -220px;
border-right: 5px solid #DCDCDC;
min-width: 200px;
}
table.standard td {
border-bottom: 1px solid #DCDCDC;
padding: 10px;
min-width: 200px;
}
table.standard td:first-child {
position: absolute;
z-index: +1;
margin-left: -220px;
background-color: #fff;
font-weight: 700;
border-top: 1px solid #999;
border-right: 5px solid #DCDCDC;
}
table.standard col.titlecolumn {
background: rgba(224,15,19,1.00);
margin-top: -1px;
}
@media screen and (max-width: 1024px) {
p {
clear: both;
}
.thumb {
background-color: #fff;
}
.thumb.tright {
min-width: 0px;
float: none;
display: table-cell;
vertical-align: middle;
}
.thumbinner {
margin: 0px;
}
.nav li {
height: auto;
}
}
a {
text-decoration: none;
}
a.new {
color: #077ad5;
}
h4.label {
margin: 0px;
background-color: #fff;
border-bottom: 1px dashed #999999;
padding: 1% 5% 1% 5%;
text-transform: uppercase;
}
#mw-wikiforum-searchbox-border {
border: none;
}
#mw-wikiforum-searchbox {
float: none;
margin: 0px;
background-color: #cccccc;
padding: 10px;
text-align: right;
}
#mw-wikiforum-searchbox img {
vertical-align: middle;
}
#mw-wikiforum-searchbox form {
display: inline-block;
}
/*------------------------------------------*/
.profile-actions {
color: transparent;
}
.profile-actions a {
border: none;
background-color: rgba(7,122,213,0.80);
border: 1px solid rgba(0,0,0,0.2);
padding: 30px;
display: inline-block;
margin: 5px;
margin-right: -5px;
font-weight: 100;
color: #fff;
}
.profile-actions a:hover {
background-color: rgba(7,122,213,1);
text-decoration: none;
}
/*------------------------------------------*/
#profile-top {
padding: 5% 10% 5% 10%;
}
#user-page-left.clearfix, #user-page-right.clearfix {
display: inherit;
}
#user-page-left, #user-page-right {
padding: 5% 10% 5% 10%;
width: 30%;
float: left;
}
.user-relationship-container a {
width: 20%;
margin: 2.5%;
}
.user-relationship-container img {
width: 100%;
}
/*.mw-content-ltr
{display:table;width:100%;}
*/
#profile-image, #profile-right, #profile-title, #points-level, #honorific-level {
float: none;
margin: 0px;
}
#profile-title-container {
padding: 0px;
}
#points-level {
max-width: 20vw;
margin: auto;
background-color: #077ad5;
}
#profile-image img {
width: 20vw;
border: none;
background-color: #fff;
padding: 0px;
}
.sitedir-ltr textarea {
width: 100%;
}
/*------------------------------------------*/
.thumb.tright .thumbinner {
margin: 0px;
}
.center {
display: table-cell;
vertical-align: middle;
background-color: #fff;
}
.center .thumb .thumbinner {
margin: 0px;
}
.center .thumb {
width: auto;
min-width: 0px;
}
/*------------------------------------------*/
table.basic {
border-collapse: collapse;
background-color: transparent;
width: 100%;
}
table.basic tr {
margin: 0px;
}
table.basic th {
padding: 5px;
border-bottom: 1px solid #999;
background-color: #fff;
}
table.basic td {
border-bottom: 1px solid #999;
padding: 5px;
border-right: 1px solid rgba(153,153,153,.4);
}
/*------------------------------------------*/
table.scroller {
display: block;
overflow-x: scroll;
}
table.scroller td {
min-width: 20vw;
}
table.sidebar th:first-child {
border-right: 5px solid #999;
}
table.sidebar td:first-child {
background-color: #fff;
border-right: 5px solid #999;
;
}
/*------------------------------------------*/
table.mw-wikiforum-frame {
background-color: transparent;
border: none;
margin: 0px;
border-collapse: collapse;
}
table.mw-wikiforum-frame th, table.mw-wikiforum-frame td {
padding: 0px;
}
td.mw-wikiforum-innerframe {
border: none;
}
td.mw-wikiforum-innerframe .contentblock {
background-color: transparent;
padding: 0px;
}
p.mw-wikiforum-descr, p.mw-wikiforum-valuetitle, td.mw-wikiforum-value, .label {
color: inherit;
}
.mw-wikiforum-issue {
font-size: 1.5em;
margin: 0px;
padding-top: .5em;
padding-bottom: .5em;
}
tr.mw-wikiforum-title {
background-color: #fff;
}
table.mw-wikiforum-title th, table.mw-wikiforum-title td {
border-top: none;
border-bottom: 1px solid #999999;
padding: 5px;
}
/*------------------------------------------*/
table.wikitable {
border-collapse: collapse;
background-color: transparent;
width: 100%;
border: none;
}
table.wikitable tr {
margin: 0px;
}
table.wikitable > * > tr > th {
padding: 5px;
border: none;
border-bottom: 1px solid #999;
background-color: #fff;
text-align: left;
vertical-align: bottom;
}
table.wikitable > * > tr > td {
border: none;
border-bottom: 1px solid #999;
padding: 5px;
border-left: 1px solid rgba(153,153,153,.4);
vertical-align: top;
}
table.wikitable > * > tr > td:first-child {
border-left: none;
}
/*------------------------------------------*/
table.basic {
border-collapse: collapse;
background-color: transparent;
width: 100%;
}
table.basic tr {
margin: 0px;
}
table.basic th {
padding: 5px;
border-bottom: 1px solid #999;
background-color: #fff;
vertical-align: bottom;
}
table.basic td {
border-bottom: 1px solid #999;
padding: 5px;
border-right: none;
border-left: 1px solid rgba(153,153,153,.4);
vertical-align: top;
}
table.basic td:first-child {
border-left: none;
}
/*------------------------------------------*/
@media screen and (max-width: 768px) {
.thumb.tright {
width: 50%;
height: 40vw;
display: table;
float: left;
}
.thumb.tright .thumbinner {
display: table-cell;
vertical-align: middle;
}
table.wikitable {
overflow-x: scroll;
display: block;
}
table.wikitable td {
min-width: 50vw;
}
.contentcolumn.centered {
margin-top: 0px;
}
.blockbreak h2 {
font-size: 1em;
}
.blockbreak .catlinks
{font-size:.5em; text-align:center;}
#catlinks{text-align:inherit;}
.center {
display: block;
float: left;
width: 50%;
}
.center .thumb .thumbinner {
margin: 0px;
height: 50vw;
vertical-align: middle;
display: table-cell;
}
.contentcolumn .contentblock {
clear: both;
}
#mw-wikiforum-searchbox {
text-align: center;
}
/*------------------------------------------*/
table.mw-wikiforum-frame {
display: block;
}
table.mw-wikiforum-frame tbody {
display: table;
width: 100%;
}
table.mw-wikiforum-frame td {
display: block;
text-align: center;
}
tr.mw-wikiforum-title {
display: none;
}
table.mw-wikiforum-frame td.mw-wikiforum-value {
display: none;
}
table.basic {
overflow-x: scroll;
display: block;
}
table.basic td {
min-width: 50vw;
}
#user-page-left, #user-page-right {
padding: 5% 10% 5% 10%;
width: auto;
float: none;
}
.header {
position: static;
}
.mainnav {
position: relative;
width: 100%;
}
.sitecon {
height: 20px;
width: 20px;
}
.netcon {
width: 20px;
}
.sitelogo {
width: 102px;
background-size: contain;
}
.netnav {
width: auto;
}
.nav {
width: auto;
}
.footer ul.footernav li {
float: none;
width: auto;
}
ul.footernav.social {
min-width: 0px;
}
.blockbreak {
font-size: 3em;
}
.contentcolumn .contentblock {
display: block;
}
.contentblock {
text-align: left;
width: auto;
}
.pinned .half {
width: auto;
}
.pinned .quarter {
width: auto;
}
.pinned .third {
width: auto;
}
.threetwentymin {
min-width: 0px;
}
.sixfortymin {
min-width: 0px;
}
button {
padding: 20px;
display: block;
margin: 0px;
width: 100%;
float: none;
}
.mw-search button
{
width:auto;
}
/*------------------------search--------------------------*/
.iconic {
height: 20px;
width: 20px;
}
.searchcon {
height: 30px;
}
/*------------------------search--------------------------*/
.search.viewit {
display: table-cell;
vertical-align: top;
padding-right: 12px;
}
.search {
display: none;
}
.mobilemode.viewtoggle {
display: table-cell;
}
/*------------------------hotspot--------------------------*/
.spotbox, .rightside .spotbox {
width: auto;
position: fixed;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
border-radius: 0px;
}
.spot span {
font-size: .75em;
}
.spotbox.viewit {
display: table;
height: 100%;
}
.spot {
height: 15px;
width: 15px;
line-height: 15px;
}
.spotclose {
float: none;
}
}
/*------------------------------------------*/
@media screen and (max-width: 480px) {
.thumb.tright {
width: 100%;
height: auto;
display: block;
float: none;
}
.thumb.tright .thumbinner
{
display:block;
}
.blockbreak h2
{
font-size:1em;
}
#mw-wikiforum-searchbox form {
display: block;
width: 100%;
}
#mw-wikiforum-searchbox-border {
width: 100%;
}
h1 {
font-size: 2.5em;
}
h2 {
font-size: 1.5em;
}
.contentcolumn, .contentcolumn {
display: block;
}
.quarter, .third, .half {
width: auto;
}
.pinned .half {
width: 50%;
}
.pinned .quarter {
width: 25%;
}
.pinned .third {
width: 33%;
}
.nav {
display: none;
}
ul.tabled .nav li {
display: block;
}
ul.tabled li ul {
position: relative;
}
.nav li {
height: auto;
}
.blockbreak {
font-size: 2em;
}
li.mobilemode.navtoggle {
display: table-cell;
}
.contentcolumn.pinned {
width: 100%;
}
.viewit {
display: block;
}
.splashrow .contentblock {
margin: 0px;
}
.overlay {
position: relative;
top: 0%;
left: 0%;
right: 0%;
}
.contentblock.left {
border: none;
}
.contentblock.right {
border: none;
}
.mobileoff {
display: none;
}
.footer ul.footernav li {
display: block;
float: left;
width: 50%;
padding: 0px;
margin-bottom: 10%;
}
.footer ul.footernav li ul li {
width: auto;
float: none;
padding: 10px;
}
/*------------------------hotspot--------------------------*/
.spotbox {
width: 320px;
}
}