Skip to content

DarkWood AO3 by grie

Write a review Install Get Stylus

Details

Authorgrie

LicenseNo License

Categoryarchiveofourown.org

Created

Updated

Code size25 kB

Code checksum97e89c18

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

phoenix grie

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           DarkWood AO3
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    phoenix grie
==/UserStyle== */
	@-moz-document domain("archiveofourown.org") {
        
        * {
          user-select: auto !important;
        }
        
		/* Updated on January 18th 2024 */
		body,
		#header {
			background: #2b2420!important;
			color: #c0afa7!important;

		}

		a,
		a:link,
		a:visited,
		a:visited:hover {
			border-bottom: none !important;
			color: #bd704e
		}

		#main,
		#outer,
		.wrapper {
			background-color: #271f1b !important;
			color: #c0afa7 !important;
		}

		ul.actions {
			padding: 0 0 0 1 !important;
		}

		.actions input,
		input[type="submit"] {
			color: #c0afa7 !important;
		}

		.blurb h4 a:visited {
			color: #c29f8e;
		}

		.blurb h4 a:visited:hover {
			color: #bd876e;
		}

		.blurb h4 a:link:hover,
		.expander {
			color: #c0afa7!important;
		}

		.timeline-Widget {
			background-color: #5b3625 !important;
		}

		.preface h3 {
			font-size: 100% !important;
		}
		div.preface .notes,
		div.preface .summary,
		div.preface .series,
		div.preface .children {
			min-height: 5em;
			font-size: 15pt !important;
		}
		.userstuff {
			font-size: 250% !important;
			font-family: Charter, Merriweather, Sitka, Verdana, "sans-serif" !important;
			text-align: left;
		}

		.userstuff h2 {
			color: #ce1e1e00 !important;
		}
		.preface h2.title {
			display: block;
			border-bottom: 0;
			clear: right;
			font-size: 20pt !important;
		}
		div.preface .byline,
		div.preface .byline a {
			border: 0;
			text-align: center;
			text-decoration: none;
			font-size: 15pt !important;
		}
		div.preface .jump {
			margin-top: 1.5em;
			font-size: 10pt;
			font-family: Sitka, Charter, Merriweather, "Verdana", Sans-serif;
		}
		blockquote.userstuff {
			font-size: 13pt !important;
			text-align: Justify;
			hyphens: auto;
			line-height: 1.3em;
		}
		.splash .intro {
			background: #2d2622 !important;
			color: #c0afa7 !important;
			box-shadow: none !important;
		}

		.splash #signup {
			text-shadow: none !important;
		}

		#workskin {
			max-width: 1000px;
			padding-left: 2%;
			padding-right: 2%;
			font-size: 20pt;
			font-family: Sitka, Charter, Merriweather, "Verdana", "sans-serif";
		}

		#workskin p {
			line-height: 1.6em;
			margin-top: 1em !important;
			margin-bottom: 1.2em !important;
		}

		#footer {
			background: #36241b;
			border-top: 1px solid #362a24 !important;
		}

		#footer a,
		#footer .secondary {
			background: transparent !important;
			border: none !important;
		}

		#header .menu {
			background-image: none;
			background: #45291c;
			box-shadow: none !important;
		}

		#header .primary .menu .current {
			color: #c0afa7;
		}

		#header .primary {
			background: #38251c !important;
		}

		#header .dropdown:hover a {
			background: #38271f !important;
			color: #c0afa7;
		}

		#header .actions a:hover {
			background: #5a3827 !important;
		}

		#header fieldset {
			border: none !important;
		}

		#header .heading a {
			color: #c0afa7 !important;
		}

		#header .user .current,
		#header .user {
			color: #c0afa7 !important;
			background-color: #ff52000f;
		}

		#header .open a {
			color: #c0afa7 !important;
			background: #36241b !important;
			background-image: none;
			box-shadow: none !important;
		}

		#header .actions a:focus {
			background: inherit;
		}

		#header a {
			background: none !important;
			border: none !important;
		}

		#small_login {
			color: #c0afa7 !important;
			background: #482f23 !important;
			border: 1px solid #2a1c15;
		}

		#small_login dt {
			border: none !important;
		}

		.dropdown #small_login .footnote a {
			background: #3b281f;
		}

		.dropdown #small_login .footnote a:hover {
			background: #57382a !important;
		}

		.action,
		#small_login .action {
			color: #c0afa7 !important;
			background: #28221f;
			background-image: none;
			box-shadow: none !important;
			border: 1px solid #332f2d;
		}

		.action:hover,
		#small_login .action:hover {
			color: #c0afa7 !important;
			background: #3d2114;
			background-image: none;
			box-shadow: none !important;
			border: 1px solid #332017;
		}

		.actions a {
			background: #2a211c !important;
			background-image: none !important;
			text-shadow: none;
			border: 1px solid #361f14 !important;
			padding: .25em .55em !important;
			text-decoration: none !important;
		}

		.actions a:hover {
			background: #3e281d !important;
			box-shadow: none !important;
			border: 1px solid #3e291f;
			color: #c0afa7;
		}

		.actions a:visited {
			color: #c0afa7 !important;
			text-shadow: none !important;
		}

		.actions input,
		input[type="submit"] {
			background: #39271e !important;
			background-image: none;
			box-shadow: inset 0 -8px 4px #482e22, inset 0 8px 7px #555 !important;
			border: 1px solid #41281c;
		}

		.actions input:hover,
		input[type="submit"]:hover {
			background: #3f291f !important;
			background-image: none;
			box-shadow: none !important;
			border: 1px solid #342119;
		}

		.actions label {
			color: #c0afa7 !important;
			background: #432b1f !important;
			background-image: none;
			border: 1px solid #432b1f;
		}

		.actions label:hover {
			color: #c0afa7 !important;
			background: #3e271b !important;
			background-image: none;
			box-shadow: none !important;
			border: 1px solid #342219;
		}

		.action:link {
			background: #201a17;
		}

		.action:link:hover {
			background: #271f1c;
		}

		.wrapper {
			box-shadow: none;
			background-color: #231d1a;
		}

		#outer.wrapper,
		#inner.wrapper {
			background-color: #1c1b21;
		}

		.heading {
			text-shadow: none;
		}

		a:link {
			color: #c4937c !important;
		}

		a:visited:hover {
			color: #bd856b;
		}

		a.tag,
		.tags a {
			color: #c19f8f !important;
			line-height: 1.6;
			text-decoration: none !important;
			border-bottom: 1px dotted !important;
		}

		fieldset {
			background: #271e1a;
			box-shadow: none;
			border: 1px solid #2f2622;
		}

		fieldset fieldset,
		fieldset dl dl,
		form blockquote.userstuff {
			background: #382f2b;
			text-align: Justify;
			box-shadow: none;
		}

		fieldset dl {
			border: none !important;
		}

		li.blurb {
			box-shadow: none;
			border: 1px solid #2d2826;
		}

		li.relationships a {
			background: #2b2421;
		}

		li.comment {
			border: 1px solid #42403f !important;
		}

		.comment h4.byline {
			background: #302d2c !important;
		}

		div.comment {
			border: none !important;
		}

		.notice,
		.comment_notice,
		ul.notes,
		.caution,
		.error,
		.comment_error {
			color: #c0afa7 !important;
			background-color: #2d2622 !important;
			box-shadow: none !important;
			border: 1px solid #36312f !important;
		}

		.error,
		.comment_error,
		.kudos_error,
		.alert.flash {
			background: #c17754 !important;
			border-color: #6a4b3d !important;
			box-shadow: none !important;
		}

		.comment div.icon {
			border-right: 1px solid #36312e;
			border-bottom: 1px solid #302b29;
		}

		.listbox {
			background: #2c2623 !important;
			box-shadow: none !important;
			border: 1px solid #37312e;
		}

		.listbox .index {
			background: #2a2421 !important;
			box-shadow: none !important;
		}

		.listbox .heading,
		.listbox .heading a:visited {
			color: inherit;
		}

		#dashboard.own {
			border-top: none;
			border-bottom: none;
			box-shadow: none !important;
		}

		#dashboard ul {
			border-top: 2px solid #302e2c;
		}

		ul.work.navigation.actions li a,
		ul.navigation.actions li a,
		ul.actions li a,
		ol.pagination.actions li a {
			box-shadow: inset 0 -8px 4px #221c19, inset 0 8px 7px #555;
		}

		#feedback > ul li a {
			box-shadow: inset 0 -8px 4px #221d1b, inset 0 8px 7px #555 !important;
		}

		dl.index dd {
			background: #1c1b21;
		}

		textarea {
			color: #c0afa7 !important;
			background-color: #201d1b!important;
			box-shadow: none !important;
			border: 1px solid #2f2d2c !important;
		}

		select,
		input {
			color: #c0afa7 !important;
			background: #292625!important;
			box-shadow: none !important;
			border: 1px solid #292624;
		}

		.secondary {
			color: #c0afa7 !important;
			background-color: #312926 !important;
			box-shadow: none !important;
			border: 2px solid #291d18;
		}

		.verbose legend,
		form.verbose legend {
			background: #2f2825;
			border: 1px solid #332e2b !important;
			box-shadow: none !important;
			border-top: solid 2px #262422 !important;
		}

		.verbose form legend {
			background: #201916;
		}

		label {
			color: #c0afa7 !important;
		}

		.toggled form,
		.dynamic form {
			color: #c0afa7 !important;
			background: #27211f !important;
			box-shadow: none !important;
			border: 1px solid #37302d !important;
		}

		form dl {
			background-color: #221d1b!important;
			box-shadow: none !important;
			border: 1px solid #35312f;
		}

		form dt {
			border-bottom: 1px solid #3e3b3a !important;
		}

		#modal {
			background: #241f1d !important;
			color: #c0afa7 !important;
			border: 10px solid #201b18 !important;
		}

		#modal .content {
			border-bottom: none !important;
		}

		#modal a:link {
			border-bottom: 1px solid #2d2a28;
		}

		#modal .footer .action.modal-closer {
			border-color: #272423;
		}

		#symbols-key dl {
			border: 1px solid #2d2a28;
		}

		.thread .even {
			background: #252322 !important;
		}

		span.question {
			background: #1c191708;
			border-color: #c0afa7;
		}

		span.symbol {
			color: #c0afa7;
		}

		.splash {
			max-width: 98% !important;
		}

		.splash .module di...

Reviews

No reviews yet.