User

lambert/rise.css: Difference between revisions

From Rise: The Vieneo Province

No edit summary
No edit summary
 
(135 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
    font-family: Abel, Arial, Helvetica, sans-serif;  
{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;
}
}
.blockbreak {
p.mw-wikiforum-descr, p.mw-wikiforum-valuetitle, td.mw-wikiforum-value, .label {
    font-size: inherit;
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;
}


    display: block;
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 {
.contentcolumn .contentblock {
    display: block;
background-color: transparent;
padding:5% 10% 5% 10%;
}
.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;
}
}


.thumb.tright .thumbinner
.overlay {
{margin:0px;}
position: absolute;
.center {
top: 25%;
    display: table-cell;
left: 25%;
    vertical-align: middle;
right: 25%;
    background-color: #fff;
}
.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%;
}
}


.center .thumb .thumbinner
/*------------------------hotspots--------------------------*/
{margin:0px;}
.hotspot {
.center .thumb
position: absolute;
{width:auto;min-width:0px;}
}
.blockbreak
.spot {
{padding:0px; margin:0px;}
height: 30px;
.blockbreak h2
width: 30px;
{padding:5%; margin:0px; font-size:4em;}
background-color: rgba(7,122,213,1);
.blockbreak h2.title
border: 3px solid rgba(255,255,255,1);
{margin-top:10%;font-size:5em; font-weight:700;}
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--------------------------*/


/*------------------------------------------*/


table.scroller
form, text, submit {
{
font-family: Abel, Arial, Helvetica, sans-serif;
border-collapse: collapse;display:block;
}
background-color:transparent;overflow-x: scroll;
.sitedir-ltr textarea, .sitedir-ltr input {
padding-left:210px;
direction: ltr;
height: 30px;
font-family: abel;
border: none;
}
.search form .button {
margin: 0px;
}
.label {
background-color: #999999;
}
}
table.scroller tr
{margin:0px;min-width:210px;}
table.scroller th
{
min-width:195px;padding:5px;border-bottom:1px solid #999;background-color:#fff; }
table.scroller th:first-child
{position:absolute; z-index:+1;margin-left:-210px;border-right:5px solid #999;width:195px;}


table.scroller td
.iconic {
{
height: 30px;
border-bottom:1px solid #999;padding:5px;
width: 30px;
min-width:195px;
background-repeat: no-repeat;
border-right:1px solid rgba(153,153,153,.4);
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;
}
}


table.scroller td:first-child
/*------------------------general--------------------------*/
{
 
position:absolute;  
img.thumbimage {
z-index:+1;
display: block;
margin-left:-210px;  
box-sizing: border-box;
background-color:#fff;
-moz-box-sizing: border-box;
border-right:5px solid #999;width:195px;
-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;
}


table.scroller col.titlecolumn{
background: rgba(224,15,19,1.00);
margin-top:-1px;


.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;
}
}
/*------------------------------------------*/


table.basic
@media screen and (max-width: 1024px) {
{
p {
border-collapse: collapse;display:block;
clear: both;
background-color:transparent;
}
.thumb {
background-color: #fff;
}
.thumb.tright {
min-width: 0px;
float: none;
display: table-cell;
vertical-align: middle;
}
.thumbinner {
margin: 0px;
}
.nav li {
height: auto;
}
}
}
table.basic tr
{margin:0px;}
table.basic tr:first-child
{background-color:#fff;}
table.basic th
{
padding:5px;border-bottom:1px solid #999;background-color:#fff; }






table.basic td
 
{
a {
border-bottom:1px solid #999;padding:5px;
text-decoration: none;
border-right:1px solid rgba(153,153,153,.4);
}
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;
}
/*------------------------------------------*/




@media screen and (max-width: 767px) {


.blockbreak h2
#profile-top {
{padding:5%; margin:0px; font-size:2em;}
padding: 5% 10% 5% 10%;
.blockbreak h2.title
}
{margin-top:0px; font-size:3em}
#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 {
.center {
    display:block;
display: table-cell;
float:left;
vertical-align: middle;
width:50%;
background-color: #fff;
}
}
.center .thumb .thumbinner {
.center .thumb .thumbinner {
    margin: 0px;
margin: 0px;
    height: 50vw;
}
    vertical-align: middle;
.center .thumb {
    display: table-cell;
width: auto;
min-width: 0px;
}
/*------------------------------------------*/
table.basic {
border-collapse: collapse;
background-color: transparent;
width: 100%;
}
table.basic tr {
margin: 0px;
}
}
.contentcolumn .contentblock {
table.basic th {
    clear: both;
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;
}
}


/*------------------------------------------*/


/*------------------------------------------*/
table.scroller
 
{
overflow-x: scroll;
}


table.scroller th
{
width:25%; min-width:160px; }




@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;
}


table.scroller th:first-child
.contentcolumn.centered {
{position:relative; margin-left:0px;width:inherit;}
margin-top: 0px;
}
.blockbreak h2 {


table.scroller td
font-size: 1em;
{
}
width:25%; min-width:160px;  
.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.scroller td:first-child
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
{
{
position:relative;  
width:auto;
margin-left:0px;  
}
width:inherit;
/*------------------------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 {
table.basic
width: auto;
{
position: fixed;
overflow-x: scroll;
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;
}
}
}


table.basic th
/*------------------------------------------*/
{
 
width:25%; min-width:160px; }




@media screen and (max-width: 480px) {


table.basic td
.thumb.tright {
width: 100%;
height: auto;
display: block;
float: none;
}
.thumb.tright .thumbinner
{
{
width:25%; min-width:160px;  
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;
}
}