User

lambert/rise.css: Difference between revisions

From Rise: The Vieneo Province

< User:lambert
No edit summary
No edit summary
 
(32 intermediate revisions by the same user not shown)
Line 1: Line 1:
// OK IAN THIS IS EVERTHING SO YOU HAVE COMPLETE CONTROL OVER ALL THE CSS ON THE SITE ... 3 SECTIONS FOR THE 3 DIFFERENT MEDIA SCREEN DIRECTIVES
@import url('https://fonts.googleapis.com/css?family=Abel');
 
textarea
{min-height:320px;padding:10px;}


@import url('https://fonts.googleapis.com/css?family=Abel');


body.skin-rise {
    font-family: Abel, Arial, Helvetica, sans-serif;
background-color:#999999;
padding:0px;
margin:0px;
}


.sitedir-ltr textarea, .sitedir-ltr input {
.iconish {
direction: ltr;
height: 30px;
height: 30px;
font-family: abel;
}
border: none;
.mobilemode.navtoggle {
display: none;
}
.mobilemode {
display: none;
}
.viewit {
display: table-cell;
}
.vertical.viewit {
display: block;
}
}


.search form .button {
body {
font-family: Abel, Arial, Helvetica, sans-serif;
background-color: #999999;
padding: 0px;
margin: 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 {
h1, h2, h3, h4, h5, h6 {
font-family: inherit;
font-family: inherit;
}
}
 
h1 {
font-size: 3em;
}
h2 {
font-size: 2em;
}
p.mw-wikiforum-descr, p.mw-wikiforum-valuetitle, td.mw-wikiforum-value, .label {
p.mw-wikiforum-descr, p.mw-wikiforum-valuetitle, td.mw-wikiforum-value, .label {
font-family: inherit;
font-family: inherit;
font-size: inherit;
font-size: inherit;
}
}
 
p < .image {
.label {
padding: 0px !important;
background-color: #999999;
margin: 0px !important;
}
}
 
.mw-content-ltr ul, ul
.nav li {
{text-align:left;
height: 50px;
padding: 0px 10% 0px 10%;
}
}


.nav li ul {
margin: 0px;
}


.nav li ul li {
li
height: auto;
{}
max-width: 320px;
.image img {
}
width: 100%;
 
height: auto;
.subtitle {
display:block;
font-size: .7em;
}
.fullImageLink img {
width: 100%;
height: auto;
}
}
 
table.wikitable {
 
width: 100%;
a {
color: #077ad5;
}
}
 
a.image img:hover {
a:hover {
opacity: .9;
text-decoration: underline;
cursor: pointer;
}
 
h1 {
font-size: 3em;
}
}


h2 {
p {
font-size: 2em;
display: block;
padding-top: 1em;
padding-bottom: 1em;
}
}
button {
button {
border: none;
border: none;
Line 77: Line 93:
margin: 5px;
margin: 5px;
color: #fff;
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;
}
}


button:hover {
background-color: rgba(7,122,213,1);
}


button:active {
background-color: #000;
;
color: #fff;
}


/*------------------all things header-------------*/


.header {
.header {
Line 99: Line 149:
}
}


.viewit {
.sitecon {
display: table-cell;
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;
.happy .mainnav, .happy .mainnav ul, .happy .mainnav li {
width: 30px;
color: rgba(255,255,255,.7);
background-image: url(http://rise.unistellar.com/skins/rise/assets/stylesheets/parts/netcon-white.png);
background-color: #077ad5;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
}
 
.sitelogo {
.happy .netnav, .happy .netnav ul, .happy .netnav li {
height: 30px;
color: rgba(0,0,0,.7);
width: 204px;
background-color: #FFCC00;
background-image: url(http://rise.unistellar.com/skins/rise/assets/stylesheets/parts/riselogo-white.png);
}
background-repeat: no-repeat;
 
background-position: center left;
body.skin-rise {
background-size: cover;
background-image: url(parts/risecon-white-5p.png);
background-size: 2%;
background-attachment: fixed;
}
 
.skin-rise .mainnav, .skin-rise .mainnav ul, .skin-rise .mainnav li {
color: rgba(255,255,255,.7);
background-color: #333333;
}
 
.skin-rise .netnav, .skin-rise .netnav ul, .skin-rise .netnav li {
color: rgba(255,255,255,.7);
background-color: #077ad5;
}
 
.skin-rise .subtitle {
background-color: #077ad5;
color: #fff;
}
 
.skin-rise .footer {
background-color: #1A1A1A;
}
 
.skin-rise .netcon {
background-image: url(parts/netcon-white.png);
}
}


Line 148: Line 179:
top: 0px;
top: 0px;
}
}
 
.mainnav,  .mainnav ul,  .mainnav li {
color: rgba(255,255,255,.7);
background-color: #333333;
}
.netnav {
.netnav {
position: absolute;
position: absolute;
Line 155: Line 189:
top: 0px;
top: 0px;
}
}
 
.netnav,  .netnav ul,  .netnav li {
ul.tabled {
color: rgba(255,255,255,.7);
display: table-cell;
background-color: #077ad5;
padding: 0px;
margin: 0px;
list-style: none;
vertical-align: top;
float: left;
}
}
 
.subtitle {
ul.tabled.right {
color: #fff;
float: right;
font-size: .6em;
}
background-color: #077ad5;
 
padding-left: 1em;
ul.tabled li {
padding-right: 1em;
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;
}
}
.header a {
.header a {
color: inherit;
color: inherit;
text-decoration: none;
text-decoration: none;
}
}
 
.header a:hover {
.header a:hover {
text-decoration: none;
text-decoration: none;
}
}
 
.header ul li {
.header ul li {
border-right: 1px solid rgba(0,0,0,0.2);
border-right: 1px solid rgba(0,0,0,0.2);
padding: 10px;
padding: 10px;
}
.header ul li.noborder {
border: none;
}
}


.header ul li.noborder {
/*-----------------nav area---------------*/
border: none;
}
 
 
 
.nav {
.nav {
display: table-cell;
display: table-cell;
text-transform: uppercase;
text-transform: uppercase;
vertical-align: bottom;
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 li {
.nav.vertical li {
position: relative;
display: block;
border: none;
height: auto;
height: 30px;
}
}
.nav.vertical li ul {
 
position: relative;
.nav li ul li {
}
border: none;
}
 
 
.nav li:hover {
background-color: #fff;
color: #000;
}
 
.nav.vertical li {
display: block;
height: auto;
}
 
.nav.vertical li ul {
position: relative;
}
 


/*-----------------footer area---------------*/


.footer {
.footer {
Line 255: Line 256:
color: #fff;
color: #fff;
}
}
 
.footer ul.footernav {
 
display: table;
.footer ul.footernav {
width: 100%;
display: table;
padding: 0px;
width: 100%;
margin: 0px;
padding: 0px;
list-style: none;
margin: 0px;
vertical-align: top;
list-style: none;
font-size: 1.25em;
vertical-align: top;
padding-bottom: 5%;
font-size: 1.25em;
}
padding-bottom: 5%;
.footer ul.footernav li {
}
display: table-cell;
 
vertical-align: top;
 
padding: 10px;
.footer ul.footernav li {
}
display: table-cell;
.footer ul.footernav li ul {
vertical-align: top;
padding: 0px;
padding: 10px;
margin: 0px;
}
font-size: .8em;
 
border-top: 2px solid rgba(255,255,255,.2);
.footer ul.footernav li ul {
margin: 5%;
padding: 0px;
}
margin: 0px;
.footer ul.footernav li ul li {
font-size: .8em;
display: block;
border-top: 2px solid rgba(255,255,255,.2);
margin: 0px;
margin: 5%;
}
}
.footer a {
 
color: inherit;
.footer ul.footernav li ul li {
}
display: block;
margin: 0px;
}
 
.footer a {
color: inherit;
}
 
ul.footernav.social {
ul.footernav.social {
width: 25%;
width: 25%;
Line 298: Line 291:
}
}


 
/*-------------------containers------------------------------*/
.sitecon {
height: 30px;
width: 51px;
background-image: url(parts/risecon-white.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
 
.netcon {
height: 30px;
width: 30px;
background-image: url(parts/netcon-black.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
 
.sitelogo {
height: 30px;
width: 204px;
background-image: url(parts/riselogo-white.png);
background-repeat: no-repeat;
background-position: center left;
background-size: cover;
}
 
.subtitle {
color: #333333;
font-size: .6em;
background-color: #FFCC00;
padding-left: 1em;
padding-right: 1em;
}
 
 
 
.primebackground img {
.primebackground img {
width: 100%;
width: 100%;
display: block;
display: block;
}
}
.contentrow {
.contentrow {
position: relative;
position: relative;
text-align: center;
text-align: center;
}
}
.contentcolumn {
.contentcolumn {
display: table-cell;
display: table-cell;
vertical-align: middle;
vertical-align: middle;
}
}
 
.contentcolumn.centered {
.contentcolumn.centered {
width: 100%;
width: 100%;
max-width: 1280px;
max-width: 1280px;
position: relative;
position: relative;
display: inline-block;
display: inline-block;
}
}
.contentcolumn.full {
 
display: table;
.contentcolumn.full {
}
display: table;
}
 
.full {
.full {
width: 100%;
width: 100%;
}
}
.half {
.half {
width: 50%;
width: 50%;
}
}
.quarter {
.quarter {
width: 25%;
width: 25%;
}
}
.third {
.third {
width: 33%;
width: 33%;
}
}
.splashrow .contentcolumn {
.splashrow .contentcolumn {
vertical-align: middle;
vertical-align: middle;
}
}
.splashrow {
.splashrow {
min-height: 100vh;
min-height: 100vh;
Line 389: Line 334:
background-position: center;
background-position: center;
}
}
 
.splashrow.stars {
.splashrow.stars {
background-image: url( backgrounds/stars.jpg);
background-image: url( backgrounds/stars.jpg);
}
}
.splashrow.sky {
 
background-image: url( backgrounds/sky.jpg);
.splashrow.sky {
}
background-image: url( backgrounds/sky.jpg);
.splashrow.city {
}
background-image: url( backgrounds/city.jpg);
 
}
.splashrow.city {
background-image: url( backgrounds/city.jpg);
}
 
.threetwentymin {
.threetwentymin {
min-width: 320px;
min-width: 320px;
}
}
.sixfortymin {
.sixfortymin {
min-width: 640px;
min-width: 640px;
}
}
.contentblock {
.contentblock {
padding: 10%;
padding: 10%;
Line 423: Line 357:




.contentblock.left {
.contentcolumn .contentblock {
border-left: 10px solid #333333;
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.right {
border-right: 10px solid #333333;
}
.contentblock.clear {
background-color: transparent;
}


.contentblock.left {
border-left: 10px solid #333333;
}
.contentblock.right {
border-right: 10px solid #333333;
}
.contentblock.clear {
background-color: transparent;
}
.contentcolumn {
.contentcolumn {
display: table-cell;
display: table-cell;
vertical-align: top;
vertical-align: top;
}
}
.contentrow.bgwhite {
.contentrow.bgwhite {
background-color: rgba(255, 255, 255, 0.80);
background-color: rgba(255, 255, 255, 0.80);
}
}
 
.contentrow.bgwhite .contentblock {
.contentrow.bgwhite .contentblock {
background-color: transparent;
background-color: transparent;
}
 
.contentcolumn .contentblock {
display: block;
}
}


.blockbreak {
.blockbreak {
padding: 2% 10% 2% 10%;
padding: 5%;
margin: 0px;
background-color: #fff;
background-color: #fff;
font-size: 5em;
font-weight: 700;
font-weight: 700;
}
}


 
.blockbreak h2 {
padding:0px;
margin: 0px;
font-size:5em;
}


.overlay {
.overlay {
Line 467: Line 413:
right: 25%;
right: 25%;
}
}
 
.overlay .contentblock {
.overlay .contentblock {
text-align: center;
text-align: center;
display: block;
display: block;
}
}
 
.splashrow .contentblock {
.splashrow .contentblock {
display: block;
display: block;
Line 478: Line 422:
margin-bottom: 20%;
margin-bottom: 20%;
}
}
.splashrow .imageblock {
.splashrow .imageblock {
text-align: center;
text-align: center;
padding: 60px;
padding: 60px;
}
}
 
.splashrow .imageblock img {
.splashrow .imageblock img {
width: 100%;
width: 100%;
display: block;
display: block;
padding: 0px;
padding: 0px;
margin: 0px;
margin: 0px;
}
}
 
.imagefull img {
.imagefull img {
width: 100%;
width: 100%;
}
}
.imagefull {
.imagefull {
position: relative;
position: relative;
}
}
.icon.standin {
.icon.standin {
background-color: rgba(255, 255, 255, 0.80);
background-color: rgba(255, 255, 255, 0.80);
Line 507: Line 446:
padding: 10%;
padding: 10%;
}
}
.iconish {
height: 30px;
}
.mobilemode.navtoggle {
display: none;
}
.mobilemode {
display: none;
}
.viewit {
display: table-cell;
}
.vertical.viewit {
display: block;
}


/*------------------------hotspots--------------------------*/
/*------------------------hotspots--------------------------*/
Line 533: Line 451:
position: absolute;
position: absolute;
}
}
.spot {
.spot {
height: 30px;
height: 30px;
Line 542: Line 459:
line-height: 30px;
line-height: 30px;
}
}
 
.spot span {
.spot span {
white-space: nowrap;
white-space: nowrap;
padding-left: 70%;
padding-left: 70%;
padding-right: 5px;
padding-right: 5px;
margin-left: 50%;
margin-left: 50%;
background-color: rgba(7,122,213,.5);
background-color: rgba(7,122,213,.5);
color: #fff;
color: #fff;
text-transform: uppercase;
text-transform: uppercase;
font-size: .85em;
font-size: .85em;
float: left;
float: left;
border-radius: 0px 30px 30px 0px;
border-radius: 0px 30px 30px 0px;
}
}
 
.rightside .spot span {
.rightside .spot span {
float: right;
float: right;
Line 565: Line 480:
border-radius: 30px 0px 0px 30px;
border-radius: 30px 0px 0px 30px;
}
}
.spot.spoton {
.spot.spoton {
background-color: #fff;
background-color: #fff;
border: 1px solid #fff;
border: 1px solid #fff;
}
}
.spot:hover {
.spot:hover {
background-color: #000;
background-color: #000;
}
}
 
.spot:hover span {
.spot:hover span {
background-color: rgba(0,0,0,.5);
background-color: rgba(0,0,0,.5);
}
}
 
.spotbox {
.spotbox {
background-color: rgba(255,255,255,1);
background-color: rgba(255,255,255,1);
Line 594: Line 504:
border-radius: 0px 30px 30px 30px;
border-radius: 0px 30px 30px 30px;
}
}
.rightside .spotbox {
.rightside .spotbox {
left: auto;
left: auto;
Line 604: Line 513:
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 {
.spotbox.viewit {
display: block;
display: block;
z-index: +1;
z-index: +1;
}
}
.spotboxinner {
.spotboxinner {
display: table-cell;
display: table-cell;
vertical-align: middle;
vertical-align: middle;
}
}
.spotcontent {
.spotcontent {
display: inline-block;
display: inline-block;
Line 623: Line 526:
padding: 30px;
padding: 30px;
}
}
.spotclose {
.spotclose {
background-color: #000;
background-color: #000;
Line 635: Line 537:
float: right;
float: right;
}
}
.rightside .spotclose {
.rightside .spotclose {
float: none;
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;
}


/*------------------------search--------------------------*/
.iconic {
.iconic {
height: 30px;
height: 30px;
Line 651: Line 567:
display: block;
display: block;
}
}
.searchcon {
.searchcon {
background-image: url(parts/searchcon.png);
background-image: url(http://rise.unistellar.com/images/4/41/Searchcon.png);
}
}
.menucon {
.menucon {
background-image: url(parts/menucon.png);
background-image: url(http://rise.unistellar.com/images/2/25/Menucon.png);
}
 
form, text, submit {
font-family: Abel, Arial, Helvetica, sans-serif;
}
}
.search form {
.search form {
vertical-align: top;
vertical-align: top;
}
}
 
.search form .textbox {
.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;
display: table-cell;
margin: 0px;
border: none;
height: 30px;
font-family: inherit;
padding: 0px 10px 0px 10px;
}
}
 
.search form .button {
/*------------------------general--------------------------*/
display: table-cell;
p < .image {
height: 30px;
padding: 0px !important;
font-family: inherit;
margin: 0px !important;
border: 2px solid #fff;
background-color: #333333;
color: #fff;
padding: 0px 10px 0px 10px;
}
}
 
.search form .button:hover {
.image img {
background-color: rgba(7,122,213,1);
width: 100%;
height: auto;
}
}
 
.search.viewit {
.fullImageLink img {
display: table-cell;
width: 100%;
height: auto;
}
}


table.wikitable {
/*------------------------general--------------------------*/
width: 100%;
}
 
a.image img:hover {
opacity: .9;
}


img.thumbimage {
img.thumbimage {
Line 724: Line 607:
-moz-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-box-sizing: border-box;
border: 20px solid #fff;
padding: 20px;
}
}
p {
display: block;
padding-top: 1em;
padding-bottom: 1em;
}
.thumbinner {
.thumbinner {
margin: 1em;
margin: 1em;
}
}
.thumb.tright .thumbinner {
.thumb.tright .thumbinner {
margin-right: 0px;
margin-right: 0px;
margin-top: 0px;
margin-top: 0px;
}
}
.thumbinner {
.thumbinner {
width: auto !important;
width: auto !important;
}
}
.thumb.tright {
.thumb.tright {
width: 25%;
width: 25%;
min-width: 260px;
min-width: 260px;
}
}


.contentblock .label {
.contentblock .label {
color: #fff;
color: #fff;
font-size: .7em padding:1em;
font-size: .7em padding:1em;
margin: 0px;
margin: 0px;
background-color: #999999;
background-color: #999999;
Line 761: Line 635:
font-weight: 100;
font-weight: 100;
}
}
.contentblock .title {
.contentblock .title {
background-color: #fff;
background-color: #fff;
Line 768: Line 641:
margin: 0px;
margin: 0px;
}
}
.contentblock .subtitle {
.contentblock .subtitle {
font-size: inherit;
font-size: inherit;
Line 778: Line 650:
padding-top: 0px;
padding-top: 0px;
}
}
#filetoc {
#filetoc {
background-color: rgba(7,122,213,0.20);
background-color: rgba(7,122,213,0.20);
Line 785: Line 656:
border: none;
border: none;
}
}
 
#filetoc li {
#filetoc li {
display: table-cell;
display: table-cell;
padding: 0px;
padding: 0px;
margin: 0px;
margin: 0px;
border-top: none;
border-top: none;
}
}
#filetoc li a {
 
text-decoration: none;
#filetoc li a {
padding: 1em;
text-decoration: none;
border-right: 1px solid #999999;
padding: 1em;
display: table-cell;
border-right: 1px solid #999999;
background-color: rgba(7,122,213,0.80);
display: table-cell;
border: 1px solid rgba(0,0,0,0.2);
background-color: rgba(7,122,213,0.80);
color: #fff;
border: 1px solid rgba(0,0,0,0.2);
}
color: #fff;
#filetoc li a:hover {
}
background-color: rgba(7,122,213,1.0);
 
}
#filetoc li a:hover {
background-color: rgba(7,122,213,1.0);
}
 
table.standard {
table.standard {
border-collapse: collapse;
border-collapse: collapse;
Line 813: Line 680:
overflow-x: scroll;
overflow-x: scroll;
padding-left: 220px;
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.standard tr {
@media screen and (max-width: 1024px) {
margin: 0px;
p {
min-width: 220px;
clear: both;
}
 
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: 1023px) {
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;
}
}
}
 
.thumb {
@media screen and (max-width: 767px) {
background-color: #fff;
 
 
.thumb.tright {
width: 50%;
height: 40vw;
display: table;
float: left;
}
 
.thumb.tright .thumbinner {
display: table-cell;
vertical-align: middle;
}
}
}
 
.thumb.tright {
@import url('https://fonts.googleapis.com/css?family=Abel');
min-width: 0px;
 
float: none;
.body {
display: table-cell;
font-family: Abel, Arial, Helvetica, sans-serif;
vertical-align: middle;
}
}
 
.thumbinner {
.blockbreak {
margin: 0px;
font-size: inherit;
}
}
 
.nav li {
a {
height: auto;
text-decoration: none;
}
}
a.new {
color: #077ad5;
}
.image img {
display: block;
}
}


.contentblock {
background-color: transparent;
}


.contentblock a:hover {
text-decoration: underline;
}


.contentcolumn.centered {
margin-top: 10%;
background-color: rgba(255,255,255,0.85);
}


.contentcolumn .contentblock {
a {
display: block;
text-decoration: none;
padding: 5% 10% 5% 10%;
}
}
 
a.new {
.blockbreak {
color: #077ad5;
padding: 0px;
margin: 0px;
}
}


.blockbreak h2 {
padding: 5%;
margin: 0px;
font-size: 4em;
}


.blockbreak h2.title {
font-size: 5em;
font-weight: 700;
}


h4.label {
h4.label {
Line 962: Line 757:
text-transform: uppercase;
text-transform: uppercase;
}
}
#mw-wikiforum-searchbox-border {
#mw-wikiforum-searchbox-border {
border: none;
border: none;
}
}
#mw-wikiforum-searchbox {
#mw-wikiforum-searchbox {
float: none;
float: none;
Line 974: Line 767:
text-align: right;
text-align: right;
}
}
 
#mw-wikiforum-searchbox img {
#mw-wikiforum-searchbox img {
vertical-align: middle;
vertical-align: middle;
}
}
#mw-wikiforum-searchbox form {
 
display: inline-block;
#mw-wikiforum-searchbox form {
}
display: inline-block;
}
 
/*------------------------------------------*/
/*------------------------------------------*/
.profile-actions {
.profile-actions {
color: transparent;
color: transparent;
}
}
 
.profile-actions a {
.profile-actions a {
border: none;
border: none;
background-color: rgba(7,122,213,0.80);
background-color: rgba(7,122,213,0.80);
border: 1px solid rgba(0,0,0,0.2);
border: 1px solid rgba(0,0,0,0.2);
padding: 30px;
padding: 30px;
display: inline-block;
display: inline-block;
margin: 5px;
margin: 5px;
margin-right: -5px;
margin-right: -5px;
font-weight: 100;
font-weight: 100;
color: #fff;
color: #fff;
}
}
.profile-actions a:hover {
 
background-color: rgba(7,122,213,1);
.profile-actions a:hover {
text-decoration: none;
background-color: rgba(7,122,213,1);
}
text-decoration: none;
}
 
/*------------------------------------------*/
/*------------------------------------------*/


Line 1,012: Line 799:
padding: 5% 10% 5% 10%;
padding: 5% 10% 5% 10%;
}
}
#user-page-left.clearfix, #user-page-right.clearfix {
#user-page-left.clearfix, #user-page-right.clearfix {
display: inherit;
display: inherit;
}
}
#user-page-left, #user-page-right {
#user-page-left, #user-page-right {
padding: 5% 10% 5% 10%;
padding: 5% 10% 5% 10%;
Line 1,022: Line 807:
float: left;
float: left;
}
}
.user-relationship-container a {
.user-relationship-container a {
width: 20%;
width: 20%;
margin: 2.5%;
margin: 2.5%;
}
}
.user-relationship-container img {
.user-relationship-container img {
width: 100%;
width: 100%;
}
}
/*.mw-content-ltr
/*.mw-content-ltr
{display:table;width:100%;}
{display:table;width:100%;}
Line 1,041: Line 821:
margin: 0px;
margin: 0px;
}
}
#profile-title-container {
#profile-title-container {
padding: 0px;
padding: 0px;
}
}
#points-level {
#points-level {
max-width: 20vw;
max-width: 20vw;
Line 1,051: Line 829:
background-color: #077ad5;
background-color: #077ad5;
}
}
#profile-image img {
#profile-image img {
width: 20vw;
width: 20vw;
Line 1,058: Line 835:
padding: 0px;
padding: 0px;
}
}
.sitedir-ltr textarea {
.sitedir-ltr textarea {
width: 100%;
width: 100%;
}
}
/*------------------------------------------*/
/*------------------------------------------*/


Line 1,068: Line 843:
margin: 0px;
margin: 0px;
}
}
.center {
.center {
display: table-cell;
display: table-cell;
Line 1,074: Line 848:
background-color: #fff;
background-color: #fff;
}
}
 
.center .thumb .thumbinner {
.center .thumb .thumbinner {
margin: 0px;
margin: 0px;
}
}
.center .thumb {
 
width: auto;
.center .thumb {
min-width: 0px;
width: auto;
}
min-width: 0px;
}
 
 
/*------------------------------------------*/
/*------------------------------------------*/
table.basic {
table.basic {
Line 1,091: Line 861:
width: 100%;
width: 100%;
}
}
 
table.basic tr {
table.basic tr {
margin: 0px;
margin: 0px;
}
}
table.basic th {
 
padding: 5px;
table.basic th {
border-bottom: 1px solid #999;
padding: 5px;
background-color: #fff;
border-bottom: 1px solid #999;
}
background-color: #fff;
table.basic td {
}
border-bottom: 1px solid #999;
 
padding: 5px;
table.basic td {
border-right: 1px solid rgba(153,153,153,.4);
border-bottom: 1px solid #999;
}
padding: 5px;
border-right: 1px solid rgba(153,153,153,.4);
}
 
 
/*------------------------------------------*/
/*------------------------------------------*/
table.scroller {
table.scroller {
Line 1,114: Line 879:
overflow-x: scroll;
overflow-x: scroll;
}
}
 
table.scroller td {
table.scroller td {
min-width: 20vw;
min-width: 20vw;
}
}
 
table.sidebar th:first-child {
table.sidebar th:first-child {
border-right: 5px solid #999;
border-right: 5px solid #999;
}
}
table.sidebar td:first-child {
table.sidebar td:first-child {
background-color: #fff;
background-color: #fff;
Line 1,128: Line 890:
;
;
}
}
/*------------------------------------------*/
/*------------------------------------------*/
table.mw-wikiforum-frame {
table.mw-wikiforum-frame {
Line 1,136: Line 897:
border-collapse: collapse;
border-collapse: collapse;
}
}
 
table.mw-wikiforum-frame th, table.mw-wikiforum-frame td {
table.mw-wikiforum-frame th, table.mw-wikiforum-frame td {
padding: 0px;
padding: 0px;
}
}
 
 
 
td.mw-wikiforum-innerframe {
td.mw-wikiforum-innerframe {
border: none;
border: none;
}
}
 
td.mw-wikiforum-innerframe .contentblock {
td.mw-wikiforum-innerframe .contentblock {
background-color: transparent;
background-color: transparent;
padding: 0px;
padding: 0px;
}
}
 
p.mw-wikiforum-descr, p.mw-wikiforum-valuetitle, td.mw-wikiforum-value, .label {
p.mw-wikiforum-descr, p.mw-wikiforum-valuetitle, td.mw-wikiforum-value, .label {
color: inherit;
color: inherit;
}
}
.mw-wikiforum-issue {
.mw-wikiforum-issue {
font-size: 1.5em;
font-size: 1.5em;
Line 1,162: Line 916:
padding-bottom: .5em;
padding-bottom: .5em;
}
}
tr.mw-wikiforum-title {
tr.mw-wikiforum-title {
background-color: #fff;
background-color: #fff;
}
}
table.mw-wikiforum-title th, table.mw-wikiforum-title td {
table.mw-wikiforum-title th, table.mw-wikiforum-title td {
border-top: none;
border-top: none;
Line 1,172: Line 924:
padding: 5px;
padding: 5px;
}
}
/*------------------------------------------*/
/*------------------------------------------*/
table.wikitable
table.wikitable {
{
border-collapse: collapse;
border-collapse: collapse;
background-color:transparent;
background-color: transparent;
width:100%;
width: 100%;
border:none;
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
table.wikitable > * > tr > td:first-child {
{margin:0px;}
border-left: none;
 
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
table.basic {
{
border-collapse: collapse;
border-collapse: collapse;
background-color:transparent;
background-color: transparent;
width:100%;
width: 100%;
}
table.basic tr {
margin: 0px;
}
}
table.basic tr
table.basic th {
{margin:0px;}
padding: 5px;
 
border-bottom: 1px solid #999;
table.basic th
background-color: #fff;
{
vertical-align: bottom;
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
table.basic td {
{border-left:none;}
border-bottom: 1px solid #999;
 
padding: 5px;
@media screen and (max-width: 767px) {
border-right: none;
 
border-left: 1px solid rgba(153,153,153,.4);
vertical-align: top;
table.wikitable
{
overflow-x: scroll;
display:block;
}
}
 
table.basic td:first-child {
table.wikitable td
border-left: none;
{
min-width:50vw;  
}
}


}


/*------------------------------------------*/
/*------------------------------------------*/
Line 1,247: Line 984:




@media screen and (max-width: 767px) {
@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;
}


.contentcolumn.centered {
table.wikitable {
margin-top: 0px;
overflow-x: scroll;
}
display: block;
}
table.wikitable td {
min-width: 50vw;
}


.blockbreak h2 {
.contentcolumn.centered {
padding: 5%;
margin-top: 0px;
margin: 0px;
}
font-size: 2em;
.blockbreak h2 {
}


.blockbreak h2.title {
font-size: 1em;
margin-top: 0px;
}
font-size: 3em
.blockbreak .catlinks
}
{font-size:.5em; text-align:center;}
 
#catlinks{text-align:inherit;}
.center {
display: block;
.center {
float: left;
display: block;
width: 50%;
float: left;
}
width: 50%;
 
}
.center .thumb .thumbinner {
.center .thumb .thumbinner {
margin: 0px;
margin: 0px;
height: 50vw;
height: 50vw;
vertical-align: middle;
vertical-align: middle;
display: table-cell;
display: table-cell;
}
}
 
.contentcolumn .contentblock {
.contentcolumn .contentblock {
clear: both;
clear: both;
}
}
#mw-wikiforum-searchbox {
 
text-align: center;
#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;
}


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 {
.header {
        position: static;
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--------------------------*/


    .mainnav {
.search.viewit {
        position: relative;
display: table-cell;
        width: 100%;
vertical-align: top;
    }
padding-right: 12px;
}
.search {
display: none;
}
.mobilemode.viewtoggle {
display: table-cell;
}


    .sitecon {
/*------------------------hotspot--------------------------*/
   
.spotbox, .rightside .spotbox {
      height:20px;
width: auto;
width:20px;
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;
}
}


    .netcon {
/*------------------------------------------*/
     
        width: 20px;
    }


    .sitelogo {
     
        width: 102px;
        background-size: contain;
    }


    .netnav {
        width: auto;
    }


    .nav {
@media screen and (max-width: 480px) {
        width: auto;
    }


    .footer ul.footernav li {
.thumb.tright {
        float: none;
width: 100%;
        width: auto;
height: auto;
    }
display: block;
 
float: none;
    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;
    }
   
/*------------------------search--------------------------*/
.iconic {
    height: 20px;
    width: 20px;
}
}
.searchcon{height:30px;}
.thumb.tright .thumbinner
  /*------------------------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%;}
display:block;
.spot {
    height: 15px;
    width: 15px;
line-height:15px;
}
.spotclose
{float:none;}
   
}
}
 
.blockbreak h2
/*------------------------------------------*/
 
 
@media screen and (max-width: 481px) {
 
#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: 4em;
    }
 
    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;
        }
/*------------------------search--------------------------*/
 
.search.viewit
{
{
display:table-cell;vertical-align: top;padding-right:12px;
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;
}
}
    .search
ul.tabled .nav li {
    {
display: block;
display:none;
}
}
    .mobilemode.viewtoggle
ul.tabled li ul {
    {
position: relative;
display:table-cell;
}
.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--------------------------*/
/*------------------------hotspot--------------------------*/
Line 1,574: Line 1,286:


.spotbox {
.spotbox {
width: 320px;
  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;
}
}
Retrieved from "https://www.risetvp.com/index.php?title=User:lambert/rise.css&oldid=2213"