Skip to content

Leviathan Myth.com - Classic 2008 by werewire

Screenshot of Leviathan Myth.com - Classic 2008

Details

Authorwerewire

LicenseCC0 - Public Domain

Categoryleviathan-myth.com

Created

Updated

Size19 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Makes LV look kind of like how it did in 2008

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name           Leviathan Myth.com - Classic 2008
@namespace      github.com/openstyles/stylus
@version        1.0.1
@description    Makes LV look kind of like how it did in 2008
@author         Werewire
==/UserStyle== */

@-moz-document domain("leviathan-myth.com") {
    html {
  background-image: url(https://i.imgur.com/NRDQjGE.jpg);
  background: #D1C2AC;
}

body {
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  color: #000;
  height:100%;
  margin-top: 0;
}

footer {
    background: #fff;
    margin: -8px 20px 0 20px;
    height: 70px;
    border-radius: 20px 20px 0 0;
}

footer a {
    color: #a68064;
}

footer a:hover {
    color: #000;
}

.sm-footer {
    background: url(https://i.imgur.com/XINP04p.png) no-repeat;
    height: 70px;
    color: #000;
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    font-size: 10pt;
    border-radius: 20px 20px 0 0;
}

.page {
  margin: 0;
}

header {
  height: 180px;
  background: #d1c2ac;
  margin: -8px 20px 0 20px;
  border-radius: 0 0 20px 22px;
}

.sm-header {
    background: url(https://i.imgur.com/rzKh8N8.jpg) no-repeat;
    height: 180px;
    border-radius: 0 0 20px 20px;
    background-size: 100%;
}

.logo {
    margin: 0 auto;
    padding-top: 60px;
}

.page:after {
  content: "";
  display: table;
  clear: both;
}

.wrapper {
  max-width: 1780px;
  margin: 0 auto;
  position: relative;
  background: #d6d5d6;
  padding: 0 40px 0 40px;
}

.content-wrapper {
  margin-top: 0;
  margin-bottom: 8px;
  float: right;
  width: 100%;
  background: #570f13 !important;
}

.content {
  padding: 65px 0 20px 0;
  margin-left: 215px;
  margin-bottom: 0;
  border-left: 1px dotted #570f13 !important;;
  clear: both;
  overflow: auto;
  background: #fff !important;
  min-height: 950px;
  font-size: 11pt;
}

.content p {
  padding: 0 20px 0 20px;
}

.width-97 {
    width: 97%;
    margin: auto;
}

.boardname, .primary-heading {
  font-size: 16pt;
  font-weight: bold;
  color: #000;
}

.secondary-heading {
  font-size: 13pt;
  font-weight: bold;
  color: #570f13;
}

.sidebar {
  position: relative;
  width: 214px;
  margin-right: -215px;
  float: left;
  overflow: hidden;
  background: #570f13;
  /* background: rgba(49, 49, 49, 0.2); */
  min-height: 750px;
  margin-top: 0;
  margin-bottom: 28px;
  padding-top: 55px;
}

.icon {
    position: absolute;
    left: 52px;
    top: 40px;
    background: #900;
    border: 12px solid #900;
    height: 150px;
    width: 150px;
    border-radius: 100px;
    z-index: 2;
    content: url(https://i.imgur.com/Q9fxIrr.png) !important;
}

.welcome-banner {
    position: absolute;
    left: 205px;
    top: 144px;
    background: #fff;
    height: 20px;
    padding: 10px 1px 1px 1px;
    border-radius: 0 10px 0 0;
    z-index: 1;
    padding: 5px 14px 3px 30px;
    color: #413549;
    font-weight: bold;
    font-size: 12pt;
}

.info-banner {
    position: absolute;
    right: 100px;
    top: 0;
    background: #fff;
    height: 20px;
    border-radius: 0 0 10px 10px;
    z-index: 1;
    padding: 5px 20px 5px 20px;
    color: #000;
    font-weight: bold;
    font-size: 12pt;
}

.left-align {
    text-align: left;
}

.forage-outer {
    position: relative;
    height: 400px;
    width: 700px;
    margin: 0 auto;
}
.forage-inner {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 400px;
    width: 700px;
    margin: 0 auto;
}

/* STYLES ALERT MESSAGES */
.alert {
    font-size: 11pt;
    border-radius: 5px;
    padding: 8px;
    margin: 0 auto 20px auto;
    width: 100%;
    box-sizing: border-box;
}

/* STYLES SUCCESS MESSAGES */
.success {
    background-color: #b5e3bb;
    color: #4b5d4d;
    border: 2px solid #a7cfac;
}

/* STYLES FAILURE MESSAGES */
.failure {
    background-color: #e2bab6;
    color: #82534f;
    border: 2px solid #caaaa7;
}

/* STYLES NEUTRAL MESSAGES */
.neutral {
    background-color: #e6dfe7;
    color: #7b707d;
    border: 2px solid #d6ccd7;
}

/* LINKS */
a {
  color: #A68064;
  text-decoration: none;
  -moz-transition-duration: .2s;
  -webkit-transition-duration: .2s;
  -o-transition-duration: .2s;
}
	
a:hover {
  color:#000;
  -moz-transition-duration: .2s;
  -webkit-transition-duration: .2s;
  -o-transition-duration: .2s;
}

/* @media only screen and (max-width: 768px) {
  .sidebar {
    display: none;
  }
  .content {
    margin-left: 0px;
    min-width: 530px;
  }
  header {
    min-width: 530px;
  }
  footer {
    min-width: 530px;
  }
  nav {
    min-width: 530px;
    margin-left: -7px;
  }
  nav ul {
      margin-top: -50px;
  }
  .mobile-links {
    display: inline !important;
}
} */

.mobile-links {
    display: none;
    width: 180px;
    background: rgba(49, 49, 49, 0.2);
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 5px;
}

.a {
	background-color: #fff;
	border: 1px solid #570f13;
	border-radius: 5px;
}

.b {
	background-color: #900;
	border: 1px solid #570f13;
	border-radius: 5px;
    color: #ffffff;
}

.c {
	background-color: #fff;
	border: 1px solid #570f13;
	border-radius: 5px;
}

.alt {
    background-color: #e6e6e6;
    border-radius: 5px;
}

.sidebar-nav ul {
	list-style: none;
    position: relative;
    margin-left: -29px;
    margin-right: 10px;
}

.sidebar-nav li {
	padding: 3px 0 4px 0;
	background-color: #38090c;
	border-radius: 5px 5px 5px 5px;
	margin-top: 8px;
	margin-right: .10em;
    margin-left: .10em;
	transition: .3s background-color;
    color: #000;
    font-size: 10pt;
}

nav {
    background-color: #900;
    margin: 0 20px 0 92px;
    height: 42px;
    border-radius: 0 0 12px 12px;
    position: absolute;
    left: 45;
    right: 45;
    z-index: 1;
}

nav ul {
	list-style: none;
	padding: 0;
    margin-top: 1px;
    margin-left: 64px;
    position: relative;
}

nav li {
	display: inline-block;
	width: 11%;
	padding: 3px 0 4px 0;
	background-color: rgba(0, 0, 0, 0.25);
	border-radius: 5px 5px 5px 5px;
	margin-top: 8px;
	margin-right: .10em;
    margin-left: .10em;
	transition: .3s background-color;
    font-variant: small-caps;
    font-size: 11pt;
    font-weight: bold;
    color: white;
}

nav li:hover, .sidebar-nav li:hover {
	/* background-color: rgba(0, 0, 0, 0.15); */
	background-color: rgba(0, 0, 0, 0.15);
	transition: .3s background-color;
	color: white;
}

nav li a, .sidebar-nav a {
	color: #ffffff;
	text-decoration: none;
	display: block;
}

nav li a:hover {
    color: #000;
    text-decoration: underline;
}

div, td {
	font-family: Verdana;
	color: #000;
}

input[type=submit], input[type=button] {
    background-color: #c00;
    color: white;
    border: none;
    border-radius: 2px;
    padding: 10px 16px;
    cursor: pointer;
}

input[type=submit]:hover, input[type=button]:hover {
    background-color: #c33;
    -moz-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
}

input[type=submit]:active, input[type=button]:active {
    background-color: #825b7f;
}

input[type=text], input[type=password] {
    padding: 9px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;
}

input[type=textarea], textarea {
    padding: 9px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

input[type=select], select {
  padding: 9px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
}

.social-media {
    font-size: 44px;
}

.tooltip {
    display:inline-block;
    position:relative;
    text-align:left;
}

.tooltip .top {
    min-width:200px; 
    top:-20px;
    left:50%;
    transform:translate(-50%, -100%);
    padding:2px;
    color:#444444;
    background-color:#fff;
    font-weight:normal;
    font-size:13px;
    border-radius:8px;
    border:1px solid white;
    position:absolute;
    z-index:99999999;
    box-sizing:border-box;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
    visibility:hidden; opacity:0; transition:opacity 0.8s;
}

.tooltip h3 {
    margin: 10px 0 -5px 10px;
}

.tooltip:hover .top {
    visibility:visible; opacity:1;
}

.tooltip .top i {
    position:absolute;
    top:100%;
    left:50%;
    margin-left:-12px;
    width:24px;
    height:12px;
    overflow:hidden;
}

.tooltip .top i::after {
    content:'';
    position:absolute;
    width:12px;
    height:12px;
    left:50%;
    transform:translate(-50%,-50%) rotate(45deg);
    background-color:#fff;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
}

.forum-rules, .inventory-sorting {
    margin-bottom: 20px;
    padding: 15px 20px 20px 20px;
    border-radius: 5px;
    background-color: #e6dfe7;
    text-align: left;
}

.admin-star {
    color: gold;
    text-shadow: 1px 1px #574761;
}

.mod-star {
    color: silver;
    text-shadow: 1px 1px #574761;
}

@media (min-width: 1000px) {
  main.dragon {
    column-count: 2;
    column-gap: 15px;
  }
  
  .dragon {
    break-inside: avoid;
  }
}

@media (min-width: 1300px) {
  main.dragon {
     column-count: 3;
  }
}

.item-table, .crown-exchange {
    border-spacing:0;
    width:100%;
}
.item-table td, .crown-exchange td {
    overflow:hidden;
    padding:10px 5px;
    word-break:normal;
}
.item-table th, .crown-exchange th {
    font-weight:normal;
    overflow:hidden;
    padding:10px 5px;
    word-break:normal;
}
.item-table .item-table-center, .crown-exchange .crown-exchange-center {
    text-align:center;
    vertical-align:top;
}
.item-table .item-table-left, .crown-exchange .crown-exchange-left {
    text-align:left;
    vertical-align:top;
}
.item-table .item-table-right, .crown-exchange .crown-exchange-right {
    text-align:right;
    vertical-align:top;
}

.revive {
    margin-bottom: -15px;
}

/* LOOKOUT.PHP Layout Styles -----------*/
.lookout-statistics {
    display: inline-block;
}

.stat-container {
    width: 61px;
    display: inline-block;
}

/* FORUM.PHP Layout Styles -----------*/
@media (min-width: 1000px) {
  main {
    column-count: 2;
    column-gap: 15px;
  }
  
  .board {
    break-inside: avoid;
  }
}

@media (min-width: 1300px) {
  main {
     column-count: 3;
  }
}

.forum, main.dragon, main.ima...

Reviews

No reviews yet.