Kenran's Free CSS
Kenran's CSS Help Desk (Commissions)

⸶ ♞ ⸷


NtS: Add Table of Contents.

@Karin
Current Theme
(I didn't also edit this block because it felt unnecessary for the CB.)

Current Version:
/* Nothing at the moment */





@Everyone
Requests

° Leave a comment below with a description of what you would like. ° If you need help with inspiration here is [DM me about a link to] my pinterest to maybe help you get started.° I will keep you updated as to when I get your request and the progress. ° You will not receive code if you are rude or if you can't give a decent description. °

~ If you can dream it, I can build it! ~

- I'd like to have a link to a portfolio of available themes here or a portfolio in a section of its own, below. -

Updates

If your theme is out of date, I would be happy to fill in the missing pieces! 💙😉💙




@Alina_Mau
Current Theme
Ali's 50's contest

Ran's To Do

❧ Lighter text

❧ Cherries behind avis (link in top_right)

Ali, plz help

❧ Colors to be edited: pink, maroon, powder blue, turquoise, teal (Nav buttons)

❧ Maybe fix header and body bg texture, check out this site for some ides ;3

❧ Maybe darker speech bubble borders


This is where you, Ali, can add things (or above, just use this block).





@Everyone
Tutorials

- Here's where tutorials will go when I figure out how I want to do that... -




@everyone
Fonts
This is where I will keep track of the fonts we have if we can get some.~
~*~*~ Please, please, please ~*~*~

^w^

Practical
I think these will be useful

❧ Most of these fonts are a good idea

❧ The Robotos


Requests
Alphabetical order

❧ Architects Daughter

❧ Cinzel

❧ Montserrat





@Ookami Kenran
TouDou List:

Personal

❧ Organize wikis - mostly - :P

❧
Make in-page bookmarks to the end of the wiki/profile content, before comments Super handy! Especially on mobile~ Y'all might wanna check it out. ^w^


❧
New div idea: "new"; inline, highlights new things in a page It really was that easy! The hard part is choosing how to style it... NtS: ribbon effect


Themes

❧ Wisteria theme/s 🌺

❧ Rastafarian themes🟢🟡🔴

❧ "'Merica" themes 🇺🇸


⚔
Wiki title:Kenran's Free CSS
Last changed:October 14 by Ookami Kenran
Author(s):Ookami Kenran, Karin
Page views:287
Visible to:anyone
Can be edited by:authors only
March 14 20:16 (7 months ago)
So it turns the menu items into buttons? For the default theme this seems to work well indeed. I'd be hesitant to add extra colors because that means they're bound to not match with some custom styles. At work we use variables and less files which makes it easier to reuse colors. Sorry it took me this long to check it out, I just really don't like messing with css, so I'm glad you're kinda good at it ^^;

ul.menu a { background:#90AED3; color:#274052; padding:5px 7px; border-radius:3px; }
ul.menu a:hover { background:#F0F4FA; color:#4678B3; }
ul.menu { padding-top:7px; padding-bottom:12px; }
Karin
March 15 1:30 (7 months ago)
No worries, I'll be your CSS Mule lol XD

I've been including it in my CSS lately. I don't mind filling the CSS to update the events, I try to s
Ookami Kenran
March 15 1:32 (7 months ago)
Oops.
*... I usually try to send you the updates for events anyways. (for things like the selected tab and top_right)
Ookami Kenran
March 18 19:36 (7 months ago)
Made a few changes to the modified old version
Ookami Kenran
March 19 20:57 (7 months ago)
ooh I think only using the pattern outside the site width is a great solution!
Karin
March 19 21:01 (7 months ago)
I miss the rainbow logo though, maybe we could use an edited version of that? Reposition the bunny a bit?
Karin
March 20 1:29 (7 months ago)
I intended to include it, but I couldn't get the link and forgot to ask you for it.
Ookami Kenran
March 21 16:40 (7 months ago)
need to edit bunny in logo, started, but need the rest of his ear...
Ookami Kenran
March 23 22:34 (7 months ago)
Soooo much css here ^^;
Karin
March 23 22:54 (7 months ago)
You mean this bunny ear?
I think the text color of the easter theme should be darker for contrast.

I love what you've done, thanks so much!
Karin
March 23 23:05 (7 months ago)
Derp, Yep! Thank you~

How's this?

No problem, I'm glad I can help! ^u^
Ookami Kenran
March 26 19:13 (6 months ago)
Updated the logo
Ookami Kenran
March 26 23:50 (6 months ago)
Think I'm going to add the rest of the body for mobile
Ookami Kenran
March 29 22:06 (6 months ago)
I think I liked it better when the bunny was to the right of the logo, it's so cramped up now. No hurry though, Easter is fast approaching and I won't be ready anyway.
Karin
March 29 23:48 (6 months ago)
Maybe in the middle? I suggest so because the end of the logo underlaps the avi on mobile.

A slightly unrelated suggestion: make the logo it's own element, and not a bg so it can be shown on top of other header items when necessary.
Ookami Kenran
April 5 21:26 (6 months ago)
Ah I didn't consider mobile as usual XP maybe it doesn't matter if the bunny is not visible on mobile.

I'm open to such suggestions but preferably keep the css as easy as possible for people who want to customize their profile (and keep existing event/personal themes working, though maybe we can throw that out of the window since tinyurl shut down)
Karin
April 6 13:48 (6 months ago)
Easter Logo
I just put the whole body in the original position; just to test and see how it would look. You can tell me if'/how you want it changed. I can probably at least flip his left arm up, like the original.

Default Logo
That was the main thing, I think it would be better if it was not a part of the unordered list (ul). The biggest hiccup will be that they will have to change the element selector, and that is already a hiccup for those updating old CSS.

Yellow Easter Theme Update/All other themes that haven't been updated yet
Would you like me to come up with the colors to use, or would you rather me keep the selectors here so you can use them to update yourself?
Ookami Kenran
May 5 22:29 (5 months ago)
There's even css to prevent overflowing with long words? Who knew, thanks! ^^
Karin
May 5 22:58 (5 months ago)
I really like the gradient in the highlighting of the current tab, very nice! *_*

I copied the easter theme, so you can take it off if you want. Great job! I hope we can rerelease that event next year.
Karin
May 15 19:12 (5 months ago)
I need to remember to remove this mother's day CSS...

~*~*~

I noticed that the x on the form version of the login area is very close to the top of the div, it doesn't match the logged in version.

On the note of the the back/logout button: I think it would be better as a capital, or better yet as, one of those (you use fa, right) icons. It's currently too small and not mobile friendly; it would also help to move it a smidg to the right so people who have rounded screens or bulky cases can access it easier.
Ookami Kenran
May 16 1:40 (5 months ago)
I might put my CSS related suggestions here (above), or would you rather me comment them in that one wiki...? (I need to find the link and maybe put it on my profile...)
Ookami Kenran
May 16 1:43 (5 months ago)
*This page.
Ookami Kenran
May 16 18:29 (5 months ago)
All is fine, if you just tell me where to look whenever you've got something.
Karin
May 18 20:30 (5 months ago)
/* first round...tell me if you think she will like it; I'm still adding stuff */
body {
background:url(https://image.f...6745-132.jpg);
background-attachment:fixed;
background-size:cover;
color:#68003B;
}

#header {
background:transparent;
background-image: repeating-linear-gradient( -45deg, #ff808080, #ffcc8080 10px, #ffff8080 40px, #80ff8080 60px, #8080ff80 80px, #cc80ff80 100px, #ff808080 120px);
border-bottom:2px ridge #AE336C;
}
#menu, #header ul.menu {
background-image:url(../../../img.php?logo=AE336C);
}

#header ul.menu a {
background:#FFFFFF80;
color:#68003B;
border:1px solid #68003B;
}
#header ul.menu a:hover {
background:#FFFFFFAB;
color:#AE336C;
border:1px solid #AE336C;
}
ul.menu a {
background:#FFFFFF80;
color:#68003B;
border:1px solid #AE336C;
}
ul.menu a:hover {
background:#FFFFFFAB;
color:#AE336C;
}

h1, h2, h3, h4 {
color:#AE336C;
}

.speechbox span a:link, .speechbox span a:visited, .speechbox span a:active {
color:#AE336C;
text-decoration: underline wavy #AE336C;
}
.speechbox span a:hover {
color:#68003B;
}
.speechbox span {
background:#FFFFFF80;
border-color:#AE336C;
}
.bubble_tail {
background-image:url(../../../img.php?bubble=F6F6F6&border=AE336C);
}
Ookami Kenran
May 18 22:04 (5 months ago)
Ok, I don't know if I went in a totally wrong direction or what, but let me know what she and you think. I know almost nothing about the show, only the one paragraph I read from Wikipedia, I think.
Ookami Kenran
May 19 21:11 (5 months ago)
You asked where I would like divs? Well, I would kinda like one around header and content. I would also like to help you redo the header, even if it stays looking the same for the time being.
Ookami Kenran
May 20 19:56 (5 months ago)
I think it should contain the cartoon characters XP
Karin
May 20 19:58 (5 months ago)
Maybe set this image as a fixed background:
Karin
May 21 15:31 (5 months ago)
I still need to make some edits so it's easier to legible, but I don't recommend this background... I tried to use the wings for the characters, and the pink/purple colors I'm using are from the logo.
Ookami Kenran
May 21 15:34 (5 months ago)
On her profile there will be bigger a version of the wings in the top right behind her avatar. ^w^ *hoping those wings are actually from the show*
Ookami Kenran
May 21 18:18 (5 months ago)
Ok, I did the best I could...
Ookami Kenran
May 21 18:22 (5 months ago)
As always, I kept the previous version; it's at the top. ^
Ookami Kenran
May 21 19:05 (5 months ago)
Ooh I'm sure she'll love this! I'll put it on her profile together somewhere this weekend, she's asleep now.
Karin
May 21 19:14 (5 months ago)
^^

I made it so she can see this page.
If you could, please let me know when you are done so I can put it pack to authors only and go back to what I had. <3
Ookami Kenran
May 21 19:27 (5 months ago)
I will!
Karin
May 22 12:13 (5 months ago)
I showed it to her and she liked it but she couldn't see your wiki listed under her account. Please don't do anything so I can fix this properly.
Karin
May 22 12:14 (5 months ago)
Oh wait she's not a site artist so maybe that's why and I don't have to fix anything after all :P
Karin
May 22 12:15 (5 months ago)
I made her an author... O.o
Ookami Kenran
May 23 17:45 (5 months ago)
When I added "Sasha", I thought it was weird at first that the wiki added "sasha" instead. I tried adding "Sasha" again, but nothing happened (I kinda wondered if it would remove "sasha")...I haven't tried removing "sasha" yet. I reckon you'll have to delete or change the name of one of the accounts so that more bugs/glitches like this don't arise.
Ookami Kenran
May 24 20:25 (4 months ago)
You misspelled her name... but I can't seem to remove the wrong sasha either, guess I need to fix that.
Karin
May 24 20:28 (4 months ago)
AHA!

Ugh...I'm so sorry... ^^;;;
Ookami Kenran
May 30 1:07 (4 months ago)
Found out the img thing at the top has a bug I'll have to fix...
Ookami Kenran
June 17 1:50 (4 months ago)
I don't dislike it at all, I just really only come online long enough to check what's new and leave is all. I have no idea when any of the dress up things are going to be made, if ever, so I just don't have a lot of opinion on the matter, but this layout is really cute <3
Alina_Mau
July 23 21:12 (2 months ago)
I like it but all text needs to be darker, for contrast/readability
Karin
July 24 20:02 (2 months ago)
Text text text link text
Ookami Kenran