#theme 01

Ele #theme01 or ‘Jemma loves the stars’ - super customizable theme

preview - pastebin

a remastered version here + optimized (as this was my first theme and I learned a lot more, and with plenty extras added, including script fixes for tumblr-originated problems and optional unnested captions)

This is my very first theme from scratch (or second if we count a way more basic container blog) and it took me one entire week to do it, because I decided to learn how to make/use the if-switches, the calc function, the linear gradients, and the container themes with sidebar in it all of the same time (which was slightly stressful).

I also wanted to be part of the New Year, New Theme color challenge so the colors I decided to use (which were picked not only because I liked them but because I associate most of them and/or the words with Jemma Simmons) are dabbed, #b055ed/bossed, #7007ed/tooted, #1c1e57/iciest, #def1e5/defied, #dec1de/decide, #b0bca7/bobcat, 0b0157/oboist, #ceA5e5/ceases, #5C0075/scoots, #bab1e5/babies. 

I couldn’t have done it without the tutorials/coding posts of @octomoosey​, @agirlingrey​ and @evansyhelp​ (plus, of course, w3schools, dash and codepen). Icons from linearicons, fonts from googlefonts. *as of feb 14 I added the video fix by @shythemes​ and styled the audio posts again. See my credit page in my pinned post for more!

so, you get:

a theme that is always centered no matter how big your screen is 

the ability to pick nearly every possible color, including the background of a customized pop-up askbox, and even the type of blockquotes (and of course font-size) right in your theme options. If you remove the container’s background image you get to pick a gradient to fill it (or make it one color by putting the same one in both)

the options that will give your container and your description a glow or not, colors or colors only if you hover, and the option whether to have a subtitle and the updates tab (a dropdown menu) visible on the sidebar 

post sizes: 400px, 500px, 540px, and you can easily get into the editor and add your own preferred size, the rest of blog will adapt to it. There are instructions on how to do it in the editor itself, after the metanames area

speaking of which, you also get all my notes in the editor page, which may be needed if you are new to html but want to customize the blog even more  

several (animated) popup links - there are already templates for the navi page, the verses page with tabs, the popup customized askbox I mentioned earlier, etc. But also sidebar’s tiny links. 

at the beginning of the html editor you’ll find how to add a message on top of your ‘regular’ askbox, which people will see when they send you a message from the dash and are redirected to the default one and which doesn’t shrink.

update of 24/02 - added npf posts fix by glenthemes and video fix by shythemes + optimized posts size (no more images 10px on the left to be aligned with the text, I added a padding and changed the container size to make it fit.)

please, like or reblog if you take (or even just if you like). Edit as much as you want but don’t erase the credit nor claim as yours (I’d recommend being careful if you edit anything that has to do with the calc function, I probably can’t help you if you mess it up. For everything else you got my notes too).

Hi! I’m so happy you like my themes :) I found the error, if you don’t want to reinstall the theme, look around line 480 or ctrl+f ‘.video’ and add in this line:

video{max-width:100%;}

[ PREVIEW // CODE ]

about the theme:

.details {

1 column; fixed circular sidebar; music player; // needs work not mobile-friendly;

}

.options {

4 custom links; all colors / backgrounds / images customizable;

}

.possibleFutureUpdates {

infinite scroll; mobile-friendly;

}

Hi! Assuming you’re using the default icons that came with the theme, the owner of the font icons I was using @suiomi​ (prev themehive) had an issue with her icons and had to redo a bunch so the names have changed. Reinstalling the theme won’t lose your customization settings unless you’ve done some editing in the html, if so, you can retype them like this

th th-house-1-o is now th th-home-o

th th-send-o  is now th th-paper-plane-o

th th-folder-o is now th th-folder-3

th th-link-o is now th th-link

and assuming your reblog buttons are messed up to, you can go into the html and replace ALL th th-reload-arrow with th th-reload

if you’re not using infinite scroll, the page arrows need to be changed as well.

th th-left-direction to th th-left-arrow

th th-right-direction to th th-right-arrow

Theme #01 by Anyh S.

Yup, go to the html and change background-repeat:repeat; to background-repeat:no-repeat; in this css tag: