Kenran's Free CSS
Kenran's CSS Help Desk (Commissions)
βΈΆ β βΈ·
You clear your throat and Kenran looks up at you suddenly, just noticing you, she blinks weary, strained eyes to adjust against her nearsightedness.
"Oh, Hello, how may I help you?"
she asks with an inquisitive and friendly tone.@Karin
Current Theme
(I didn't also edit this block because it felt unnecessary for the CB.)
Current Version
/* Nothing at the moment */
@Everyone
Themes I've Made
Profiles
Wikis
Events
@Everyone
Requests
° Leave a comment below with a description of what you would like. ° If you need help with inspiration
~ 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! πππ
@Everyone
Tutorials
° If you want to learn how to do your own, please use the Profile Styling Guide! °
@everyone
Fonts
This is where I will keep track of the fonts we have if we can get some.~
~*~*~ Please, please, please ~*~*~
^w^
Requests
Alphabetical order
β§ Architects Daughter
β§ Cinzel
β§ Comfortaa
β§ Montserrat
@Ookami Kenran
To-Do List
Personal
β§
β§
Themes
β§ Woody theme πͺ΅
β§ High Contrast (HR) π΄
β§ Wisteria theme/s πΊ
β§ "'Merica" themes πΊπΈ
β
Title:Kenran's Free CSS
Last changed:March 22, 2024 by Ookami Kenran
Author(s):Ookami Kenran, Karin
Page views:390
Visible to:anyone
Can be edited by:authors only
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; }
I've been including it in my CSS lately. I don't mind filling the CSS to update the events, I try to s
*... I usually try to send you the updates for events anyways. (for things like the selected tab and top_right)
I think the text color of the easter theme should be darker for contrast.
I love what you've done, thanks so much!
How's this?
No problem, I'm glad I can help! ^u^
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.
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)
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?
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.
~*~*~
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.
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);
}
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
Ugh...I'm so sorry... ^^;;;
2.) h4:
___a.) Add max-width: 800px; before margin.
___b.) Change margin to: 0 auto.
#content ul.menu a {
background:#C2E8E580;
color:#1084af;
}
#content ul.menu a:hover {
background:#C2E8E5;
color:#51c504;
}