Discover Top Posts Tagged with #glowy

Mar 11

ok this is different from my normal posts, but i made an ao3 skin!!! it's a pink and teal glowing skin, hope this helps somebody!! the code is inspired by that one constellation skin :)

the code is underneath the cut:

#header {

background-image: url("https://i.pinimg.com/1200x/7a/0f/80/7a0f8002c6b8b0ce673965ab7e6e2533.jpg");

background-repeat: no-repeat;

background-size: cover;

background-position: center center;

background-color: #26151e;

}

#header .heading {

height: 15em;

}

#header .primary {

background: #1f0d15;

box-shadow: 0px 0px 15px #70e2f3;

}

#header .logo,

#header .heading sup {

visibility: hidden;

}

#header .heading a {

color: #26151e;

text-shadow: 0px 0px 15px #70e2f3;

}

.event .userstuff {

background: #5e4254;

border: 1px solid #70e2f3;

}

#outer.wrapper {

background: #1f0d15;

color: #70e2f3;

}

#main a {

color: #9b768a;

}

#greeting a.dropdown-toggle,

#header .actions a {

color: #70e2f3 !important;

text-shadow: 0px 0px 3px #26151e;

}

#greeting .menu,

#header .dropdown .menu,

#header .dropdown:hover a {

background: #1f0d15;

box-shadow: 0px 0px 15px #70e2f3;

}

span.submit.actions input.button {

display: none;

}

#greeting img.icon {

display: none;

}

#header #search .text,

.search [role="tooltip"] {

background: #1f0d15;

box-shadow: 0px 0px 15px #70e2f3;

color: #70e2f3 !important;

border: 1px solid #1f0d15;

}

form.search input[type=text],

form.search input[type=submit],

.autocomplete div.dropdown ul {

background: #1f0d15 !important;

border: none;

box-shadow: 0px 0px 15px #70e2f3;

color: #70e2f3;

display: block;

}

#header #search .text {

width: 7em;

}

.notice,

.comment_notice,

.kudos_notice,

ul.notes,

.caution,

.error,

.comment_error,

.kudos_error,

.alert.flash {

background: #70e2f3;

box-shadow: 0px 0px 15px #70e2f3 !important;

color: #1f0d15;

border: none;

}

.notice a,

.comment_notice a,

.kudos_notice a,

ul.notes a,

.caution a,

.error a,

.comment_error a,

.kudos_error a,

.alert.flash a {

color: #69505c;

font-weight: bold;

}

.splash .module h3 {

color: #70e2f3;

border-bottom: 2px solid #70e2f3;

}

.splash .favorite li:nth-of-type(2n+1) a {

background: #70e2f3;

box-shadow: 0px 0px 15px #70e2f3;

color: #1f0d15;

font-weight: bold;

font-variant: small-caps;

}

.splash .favorite li:nth-of-type(2n+2) a {

color: #70e2f3;

font-weight: bold;

font-variant: small-caps;

font-size: 110%;

}

.splash .favorite li:nth-of-type(2n+1) a:hover,

.splash .favorite li:nth-of-type(2n+2) a:hover {

color: #70e2f3;

font-weight: bold;

font-variant: small-caps;

background: #5e4254;

}

#footer {

background: #5e4254;

color: #70e2f3;

border-top: 3px solid #70e2f3;

box-shadow: 0px 0px 15px #70e2f3;

}

#footer a,

#footer .heading {

color: #70e2f3;

}

.actions a,

.actions a:focus,

.actions input:focus,

.action:focus,

.actions li input,

.actions li input[type="submit"],

input[type="submit"],

.actions li label,

ul.navigation.actions li a,

.action:link,

.actions a:link {

background: #5e4254;

border: 1px solid #70e2f3;

color: #70e2f3;

box-shadow: 0px 0px 15px #70e2f3;

border-radius: 5px;

}

.current,

#dashboard .current {

background: #70e2f3 !important;

color: #1f0d15 !important;

box-shadow: 0px 0px 15px #70e2f3 !important;

border-radius: 5px;

}

#dashboard.own {

border-top: 5px solid #70e2f3;

border-bottom: 5px solid #70e2f3;

box-shadow: 0px 0px 15px #70e2f3;

}

#dashboard a:hover {

background: #1f0d15;

box-shadow: 0px 0px 15px #70e2f3;

}

#dashboard a {

color: #70e2f3;

}

dl.meta {

border: 1px solid #70e2f3;

box-shadow: 0px 0px 15px #70e2f3;

}

.listbox .index {

background: #1f0d15;

}

.listbox,

fieldset fieldset.listbox {

background: #70e2f3;

box-shadow: 0px 0px 15px #70e2f3;

}

form dl,

fieldset,

fieldset fieldset,

fieldset fieldset fieldset,

fieldset fieldset dl dl,

dd.hideme,

form blockquote.userstuff,

input,

select,

select:focus,

textarea,

span.symbol.question,

.own {

background: #1f0d15 !important;

color: #70e2f3 !important;

border: 1px solid #70e2f3;

box-shadow: 0px 0px 15px #70e2f3;

}

.autocomplete li.added,

.post .meta dd ul li.added,

label,

label.required {

color: #70e2f3;

}

span.delete {

background: #70e2f3;

box-shadow: 0px 0px 15px #70e2f3;

}

span.delete a {

color: #1f0d15 !important;

font-weight: bold;

}

.ui-sortable li,

.dynamic form,

div.dynamic {

background: #1f0d15;

border: 1px solid #70e2f3;

}

.dropdown {

background: #1f0d15;

}

form.verbose legend,

.verbose form legend {

background: #70e2f3;

color: #1f0d15;

box-shadow: 0px 0px 15px #70e2f3;

}

li.blurb {

border: 1px solid #70e2f3;

box-shadow: 0px 0px 15px #70e2f3;

}

.draft {

background: #1f0d15;

color: #70e2f3;

border: 2px dashed #70e2f3;

box-shadow: 0px 0px 15px #70e2f3;

}

.draft .wrapper {

background: #1f0d15;

border: 1px solid #70e2f3;

}

#header h2 {

background: #70e2f3 !important;

color: #1f0d15;

box-shadow: 0px 0px 15px #70e2f3;

}

#stat_chart svg rect:first-of-type {

opacity: 60%;

}

#stat_chart g[clip-path^=url] > g:nth-of-type(2) rect,

#stat_chart svg g:nth-of-type(2) > g rect:last-of-type,

#stat_chart g[clip-path^=url] > g:nth-of-type(2) rect:first-of-type {

filter: hue-rotate(140deg);

opacity: 80% !important;

}

.statistics .index li:nth-of-type(2n) {

background: #1f0d15;

border: 1px solid #70e2f3;

}

.reading h4.viewed,

dl.index dd,

table,

th,

dt.child {

background: #1f0d15;

}

#modal,

span.replied {

background: #1f0d15;

color: #70e2f3;

border: 2px solid #70e2f3;

box-shadow: 0px 0px 15px #70e2f3;

}

h4.heading.byline {

background: #70e2f3;

color: #1f0d15;

}

li.comment {

border: 1px solid #70e2f3;

}

.comment div.icon {

border-bottom: 5px solid #70e2f3;

box-shadow: 0px 0px 15px #70e2f3;

}

.thread .even {

background: #5e4254;

}

.unread {

background: #1f0d15;

border: 5px dashed #70e2f3 !important;

}

span.unread {

background: #70e2f3;

color: #1f0d15;

}

span.indicator::before {

box-shadow: 0px 0px 15px #70e2f3;

}

.warnings .tag,

.work .warning a.tag,

dd.warning.tags a {

border: 1px solid #70e2f3;

border-radius: 5px;

background: #70e2f3;

padding-left: 2px;

padding-right: 2px;

box-shadow: 0px 0px 10px #70e2f3;

}

.relationships .tag,

.work .relationships a.tag,

dd.relationship.tags a {

background: none;

color: #70e2f3 !important;

font-weight: bold;

text-shadow: 0px 0px 15px #70e2f3;

}

.filters .expander {

background: url("https://64.media.tumblr.com/3c89981f933f9f57157d6dcec6fd85a7/94c6737c6db9ad60-e5/s1280x1920/f7557e617a5439c506721bd326580a0cb4c1f8d8.png") left center no-repeat;

color: #70e2f3 !important;

font-weight: bold;

}

.filters .expanded .expander {

background: url("https://64.media.tumblr.com/dab095a2fd9387bc1e0c57747ba6b13f/94c6737c6db9ad60-ad/s1280x1920/c1a4e14e0565cdcac5d3e20bebac3ab440f2d607.png") left center no-repeat;

}

#⤷ ❦.ᐟˎˊ˗ 𝓪𝐧𝐲𝐚'𝐬 𝓪𝐜𝐞𝐬 #made this because i need to learn coding #pink #teal #ao3 skin #ib:#constellation skin #ao3 #work skins #when i hyperfixate i HYPERFIXATE.#site skins #ao3 site skin #glowy

esarity11

Mar 11

ok this is different from my normal posts, but i made an ao3 skin!!! it's a pink and teal glowing skin, hope this helps somebody!! the code is inspired by that one constellation skin :)

the code is underneath the cut:

#header {

background-image: url("https://i.pinimg.com/1200x/7a/0f/80/7a0f8002c6b8b0ce673965ab7e6e2533.jpg");

background-repeat: no-repeat;

background-size: cover;

background-position: center center;

background-color: #26151e;

}

#header .heading {

height: 15em;

}

#header .primary {

background: #1f0d15;

box-shadow: 0px 0px 15px #70e2f3;

}

#header .logo,

#header .heading sup {

visibility: hidden;

}

#header .heading a {

color: #26151e;

text-shadow: 0px 0px 15px #70e2f3;

}

.event .userstuff {

background: #5e4254;

border: 1px solid #70e2f3;

}

#outer.wrapper {

background: #1f0d15;

color: #70e2f3;

}

#main a {

color: #9b768a;

}

#greeting a.dropdown-toggle,

#header .actions a {

color: #70e2f3 !important;

text-shadow: 0px 0px 3px #26151e;

}

#greeting .menu,

#header .dropdown .menu,

#header .dropdown:hover a {

background: #1f0d15;

box-shadow: 0px 0px 15px #70e2f3;

}

span.submit.actions input.button {

display: none;

}

#greeting img.icon {

display: none;

}

#header #search .text,

.search [role="tooltip"] {

background: #1f0d15;

box-shadow: 0px 0px 15px #70e2f3;

color: #70e2f3 !important;

border: 1px solid #1f0d15;

}

form.search input[type=text],

form.search input[type=submit],

.autocomplete div.dropdown ul {

background: #1f0d15 !important;

border: none;

box-shadow: 0px 0px 15px #70e2f3;

color: #70e2f3;

display: block;

}

#header #search .text {

width: 7em;

}

.notice,

.comment_notice,

.kudos_notice,

ul.notes,

.caution,

.error,

.comment_error,

.kudos_error,

.alert.flash {

background: #70e2f3;

box-shadow: 0px 0px 15px #70e2f3 !important;

color: #1f0d15;

border: none;

}

.notice a,

.comment_notice a,

.kudos_notice a,

ul.notes a,

.caution a,

.error a,

.comment_error a,

.kudos_error a,

.alert.flash a {

color: #69505c;

font-weight: bold;

}

.splash .module h3 {

color: #70e2f3;

border-bottom: 2px solid #70e2f3;

}

.splash .favorite li:nth-of-type(2n+1) a {

background: #70e2f3;

box-shadow: 0px 0px 15px #70e2f3;

color: #1f0d15;

font-weight: bold;

font-variant: small-caps;

}

.splash .favorite li:nth-of-type(2n+2) a {

color: #70e2f3;

font-weight: bold;

font-variant: small-caps;

font-size: 110%;

}

.splash .favorite li:nth-of-type(2n+1) a:hover,

.splash .favorite li:nth-of-type(2n+2) a:hover {

color: #70e2f3;

font-weight: bold;

font-variant: small-caps;

background: #5e4254;

}

#footer {

background: #5e4254;

color: #70e2f3;

border-top: 3px solid #70e2f3;

box-shadow: 0px 0px 15px #70e2f3;

}

#footer a,

#footer .heading {

color: #70e2f3;

}

.actions a,

.actions a:focus,

.actions input:focus,

.action:focus,

.actions li input,

.actions li input[type="submit"],

input[type="submit"],

.actions li label,

ul.navigation.actions li a,

.action:link,

.actions a:link {

background: #5e4254;

border: 1px solid #70e2f3;

color: #70e2f3;

box-shadow: 0px 0px 15px #70e2f3;

border-radius: 5px;

}

.current,

#dashboard .current {

background: #70e2f3 !important;

color: #1f0d15 !important;

box-shadow: 0px 0px 15px #70e2f3 !important;

border-radius: 5px;

}

#dashboard.own {

border-top: 5px solid #70e2f3;

border-bottom: 5px solid #70e2f3;

box-shadow: 0px 0px 15px #70e2f3;

}

#dashboard a:hover {

background: #1f0d15;

box-shadow: 0px 0px 15px #70e2f3;

}

#dashboard a {

color: #70e2f3;

}

dl.meta {

border: 1px solid #70e2f3;

box-shadow: 0px 0px 15px #70e2f3;

}

.listbox .index {

background: #1f0d15;

}

.listbox,

fieldset fieldset.listbox {

background: #70e2f3;

box-shadow: 0px 0px 15px #70e2f3;

}

form dl,

fieldset,

fieldset fieldset,

fieldset fieldset fieldset,

fieldset fieldset dl dl,

dd.hideme,

form blockquote.userstuff,

input,

select,

select:focus,

textarea,

span.symbol.question,

.own {

background: #1f0d15 !important;

color: #70e2f3 !important;

border: 1px solid #70e2f3;

box-shadow: 0px 0px 15px #70e2f3;

}

.autocomplete li.added,

.post .meta dd ul li.added,

label,

label.required {

color: #70e2f3;

}

span.delete {

background: #70e2f3;

box-shadow: 0px 0px 15px #70e2f3;

}

span.delete a {

color: #1f0d15 !important;

font-weight: bold;

}

.ui-sortable li,

.dynamic form,

div.dynamic {

background: #1f0d15;

border: 1px solid #70e2f3;

}

.dropdown {

background: #1f0d15;

}

form.verbose legend,

.verbose form legend {

background: #70e2f3;

color: #1f0d15;

box-shadow: 0px 0px 15px #70e2f3;

}

li.blurb {

border: 1px solid #70e2f3;

box-shadow: 0px 0px 15px #70e2f3;

}

.draft {

background: #1f0d15;

color: #70e2f3;

border: 2px dashed #70e2f3;

box-shadow: 0px 0px 15px #70e2f3;

}

.draft .wrapper {

background: #1f0d15;

border: 1px solid #70e2f3;

}

#header h2 {

background: #70e2f3 !important;

color: #1f0d15;

box-shadow: 0px 0px 15px #70e2f3;

}

#stat_chart svg rect:first-of-type {

opacity: 60%;

}

#stat_chart g[clip-path^=url] > g:nth-of-type(2) rect,

#stat_chart svg g:nth-of-type(2) > g rect:last-of-type,

#stat_chart g[clip-path^=url] > g:nth-of-type(2) rect:first-of-type {

filter: hue-rotate(140deg);

opacity: 80% !important;

}

.statistics .index li:nth-of-type(2n) {

background: #1f0d15;

border: 1px solid #70e2f3;

}

.reading h4.viewed,

dl.index dd,

table,

th,

dt.child {

background: #1f0d15;

}

#modal,

span.replied {

background: #1f0d15;

color: #70e2f3;

border: 2px solid #70e2f3;

box-shadow: 0px 0px 15px #70e2f3;

}

h4.heading.byline {

background: #70e2f3;

color: #1f0d15;

}

li.comment {

border: 1px solid #70e2f3;

}

.comment div.icon {

border-bottom: 5px solid #70e2f3;

box-shadow: 0px 0px 15px #70e2f3;

}

.thread .even {

background: #5e4254;

}

.unread {

background: #1f0d15;

border: 5px dashed #70e2f3 !important;

}

span.unread {

background: #70e2f3;

color: #1f0d15;

}

span.indicator::before {

box-shadow: 0px 0px 15px #70e2f3;

}

.warnings .tag,

.work .warning a.tag,

dd.warning.tags a {

border: 1px solid #70e2f3;

border-radius: 5px;

background: #70e2f3;

padding-left: 2px;

padding-right: 2px;

box-shadow: 0px 0px 10px #70e2f3;

}

.relationships .tag,

.work .relationships a.tag,

dd.relationship.tags a {

background: none;

color: #70e2f3 !important;

font-weight: bold;

text-shadow: 0px 0px 15px #70e2f3;

}

.filters .expander {

background: url("https://64.media.tumblr.com/3c89981f933f9f57157d6dcec6fd85a7/94c6737c6db9ad60-e5/s1280x1920/f7557e617a5439c506721bd326580a0cb4c1f8d8.png") left center no-repeat;

color: #70e2f3 !important;

font-weight: bold;

}

.filters .expanded .expander {

background: url("https://64.media.tumblr.com/dab095a2fd9387bc1e0c57747ba6b13f/94c6737c6db9ad60-ad/s1280x1920/c1a4e14e0565cdcac5d3e20bebac3ab440f2d607.png") left center no-repeat;

}

#glowy

Trending Tags

Recently Viewed Tags

#glowy