Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style>
- /* The Background */
- .TKK-Background
- {
- /* Light blue background to match top of footer */
- background-color: #0898f8;
- /* We can't have padding all around, because that would affect the footer image.
- Instead, we'll use a margin for the post. For now, we'll just add padding on the top, because
- increasing the top margin from the post class messes things up. */
- padding-top: 24px;
- }
- /* The Post Box */
- .TKK-Post
- {
- /* Accounting for the absent padding in the background */
- margin-left: 24px;
- margin-right: 24px;
- /* 24px padding inside the post on the top, bottom, and left
- I give the bottom less because that's where the signature would be */
- padding: 24px 24px 10px 24px;
- /* Border is the same color as the background. Since it blends in, it looks cool */
- border-color: #0898f8;
- /* Be making it dashed and 3px, it's more noticible, which I like */
- border-style: dashed;
- border-width: 3px;
- /* Make it rounded */
- border-radius: 10px;
- }
- /* Colors for:
- - Post Box
- - Spoiler Button
- - Spoiler Contents (This gets 2 entrys)
- */
- .TKK-Post, .TKK-Post div.spoiler > button, .TKK-Post div.spoilercontents, .TKK-Post div.spoiled
- {
- /* Darker blue background. By using the alpha channel, the more we use this
- over the post, the darker it will get
- These will be marked as important for the spoiler contents, ABXD needs it to be there */
- background-color: rgba(0, 55, 157, 0.70) !important;
- /* I would have used the same shade of blue as the background, but
- it ended up being hard to read. So this is a lighter version of the background */
- color: #4ab7ff !important;
- }
- /* Zeldas */
- .TKK-Post a
- {
- /* I would've included this with the rest of the colors, but
- that would give links a background */
- color: #4ab7ff;
- }
- /* Border for tables */
- .TKK-Post table, .TKK-Post th, .TKK-Post td
- {
- padding: 5px;
- border: 1px solid #4ab7ff;
- }
- /* Triggered when mouse is above link */
- .TKK-Post a:hover
- {
- /* Underline text */
- text-decoration: underline;
- /* Add glow */
- text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px blue;
- }
- /* Triggered when link is clicked */
- .TKK-Post a:active
- {
- /* Un-Underline text */
- text-decoration: none;
- }
- /* Quotes (Everything under Posted by) */
- .TKK-Post div.quotecontents
- {
- /* The default white borders look weird, so this makes them fit in
- with the rest of the layout */
- border-color: #4ab7ff;
- }
- /* The spoiler button */
- .TKK-Post div.spoiler > button
- {
- /* Invisible border */
- border-color: transparent;
- /* Round the top corners */
- border-radius: 10px 10px 0px 0px;
- }
- /* What's spoiled
- Kuribo64: stuff like background and border are effective even when unspoiled,
- this doesn't effect other sites
- This is representing both div.spoiled and div.spoilercontents, because both are used (the latter is used in ABXD) */
- .TKK-Post div.spoilercontents, .TKK-Post div.spoiled
- {
- /* Invisible border, important is the same deal */
- border-color: transparent !important;
- /* Round the bottom, and top right corners */
- border-radius: 0px 10px 10px 10px;
- }
- /* Code block */
- .TKK-Post div.codeblock
- {
- /* Same shades as post */
- background: rgba(0, 55, 157, 0.70);
- color: #4ab7ff;
- /* Spacing */
- margin: 24px;
- /* Indent */
- padding: 24px;
- /* Fancy programming fonts */
- font-family: "Inconsolata", "Lucida Console";
- /* Make it rounded */
- border-radius: 10px;
- }
- /* Footer (Not to be confused with the signature) */
- .TKK-Footer
- {
- /* Load both images */
- background-image:
- url(http://kuribo64.net/get.php?id=K9FH6ICf2Nrq4ILu),
- url(http://kuribo64.net/get.php?id=Klh6cohy9khkPZ6S);
- /* The first image contains Peach's Castle, and the second one doesn't
- We only want to show Peach's Castle once, so we'll not repeat the first image, and repeat the second one
- Obviously, we don't want to repeat on the y axis */
- background-repeat: no-repeat, repeat-x;
- /* Both images should start at the bottom left */
- background-position: bottom left, bottom left;
- /* Scale the image down to save space */
- background-size: 50%;
- /* For short posts, this footer will be stretched out to make sure there's no empty space */
- min-height: 66px;
- /* I don't know why this works :D */
- padding: 60px;
- }
- </style>
- <div class="TKK-Background">
- <div class="TKK-Post">
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement