Actions

Work Header

minimalist site skin

Work Text:

You can change the colours on this skin to be anything you like with the use of the Wizard. The only colour I have coded into the CSS itself is a shade of green for the relationship tags. You can change this to any other colour as well. I like matching it to my Header colour, but you can do whatever you'd like. 

 

CSS CODE (copy/paste this into your own site skin)

#header .primary {
  box-shadow: none;
}

#header .logo,
#header .heading sup,
#greeting p.icon {
  display: none;
}

#header .heading {
  margin-left: 2em;
}

#main .icon {
  display: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading {
  font-family: "Century Gothic", sans-serif;
  border-bottom: none;
  font-weight: normal;
  position: initial;
}

body,
input,
.toggled form,
.dynamic form,
.secondary,
.dropdown,
button,
blockquote,
.filters dt,
.filters dd,
.filters input[type="submit"],
.filters .expander,
.bookmark .user .meta,
.datetime,
a.work,
span.symbol,
.splash .news .meta,
select {
  font-family: "Century Gothic", sans-serif;
}

.blurb h4.heading,
.blurb .header .heading {
  margin: 0;
}

.blurb ul.required-tags {
  position: initial;
  top: initial;
  text-align: center;
  display: inline-block;
  width: 100%;
  margin: auto;
}

.blurb ul.required-tags li + li + li,
.blurb ul.required-tags li + li + li + li {
  position: initial;
  left: initial;
}

.blurb ul.required-tags li {
  display: inline-flex;
}

.blurb .datetime {
  position: initial;
  text-align: center;
  margin-top: 5px;
}

.blurb ul.tags {
  background: none;
}

li.relationships a,
.work .relationship a.tag {
  background: none;
  color: #32a852;
}

li.blurb .relationships {
  font-weight: bold;
}

.warnings .tag,
.work .warning a.tag {
  font-weight: normal;
}

.comment h4.byline {
  padding: 0.25em;
}

.abbreviated h4.byline {
  padding-left: 0.25em;
}