Finally a new css from me - it's certainly been a while! This is based off a manip I did for my fanfiction "Hey Jude" (fandom is Highlander The Series, the story is a work in progress currently only available on FanFiction.net where I also go by the kuschelirmel nickname). It features a motorcycle gang and I imagine that this is the logo they wear on the back of their cuts. But aside from that, it's just nifty dark and rather colourless so it'll be great for features as well as text.

>>Please if you fave, fave the Installable Version - Thank you!

Terms of Use

1. This CSS is free for use on deviantArt for non-commercial purposes (i.e. use it in your journal and that's it - if there's a demand, I might make a gallery css, too).
2. I cannot allow you to use the images as backgrounds for modules because the stock I used is not completely without restrictions.
3. That is also why you need to keep the credit line (in the footer section) intact as long as you use the journal with its original images.
   
4. The images that are included are meant to be used with this journal ONLY! They are not your "stock" and not to be altered in any way (no colour changes to match whatever you have in mind either!) for any purpose (including avatars, sigs and what not).
   
5. Feel free to play with the code (altering the custom divs to fit your need or the link colours is perfectly fine as long as credit is given), just don't pretend you did it all yourself when all you actually did was change colours and swap the images. Just like the fact that I don't want to see any css contest entries that are basically this skin, just with different images.
   
6. No "skin remixing" i.e. I don't want to see my header on someone else's journal with yet another person's footer or whatever you may have dreamed up. I created the images to work together, tearing them apart is... just don't.
   
7. Once you do swap the images (completely) and play with the code, I'd love to see what you create! I'm curious like that.

How to Use

You can use this css without knowing much about HTML or CSS, there's just one thing you should definitely do, and that is change the links in the header section to match what you need/want to use. To do so, go to "Edit Skin" and in the header locate the part that that inludes "Link One" etc. You need to put the actual URL instead of the # [hash tag] and the name instead of Link One - repeat for other links. Copy and paste a line if you need more links! (If you use too many, they'll overlap with the headline and journal text, but you'll see that for yourself.)

Other features include:

Here's a list of things you can use, they're also shown below with some lorem ipsum text.

• The h1 tag (also accessible in the sta.sh menu) creates the rose headline.
• The h2 tag (also accessible in the sta.sh menu) creates the skull headline.
• The h3 tag (also accessible in the sta.sh menu) creates the small red headline.
• The h4 tag (also accessible in the sta.sh menu) creates the small beige headline.
• Unordered lists look like the one shown here, that's done using ul tags (also accessible in the sta.sh menu)
• Ordered lists look like the one shown above, that's done using ol tags (also accessible in the sta.sh menu)
• blockquote tags make the fine black line on the side - after 300px it will cut off and show a scrollbar
  
• There's a custom div called "noscrollquote" that has the same properties as using the blockquote but it won't cut off the text and start scrolling.
• There's also a div that creates a dark box, imaginatively called "darkbox"
• Featured images, no matter if you use the thumb code or sta.sh, will look the same, with a thin black border that turns red on hover.

Moar?!

As I said above, don't forget to exchange the links with your own and please leave the credit line intact. It's made so it only expands on hover (cos there's a ton of credits there) to be unobtrusive.

And now for some loooong dummy text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur purus  orci, egestas sed luctus eu, porttitor eget metus. Morbi pellentesque egestas fringilla. Curabitur ipsum metus, euismod quis elementum a, bibendum at odio.

Donec et metus ante. Curabitur dolor nulla, placerat eget volutpat sit amet, facilisis non dui. Praesent dapibus tellus ac purus rutrum eleifend. Ut bibendum turpis suscipit nisl aliquam at eleifend velit rhoncus. Aenean diam quam, faucibus vitae malesuada ut, molestie ac justo. Sed dapibus magna ut est dapibus id accumsan elit commodo. Aenean ac felis eget dui iaculis ultricies. Pellentesque imperdiet iaculis hendrerit. Etiam ut orci est.

Donec et aliquet mi. Curabitur a erat diam. Aliquam eget neque ligula. Vestibulum dapibus cursus lorem a vulputate. Phasellus ac leo auctor urna tristique mollis. Mauris ornare tristique mi sit amet lacinia. Maecenas aliquam cursus purus eget vestibulum. In hac habitasse platea dictumst. Donec aliquet euismod nunc, nec consectetur leo tincidunt vitae. Donec ut sodales lorem. Fusce rhoncus porttitor sapien, ut commodo risus hendrerit vitae. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut at tempor nisl. Pellentesque at adipiscing nibh.

Sed placerat volutpat mauris, ac lobortis libero pretium ac. Sed ac fringilla augue. Vivamus eget lacus nec felis egestas suscipit nec eu sem. Nam dapibus tellus non ipsum egestas aliquet. Aliquam a risus risus. Sed massa orci, hendrerit vel hendrerit vitae, sagittis nec arcu.  Aliquam nec diam in urna gravida placerat ut ac augue. Aenean ornare lacus nisl. Pellentesque nec nisi libero. Nam cursus consectetur fermentum. Suspendisse vel velit vel nisi tristique commodo. Nam varius suscipit est a feugiat.

Fusce convallis lacus id tellus euismod adipiscing. Donec tortor purus, rutrum non fermentum id, porta ut lacus. Pellentesque sollicitudin enim vel nisl mattis condimentum. Nulla eget odio ac elit dictum bibendum vehicula eu dui. Curabitur sed dui eu purus eleifend condimentum. Quisque eget nulla arcu. Aliquam sed est eget orci pellentesque ultricies. Integer quis lacus odio. Nam et sem vitae est varius porta porta et libero. Fusce in elit euismod nisi faucibus lobortis lobortis non leo. Nunc eget augue eget quam rutrum ullamcorper eu in nisi. Cras id dolor metus, ornare condimentum magna. Nullam iaculis nisl et est pulvinar sodales. Integer ullamcorper tortor sodales mauris tincidunt blandit.

In hac habitasse platea dictumst. Integer leo quam, tincidunt et gravida  quis, adipiscing ornare nibh. Aliquam pharetra tortor eu elit posuere dapibus. Donec at diam augue. Sed sed felis nec odio pulvinar porttitor.  Nulla lorem sapien, sodales a vulputate id, dictum at urna. Curabitur nibh lorem, rutrum non interdum id, congue in justo. Proin lobortis commodo tellus vitae interdum. Suspendisse ut ipsum lacus, tristique dictum nibh.

Donec et aliquet mi. Curabitur a erat diam. Aliquam eget neque ligula. Vestibulum dapibus cursus lorem a vulputate. Phasellus ac leo auctor urna tristique mollis. Mauris ornare tristique mi sit amet lacinia. 

Sed placerat volutpat mauris, ac lobortis libero pretium ac. Sed ac fringilla augue. Vivamus eget lacus nec felis egestas suscipit nec eu sem. Nam dapibus tellus non ipsum egestas aliquet. Aliquam a risus risus. Sed massa orci, hendrerit vel hendrerit vitae, sagittis nec arcu.   Aliquam nec diam in urna gravida placerat ut ac augue. Aenean ornare lacus nisl. Pellentesque nec nisi libero. Nam cursus consectetur fermentum. Suspendisse vel velit vel nisi tristique commodo. Nam varius suscipit est a feugiat. 

Feature Example

Jasmin

Stock Terms of Use

Quick Guide to my Gallery