User

lambert/rise.css: Difference between revisions

From Rise: The Vieneo Province

< User:lambert
No edit summary
No edit summary
Line 1: Line 1:
@import url('https://fonts.googleapis.com/css?family=Abel');
@import url('https://fonts.googleapis.com/css?family=Abel');
body.skin-rise {
body.skin-rise {
    font-family: Abel, Arial, Helvetica, sans-serif;  
font-family: Abel, Arial, Helvetica, sans-serif;
background-color:#999999;
background-color: #999999;
padding:0px;
padding: 0px;
margin:0px;
margin: 0px;
background-image: url(parts/risecon-white-5p.png);
background-size: 2%;
background-attachment: fixed;
}
}
 
a {
.sitedir-ltr textarea, .sitedir-ltr input {
color: #077ad5;
direction: ltr;
height: 30px;
font-family: abel;
border: none;
}
}
 
a:hover {
.search form .button {
text-decoration: underline;
margin: 0px;
cursor: pointer;
}
}
h1, h2, h3, h4, h5, h6 {
h1, h2, h3, h4, h5, h6 {
font-family: inherit;
font-family: inherit;
}
}
p.mw-wikiforum-descr, p.mw-wikiforum-valuetitle, td.mw-wikiforum-value, .label {
font-family: inherit;
font-size: inherit;
}
.label {
background-color: #999999;
}
.nav li {
height: 50px;
}
.nav li ul {
margin: 0px;
}
.nav li ul li {
height: auto;
max-width: 320px;
}
.subtitle {
font-size: .7em;
}
a {
color: #077ad5;
}
a:hover {
text-decoration: underline;
cursor: pointer;
}
h1 {
h1 {
font-size: 3em;
font-size: 3em;
}
}
h2 {
h2 {
font-size: 2em;
font-size: 2em;
}
}
 
p.mw-wikiforum-descr, p.mw-wikiforum-valuetitle, td.mw-wikiforum-value, .label {
font-family: inherit;
font-size: inherit;
}
button {
button {
border: none;
border: none;
Line 75: Line 37:
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;
}
.sitedir-ltr textarea, .sitedir-ltr input {
direction: ltr;
height: 30px;
font-family: abel;
border: none;
}
.search form .button {
margin: 0px;
}
.label {
background-color: #999999;
}
}


button:hover {
.subtitle {
background-color: rgba(7,122,213,1);
font-size: .7em;
}
}
 
button:active {
background-color: #000;
;
color: #fff;
}
 
 
.header {
.header {
position: fixed;
position: fixed;
Line 96: Line 102:
color: rgba(255,255,255,.7);
color: rgba(255,255,255,.7);
}
}
.viewit {
.viewit {
display: table-cell;
display: table-cell;
}
}
.happy .mainnav, .happy .mainnav ul, .happy .mainnav li {
color: rgba(255,255,255,.7);
background-color: #077ad5;
}
.happy .netnav, .happy .netnav ul, .happy .netnav li {
color: rgba(0,0,0,.7);
background-color: #FFCC00;
}
body.skin-rise {
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 {
.skin-rise .mainnav, .skin-rise .mainnav ul, .skin-rise .mainnav li {
color: rgba(255,255,255,.7);
color: rgba(255,255,255,.7);
background-color: #333333;
background-color: #333333;
}
}
.skin-rise .netnav, .skin-rise .netnav ul, .skin-rise .netnav li {
.skin-rise .netnav, .skin-rise .netnav ul, .skin-rise .netnav li {
color: rgba(255,255,255,.7);
color: rgba(255,255,255,.7);
background-color: #077ad5;
background-color: #077ad5;
}
}
.skin-rise .subtitle {
.skin-rise .subtitle {
background-color: #077ad5;
background-color: #077ad5;
color: #fff;
color: #fff;
}
}
.skin-rise .footer {
.skin-rise .footer {
background-color: #1A1A1A;
background-color: #1A1A1A;
}
}
.skin-rise .netcon {
.skin-rise .netcon {
background-image: url(parts/netcon-white.png);
background-image: url(parts/netcon-white.png);
}
}
.mainnav {
.mainnav {
position: absolute;
position: absolute;
Line 146: Line 128:
top: 0px;
top: 0px;
}
}
.netnav {
.netnav {
position: absolute;
position: absolute;
Line 153: Line 134:
top: 0px;
top: 0px;
}
}
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;
}
.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 {
.header ul li.noborder {
border: none;
border: none;
}
}
 
 
 
.nav {
.nav {
display: table-cell;
display: table-cell;
Line 218: Line 153:
vertical-align: bottom;
vertical-align: bottom;
}
}
 
.nav li {
.nav li {
height: 50px;
position: relative;
}
border: none;
.nav li ul {
height: 30px;
margin: 0px;
}
}
 
.nav li ul li {
.nav li ul li {
height: auto;
border: none;
max-width: 320px;
}
}
 
.nav li {
 
position: relative;
.nav li:hover {
border: none;
background-color: #fff;
height: 30px;
color: #000;
}
}
.nav li ul li {
 
border: none;
.nav.vertical li {
}
display: block;
.nav li:hover {
height: auto;
background-color: #fff;
}
color: #000;
 
}
.nav.vertical li ul {
.nav.vertical li {
position: relative;
display: block;
}
height: auto;
 
}
 
.nav.vertical li ul {
 
position: relative;
}
.footer {
.footer {
display: block;
display: block;
Line 253: Line 189:
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 295: Line 223:
display: inline-block;
display: inline-block;
}
}
.sitecon {
.sitecon {
height: 30px;
height: 30px;
Line 305: Line 231:
background-size: contain;
background-size: contain;
}
}
.netcon {
.netcon {
height: 30px;
height: 30px;
Line 314: Line 239:
background-size: contain;
background-size: contain;
}
}
.sitelogo {
.sitelogo {
height: 30px;
height: 30px;
Line 323: Line 247:
background-size: cover;
background-size: cover;
}
}
.subtitle {
.subtitle {
color: #333333;
color: #333333;
Line 331: Line 254:
padding-right: 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 387: Line 296:
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 418: Line 316:
text-align: left;
text-align: left;
}
}
 
.contentblock.left {
 
border-left: 10px solid #333333;
 
}
.contentblock.left {
.contentblock.right {
border-left: 10px solid #333333;
border-right: 10px solid #333333;
}
}
 
.contentblock.clear {
.contentblock.right {
background-color: transparent;
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 {
.contentcolumn .contentblock {
display: block;
display: block;
}
}
.blockbreak {
.blockbreak {
padding: 2% 10% 2% 10%;
padding: 2% 10% 2% 10%;
Line 456: Line 344:
font-weight: 700;
font-weight: 700;
}
}
.overlay {
.overlay {
position: absolute;
position: absolute;
Line 465: Line 350:
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 476: Line 359:
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 505: Line 383:
padding: 10%;
padding: 10%;
}
}
.iconish {
.iconish {
height: 30px;
height: 30px;
}
}
.mobilemode.navtoggle {
.mobilemode.navtoggle {
display: none;
display: none;
}
}
.mobilemode {
.mobilemode {
display: none;
display: none;
}
}
.viewit {
.viewit {
display: table-cell;
display: table-cell;
}
}
.vertical.viewit {
.vertical.viewit {
display: block;
display: block;
}
}
/*------------------------hotspots--------------------------*/
/*------------------------hotspots--------------------------*/
.hotspot {
.hotspot {
position: absolute;
position: absolute;
}
}
.spot {
.spot {
height: 30px;
height: 30px;
Line 540: Line 410:
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 563: Line 431:
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 592: Line 455:
border-radius: 0px 30px 30px 30px;
border-radius: 0px 30px 30px 30px;
}
}
.rightside .spotbox {
.rightside .spotbox {
left: auto;
left: auto;
Line 602: Line 464:
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 621: Line 477:
padding: 30px;
padding: 30px;
}
}
.spotclose {
.spotclose {
background-color: #000;
background-color: #000;
Line 633: Line 488:
float: right;
float: right;
}
}
.rightside .spotclose {
.rightside .spotclose {
float: none;
float: none;
}
}
/*------------------------search--------------------------*/
/*------------------------search--------------------------*/
.iconic {
.iconic {
Line 649: Line 500:
display: block;
display: block;
}
}
.searchcon {
.searchcon {
background-image: url(parts/searchcon.png);
background-image: url(parts/searchcon.png);
}
}
.menucon {
.menucon {
background-image: url(parts/menucon.png);
background-image: url(parts/menucon.png);
}
}
form, text, submit {
form, text, submit {
font-family: Abel, Arial, Helvetica, sans-serif;
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;
display: table-cell;
margin: 0px;
margin: 0px;
border: none;
border: none;
height: 30px;
height: 30px;
font-family: inherit;
font-family: inherit;
padding: 0px 10px 0px 10px;
padding: 0px 10px 0px 10px;
}
}
.search form .button {
 
display: table-cell;
.search form .button {
height: 30px;
display: table-cell;
font-family: inherit;
height: 30px;
border: 2px solid #fff;
font-family: inherit;
background-color: #333333;
border: 2px solid #fff;
color: #fff;
background-color: #333333;
padding: 0px 10px 0px 10px;
color: #fff;
}
padding: 0px 10px 0px 10px;
.search form .button:hover {
}
background-color: rgba(7,122,213,1);
 
}
.search form .button:hover {
background-color: rgba(7,122,213,1);
}
 
.search.viewit {
.search.viewit {
display: table-cell;
display: table-cell;
Line 695: Line 538:
/*------------------------general--------------------------*/
/*------------------------general--------------------------*/
p < .image {
p < .image {
padding: 0px !important;
padding: 0px !important;
margin: 0px !important;
margin: 0px !important;
}
}
.image img {
.image img {
width: 100%;
width: 100%;
height: auto;
height: auto;
}
}
.fullImageLink img {
.fullImageLink img {
width: 100%;
width: 100%;
height: auto;
height: auto;
}
}
table.wikitable {
table.wikitable {
width: 100%;
width: 100%;
}
}
a.image img:hover {
a.image img:hover {
opacity: .9;
opacity: .9;
}
}
img.thumbimage {
img.thumbimage {
display: block;
display: block;
Line 724: Line 562:
border: 20px solid #fff;
border: 20px solid #fff;
}
}
p {
p {
display: block;
display: block;
Line 730: Line 567:
padding-bottom: 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 759: Line 591:
font-weight: 100;
font-weight: 100;
}
}
.contentblock .title {
.contentblock .title {
background-color: #fff;
background-color: #fff;
Line 766: Line 597:
margin: 0px;
margin: 0px;
}
}
.contentblock .subtitle {
.contentblock .subtitle {
font-size: inherit;
font-size: inherit;
Line 776: Line 606:
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 783: Line 612:
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 812: Line 637:
padding-left: 220px;
padding-left: 220px;
}
}
 
table.standard tr {
table.standard tr {
margin: 0px;
margin: 0px;
min-width: 220px;
min-width: 220px;
}
}
table.standard th {
 
min-width: 210px;
table.standard th {
padding: 5px 10px 5px 10px;
min-width: 210px;
border-bottom: 1px solid #999;
padding: 5px 10px 5px 10px;
background-color: #fff;
border-bottom: 1px solid #999;
}
background-color: #fff;
table.standard th:first-child {
}
position: absolute;
 
z-index: +1;
table.standard th:first-child {
margin-left: -220px;
position: absolute;
border-right: 5px solid #DCDCDC;
z-index: +1;
min-width: 200px;
margin-left: -220px;
}
border-right: 5px solid #DCDCDC;
table.standard td {
min-width: 200px;
border-bottom: 1px solid #DCDCDC;
}
padding: 10px;
 
min-width: 200px;
table.standard td {
}
border-bottom: 1px solid #DCDCDC;
table.standard td:first-child {
padding: 10px;
position: absolute;
min-width: 200px;
z-index: +1;
}
margin-left: -220px;
 
background-color: #fff;
table.standard td:first-child {
font-weight: 700;
position: absolute;
border-top: 1px solid #999;
z-index: +1;
border-right: 5px solid #DCDCDC;
margin-left: -220px;
}
background-color: #fff;
table.standard col.titlecolumn {
font-weight: 700;
background: rgba(224,15,19,1.00);
border-top: 1px solid #999;
margin-top: -1px;
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) {
@media screen and (max-width: 1023px) {
p {
p {
clear: both;
clear: both;
}
}
 
.thumb {
.thumb {
background-color: #fff;
background-color: #fff;
}
}
.thumb.tright {
 
min-width: 0px;
.thumb.tright {
float: none;
min-width: 0px;
display: table-cell;
float: none;
vertical-align: middle;
display: table-cell;
}
vertical-align: middle;
.thumbinner {
}
margin: 0px;
 
}
.thumbinner {
.nav li {
margin: 0px;
height: auto;
}
}
 
.nav li {
height: auto;
}
}
}


@media screen and (max-width: 767px) {
@media screen and (max-width: 767px) {
 
.thumb.tright {
 
width: 50%;
.thumb.tright {
height: 40vw;
width: 50%;
display: table;
height: 40vw;
float: left;
display: table;
}
float: left;
.thumb.tright .thumbinner {
}
display: table-cell;
 
vertical-align: middle;
.thumb.tright .thumbinner {
}
display: table-cell;
vertical-align: middle;
}
}
}
 
@import url('https://fonts.googleapis.com/css?family=Abel');
@import url('https://fonts.googleapis.com/css?family=Abel');
 
.body {
.body {
font-family: Abel, Arial, Helvetica, sans-serif;
font-family: Abel, Arial, Helvetica, sans-serif;
}
}
.blockbreak {
.blockbreak {
font-size: inherit;
font-size: inherit;
}
}
a {
a {
text-decoration: none;
text-decoration: none;
}
}
 
a.new {
 
color: #077ad5;
a.new {
}
color: #077ad5;
}
 
.image img {
.image img {
display: block;
display: block;
}
}
.contentblock {
.contentblock {
background-color: transparent;
background-color: transparent;
}
}
 
.contentblock a:hover {
.contentblock a:hover {
text-decoration: underline;
text-decoration: underline;
}
}
 
.contentcolumn.centered {
.contentcolumn.centered {
margin-top: 10%;
margin-top: 10%;
background-color: rgba(255,255,255,0.85);
background-color: rgba(255,255,255,0.85);
}
}
.contentcolumn .contentblock {
.contentcolumn .contentblock {
display: block;
display: block;
padding: 5% 10% 5% 10%;
padding: 5% 10% 5% 10%;
}
}
.blockbreak {
.blockbreak {
padding: 0px;
padding: 0px;
margin: 0px;
margin: 0px;
}
}
 
.blockbreak h2 {
.blockbreak h2 {
padding: 5%;
padding: 5%;
margin: 0px;
margin: 0px;
font-size: 4em;
font-size: 4em;
}
}
.blockbreak h2.title {
 
font-size: 5em;
.blockbreak h2.title {
font-weight: 700;
font-size: 5em;
}
font-weight: 700;
}
 
h4.label {
h4.label {
margin: 0px;
margin: 0px;
Line 960: Line 756:
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 972: Line 766:
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,010: Line 798:
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,020: Line 806:
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,039: Line 820:
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,049: Line 828:
background-color: #077ad5;
background-color: #077ad5;
}
}
#profile-image img {
#profile-image img {
width: 20vw;
width: 20vw;
Line 1,056: Line 834:
padding: 0px;
padding: 0px;
}
}
.sitedir-ltr textarea {
.sitedir-ltr textarea {
width: 100%;
width: 100%;
}
}
/*------------------------------------------*/
/*------------------------------------------*/


Line 1,066: Line 842:
margin: 0px;
margin: 0px;
}
}
.center {
.center {
display: table-cell;
display: table-cell;
Line 1,072: Line 847:
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,089: Line 860:
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,112: Line 878:
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,126: Line 889:
;
;
}
}
/*------------------------------------------*/
/*------------------------------------------*/
table.mw-wikiforum-frame {
table.mw-wikiforum-frame {
Line 1,134: Line 896:
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,160: Line 915:
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,170: Line 923:
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
table.wikitable tr {
{margin:0px;}
margin: 0px;
 
}
table.wikitable > * > tr > th
table.wikitable > * > tr > th {
{
padding: 5px;
padding:5px;border:none;border-bottom:1px solid #999;background-color:#fff;text-align:left;vertical-align:bottom;}
border: none;
 
border-bottom: 1px solid #999;
table.wikitable > * > tr > td
background-color: #fff;
{
text-align: left;
border:none;
vertical-align: bottom;
border-bottom:1px solid #999;padding:5px;
}
border-left:1px solid rgba(153,153,153,.4);
table.wikitable > * > tr > td {
vertical-align: top;
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.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 th {
padding: 5px;
border-bottom: 1px solid #999;
background-color: #fff;
vertical-align: bottom;
}
}
table.basic tr
table.basic td {
{margin:0px;}
border-bottom: 1px solid #999;
 
padding: 5px;
table.basic th
border-right: none;
{
border-left: 1px solid rgba(153,153,153,.4);
padding:5px;border-bottom:1px solid #999;background-color:#fff; vertical-align: bottom;}
vertical-align: top;
 
}
table.basic td
table.basic td:first-child {
{
border-left: none;
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: 767px) {
@media screen and (max-width: 767px) {
 
table.wikitable {
overflow-x: scroll;
table.wikitable
display: block;
{
overflow-x: scroll;
display:block;
}
}
 
table.wikitable td {
table.wikitable td
min-width: 50vw;
{
min-width:50vw;  
}
}
}
}


Line 1,246: Line 993:


@media screen and (max-width: 767px) {
@media screen and (max-width: 767px) {
.contentcolumn.centered {
margin-top: 0px;
}
.blockbreak h2 {
padding: 5%;
margin: 0px;
font-size: 2em;
}
.blockbreak h2.title {
margin-top: 0px;
font-size: 3em
}
.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;
}
/*------------------------------------------*/


.contentcolumn.centered {
table.mw-wikiforum-frame {
margin-top: 0px;
display: block;
}
}
 
table.mw-wikiforum-frame tbody {
.blockbreak h2 {
display: table;
padding: 5%;
width: 100%;
margin: 0px;
}
font-size: 2em;
table.mw-wikiforum-frame td {
}
display: block;
 
text-align: center;
.blockbreak h2.title {
}
margin-top: 0px;
tr.mw-wikiforum-title {
font-size: 3em
display: none;
}
}
 
table.mw-wikiforum-frame td.mw-wikiforum-value {
.center {
display: none;
display: block;
}
float: left;
table.basic {
width: 50%;
overflow-x: scroll;
}
display: block;
 
}
.center .thumb .thumbinner {
table.basic td {
margin: 0px;
min-width: 50vw;
height: 50vw;
}
vertical-align: middle;
#user-page-left, #user-page-right {
display: table-cell;
padding: 5% 10% 5% 10%;
}
width: auto;
 
float: none;
.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 {
.header {
        position: static;
position: static;
    }
}
 
.mainnav {
    .mainnav {
position: relative;
        position: relative;
width: 100%;
        width: 100%;
}
    }
.sitecon {
 
height: 20px;
    .sitecon {
width: 20px;
   
}
      height:20px;
.netcon {
width:20px;
width: 20px;
    }
}
 
.sitelogo {
    .netcon {
width: 102px;
     
background-size: contain;
        width: 20px;
}
    }
.netnav {
 
width: auto;
    .sitelogo {
}
     
.nav {
        width: 102px;
width: auto;
        background-size: contain;
}
    }
.footer ul.footernav li {
 
float: none;
    .netnav {
width: auto;
        width: auto;
}
    }
ul.footernav.social {
 
min-width: 0px;
    .nav {
}
        width: auto;
.blockbreak {
    }
font-size: 3em;
 
}
    .footer ul.footernav li {
.contentcolumn .contentblock {
        float: none;
display: block;
        width: auto;
}
    }
.contentblock {
 
text-align: left;
    ul.footernav.social {
width: auto;
        min-width: 0px;
}
    }
.pinned .half {
 
width: auto;
    .blockbreak {
}
        font-size: 3em;
.pinned .quarter {
    }
width: auto;
 
}
 
.pinned .third {
    .contentcolumn .contentblock {
width: auto;
        display: block;
}
    }
.threetwentymin {
 
min-width: 0px;
    .contentblock {
}
        text-align: left;
.sixfortymin {
        width: auto;
min-width: 0px;
    }
}
 
button {
    .pinned .half {
padding: 20px;
        width: auto;
display: block;
    }
margin: 0px;
 
width: 100%;
    .pinned .quarter {
float: none;
        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--------------------------*/
/*------------------------search--------------------------*/
.iconic {
.iconic {
    height: 20px;
height: 20px;
    width: 20px;
width: 20px;
}
.searchcon {
height: 30px;
}
}
.searchcon{height:30px;}
/*------------------------hotspot--------------------------*/
  /*------------------------hotspot--------------------------*/
.spotbox, .rightside .spotbox {
.spotbox, .rightside .spotbox {
 
width: auto;
    width: auto;
position: fixed;
    position:fixed;
top: 0px;
top:0px;
left: 0px;
    left:0px;
right: 0px;
right:0px;
bottom: 0px;
bottom:0px;
border-radius: 0px;
border-radius:0px;
}
}
.spot span {
.spot span
font-size: .75em;
{font-size:.75em;}
}
.spotbox.viewit
.spotbox.viewit {
{display:table; height:100%;}
display: table;
height: 100%;
}
.spot {
.spot {
height: 15px;
    height: 15px;
width: 15px;
    width: 15px;
line-height: 15px;
line-height:15px;
}
}
.spotclose {
.spotclose
float: none;
{float:none;}
}
   
}
}


Line 1,447: Line 1,155:


@media screen and (max-width: 481px) {
@media screen and (max-width: 481px) {
 
#mw-wikiforum-searchbox form {
#mw-wikiforum-searchbox form {
display: block;
display: block;
width: 100%;
width: 100%;
}
}
#mw-wikiforum-searchbox-border {
 
width: 100%;
#mw-wikiforum-searchbox-border {
}
width: 100%;
h1 {
}
font-size: 2.5em;
 
}
h1 {
h2 {
        font-size: 2.5em;
font-size: 1.5em;
    }
}
 
.contentcolumn, .contentcolumn {
    h2 {
display: block;
        font-size: 1.5em;
}
    }
.quarter, .third, .half {
 
width: auto;
    .contentcolumn, .contentcolumn {
}
        display: block;
.pinned .half {
    }
width: 50%;
 
}
    .quarter, .third, .half {
.pinned .quarter {
        width: auto;
width: 25%;
    }
}
 
.pinned .third {
    .pinned .half {
width: 33%;
        width: 50%;
}
    }
.nav {
 
display: none;
    .pinned .quarter {
}
        width: 25%;
ul.tabled .nav li {
    }
display: block;
 
}
    .pinned .third {
ul.tabled li ul {
        width: 33%;
position: relative;
    }
}
 
.nav li {
    .nav {
height: auto;
        display: none;
}
    }
.blockbreak {
 
font-size: 4em;
    ul.tabled .nav li {
}
        display: block;
li.mobilemode.navtoggle {
    }
display: table-cell;
 
}
    ul.tabled li ul {
.contentcolumn.pinned {
        position: relative;
width: 100%;
    }
}
 
.viewit {
    .nav li {
display: block;
        height: auto;
}
    }
.splashrow .contentblock {
 
margin: 0px;
    .blockbreak {
}
        font-size: 4em;
.overlay {
    }
position: relative;
 
top: 0%;
    li.mobilemode.navtoggle {
left: 0%;
        display: table-cell;
right: 0%;
    }
}
 
.contentblock.left {
 
border: none;
    .contentcolumn.pinned {
}
        width: 100%;
.contentblock.right {
    }
border: none;
 
}
    .viewit {
.mobileoff {
        display: block;
display: none;
    }
}
 
.footer ul.footernav li {
    .splashrow .contentblock {
display: block;
        margin: 0px;
float: left;
    }
width: 50%;
 
padding: 0px;
    .overlay {
margin-bottom: 10%;
        position: relative;
}
        top: 0%;
.footer ul.footernav li ul li {
        left: 0%;
width: auto;
        right: 0%;
float: none;
    }
padding: 10px;
 
}
    .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--------------------------*/


.search.viewit
.search.viewit {
{
display: table-cell;
display:table-cell;vertical-align: top;padding-right:12px;
vertical-align: top;
padding-right: 12px;
}
}
    .search
.search {
    {
display: none;
display:none;
}
}
    .mobilemode.viewtoggle
.mobilemode.viewtoggle {
    {
display: table-cell;
display:table-cell;
}
}
/*------------------------hotspot--------------------------*/
/*------------------------hotspot--------------------------*/
Line 1,572: Line 1,254:


.spotbox {
.spotbox {
width: 320px;
  width: 320px;
}
 
}
 
}
}

Revision as of 16:37, 12 April 2017

@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;
	background-image: url(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;
}
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;
}
.sitedir-ltr textarea, .sitedir-ltr input {
	direction: ltr;
	height: 30px;
	font-family: abel;
	border: none;
}
.search form .button {
	margin: 0px;
}
.label {
	background-color: #999999;
}

.subtitle {
	font-size: .7em;
}
.header {
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: +2;
	right: 0px;
	color: rgba(255,255,255,.7);
}
.viewit {
	display: table-cell;
}
.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);
}
.mainnav {
	position: absolute;
	z-index: +1;
	top: 0px;
}
.netnav {
	position: absolute;
	z-index: +1;
	right: 0px;
	top: 0px;
}
.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 {
	display: table-cell;
	text-transform: uppercase;
	vertical-align: bottom;
}
.nav li {
	height: 50px;
}
.nav li ul {
	margin: 0px;
}
.nav li ul li {
	height: auto;
	max-width: 320px;
}
.nav li {
	position: relative;
	border: none;
	height: 30px;
}
.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 {
	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;
}
.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 {
	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;
}
.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;
}
.contentcolumn .contentblock {
	display: block;
}
.blockbreak {
	padding: 2% 10% 2% 10%;
	background-color: #fff;
	font-size: 5em;
	font-weight: 700;
}
.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%;
}
.iconish {
	height: 30px;
}
.mobilemode.navtoggle {
	display: none;
}
.mobilemode {
	display: none;
}
.viewit {
	display: table-cell;
}
.vertical.viewit {
	display: block;
}
/*------------------------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--------------------------*/
.iconic {
	height: 30px;
	width: 30px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	display: block;
}
.searchcon {
	background-image: url(parts/searchcon.png);
}
.menucon {
	background-image: url(parts/menucon.png);
}
form, text, submit {
	font-family: Abel, Arial, Helvetica, sans-serif;
}
.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--------------------------*/
p < .image {
 padding: 0px !important;
 margin: 0px !important;
}
.image img {
	width: 100%;
	height: auto;
}
.fullImageLink img {
	width: 100%;
	height: auto;
}
table.wikitable {
	width: 100%;
}
a.image img:hover {
	opacity: .9;
}
img.thumbimage {
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: 20px solid #fff;
}
p {
	display: block;
	padding-top: 1em;
	padding-bottom: 1em;
}
.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: 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;
}
}

@media screen and (max-width: 767px) {
.thumb.tright {
	width: 50%;
	height: 40vw;
	display: table;
	float: left;
}
.thumb.tright .thumbinner {
	display: table-cell;
	vertical-align: middle;
}
}
 @import url('https://fonts.googleapis.com/css?family=Abel');
.body {
	font-family: Abel, Arial, Helvetica, sans-serif;
}
.blockbreak {
	font-size: inherit;
}
a {
	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 {
	display: block;
	padding: 5% 10% 5% 10%;
}
.blockbreak {
	padding: 0px;
	margin: 0px;
}
.blockbreak h2 {
	padding: 5%;
	margin: 0px;
	font-size: 4em;
}
.blockbreak h2.title {
	font-size: 5em;
	font-weight: 700;
}
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: 767px) {
table.wikitable {
	overflow-x: scroll;
	display: block;
}
table.wikitable td {
	min-width: 50vw;
}
}

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




@media screen and (max-width: 767px) {
.contentcolumn.centered {
	margin-top: 0px;
}
.blockbreak h2 {
	padding: 5%;
	margin: 0px;
	font-size: 2em;
}
.blockbreak h2.title {
	margin-top: 0px;
	font-size: 3em
}
.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;
}
/*------------------------search--------------------------*/
.iconic {
	height: 20px;
	width: 20px;
}
.searchcon {
	height: 30px;
}
/*------------------------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: 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;
}
.search {
	display: none;
}
.mobilemode.viewtoggle {
	display: table-cell;
}
/*------------------------hotspot--------------------------*/	


.spotbox {
	width: 320px;
}
}
Retrieved from "https://www.risetvp.com/index.php?title=User:lambert/rise.css&oldid=2132"