bakesale: img © 52 Kitchen Adventures (Default)
[personal profile] bakesale



NOTABLE FEATURES

  • Styled comment and icon pages
  • Nav bar hidden until hover
  • Fluid width
  • Responsive header
  • 8 color schemes
  • Optimized for Chrome, but also tested in Firefox and Edge


  • HOW TO INSTALL THE THEME

    1. PLEASE NOTE! This theme requires both a TITLE AND SUBTITLE to look right. The subtitle is the large text you see in the header.

    2. Read my Terms of Use. By continuing installation, you are agreeing to full compliance with these terms.

    3. From the Select Journal Style page, choose the Plain theme for Tabula Rasa.

    4. On the same page, scroll down to section 3. Choose a Page Setup and select 1 Column (modules at bottom; no sidebar).

    5. Click Customize Selected Theme at the bottom right.

    6. On the Presentation tab, scroll all the way down and select icons from the last 3 drop-down menus.

    7. On the Modules tab, make sure that Profile, Navigation, and Style Credit are all selected and placed in the Main Module Section. (Note: The Profile module is optional, but if you do want it on the layout, it must be placed in the Main Module Section.)

    8. Also in the Modules tab, select additional desired modules for the Main Module Section or Secondary Module Section, if any. These will appear at the bottom of the theme.

    9. On the Custom CSS tab, deselect "Use layout's stylesheet(s)" (there should be NO CHECKMARK), paste the code for your chosen color scheme into "Use embedded CSS" and save.


    THE CUSTOM CSS CODE

    Click a screencap for a larger preview


    PROFESSOR



    CABBAGE ROSE



    DECORUM



    HI-FI



    LAST RESORT



    PATISSERIE



    SALUT



    SCRUNCHIE


    CUSTOMIZATIONS


    Remove the large first letter in posts:
    Open the code in a text editor like Notepad. Search for .entry-content:first-letter. Then remove all of the following:
    .entry-content:first-letter {
    float: left;
    color: #3f424d;
    font-family: 'Times New Roman', Georgia, serif;
    font-size: 75px;
    padding: 4px 4px 3px 0;
    }


    Color hex codes:
    "Professor" is the easiest scheme to find and replace the colors on.

    #3f424d

    #b7c1c2

    #f2f2f2


    ENJOY!


    If you decide to use this theme, I'd love to know, and would particularly love to see it in action if you care to link the journal! Please feel free to ask questions about this theme in the comments to this post.

    Known Issues:

    - The links for post headers do not work. This has to do with the way I positioned the icon; I may or may not fix this later.

    - In Chrome, the post's icon overlaps the post title a little when the title is extremely long.

    - In Edge, the comment content overlaps the comment interaction/link bar.

    - On reading pages, entries from feeds have content overlapping the header. FIXED: CODE HERE.


    (no subject)

    Date: 28 Dec 2015 05:35 am (UTC)
    From: [personal profile] passionfruit
    Pretty! Decorum's color scheme is my favorite!

    (no subject)

    Date: 29 Dec 2015 10:30 pm (UTC)
    tree: a figure clothed in or emerging from bark (Default)
    From: [personal profile] tree
    this is lovely. you had me at professor.

    one customisation i can't work out is how to not show the user icon without ruining the positioning of everything else. is that possible? or, if not, is it possible to display it at a smaller size?

    thank you very much.

    (no subject)

    Date: 30 Dec 2015 04:27 am (UTC)
    tree: a figure clothed in or emerging from bark (Default)
    From: [personal profile] tree
    thanks so much. :)

    (no subject)

    Date: 30 Dec 2015 06:12 pm (UTC)
    frau_kali: (Default)
    From: [personal profile] frau_kali
    Hello, lovely theme, first of all!

    Secondly, I was wondering if you could give me some way to remove the headers (and most of the space between the top and the first entry) in the layout without it removing all the space at the top and cutting off the top of the icon? I feel sure it must be something in this section of code:

    #header, #footer {
    margin: 0;
    clear: both;
    padding: .5em;
    }

    #header {
    background: transparent;
    padding: 18vh 0;
    text-align: center;

    }

    h1#title span {
    background: #b7c1c2;
    font-weight: normal;
    font-size: 70%;
    font-size: 3.3vmin;
    letter-spacing: 2px;
    padding: 0 10px;
    text-transform:uppercase;
    }

    h1#title {
    margin-bottom: -29px;
    }

    h2#subtitle {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    color:#fff;
    font-family: 'Archivo Narrow', Helvetica, Arial, sans-serif;
    font-size: 500%;
    font-size: 11.3vmin;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 80%;
    margin:0 auto;
    padding: 50px 0 55px 0;
    text-transform: uppercase;
    width:70%;
    }

    h2#pagetitle span {
    background: #b7c1c2;
    font-size: 90%;
    font-size: 3.3vmin;
    font-weight: normal;
    letter-spacing:2px;
    padding: 0 10px;
    text-transform:uppercase;
    }

    h2#pagetitle {
    margin-top: -27px;
    }


    I added a display: none; under the #header portion, since that's worked with other layouts, but that just results in moving the entry all the way to the top of the page with no margin and cutting off the top of the icon. I thought adding in a margin-top: somewhere would fix this, but I haven't any idea where to put it.

    Apologies for being a newb lol, still learning css.

    (no subject)

    Date: 30 Dec 2015 06:42 pm (UTC)
    frau_kali: (Default)
    From: [personal profile] frau_kali
    Oh, I got it! But for anyone else who is curious, I made the following changes to the code above:

    /* HEADER & FOOTER */

    #header, #footer {
    margin: 0;
    clear: both;
    padding: 20px;
    }

    #header {
    background: transparent;
    padding: 25px;
    text-align: center;

    }

    h1#title span {
    background: #b7c1c2;
    font-weight: normal;
    font-size: 70%;
    font-size: 3.3vmin;
    letter-spacing: 2px;
    padding: 0 10px;
    text-transform:uppercase;
    }

    h1#title {
    display: none;
    }

    h2#subtitle {
    display: none;
    }

    h2#pagetitle span {
    background: #b7c1c2;
    font-size: 90%;
    font-size: 3.3vmin;
    font-weight: normal;
    letter-spacing:2px;
    padding: 0 10px;
    text-transform:uppercase;
    }

    h2#pagetitle {
    display: none;
    }


    Of course, the layout maker may have a better way of doing it.

    (no subject)

    Date: 3 Jan 2016 04:09 pm (UTC)
    From: [personal profile] minotaur
    these are all so beautiful! thanks for sharing.

    (no subject)

    Date: 22 Jan 2016 09:10 am (UTC)
    nenya_kanadka: Wonder Woman poster (kneeling with sword) (SW BB8 flower crown)
    From: [personal profile] nenya_kanadka
    This is gorgeous! And that purple...sigh~~~ :-)

    I may need to make the center column/journal box wider so it isn't three words wide on my phone, but I think I can probably figure out how to do that. Will see!

    So pretty!

    (no subject)

    Date: 6 Feb 2016 05:21 pm (UTC)
    machiavellian: (Default)
    From: [personal profile] machiavellian
    Oh man, this is just perfect! Thank you so much.

    (no subject)

    Date: 22 Feb 2016 08:39 pm (UTC)
    thisisgood: (nyc's finest)
    From: [personal profile] thisisgood
    So, the first letter cap looks like this. When I remove it, the icons get shoved way left. :( Halp?

    (no subject)

    Date: 24 Feb 2016 09:08 pm (UTC)
    thisisgood: (you jest)
    From: [personal profile] thisisgood
    I'm using Chrome. It looks like this to me.

    (no subject)

    Date: 24 Feb 2016 09:16 pm (UTC)
    thisisgood: (Default)
    From: [personal profile] thisisgood
    Sure to both! And screencap of that icon weirdness.
    Edited (screencap update) Date: 24 Feb 2016 09:23 pm (UTC)

    (no subject)

    Date: 24 Feb 2016 09:30 pm (UTC)
    thisisgood: (pic#)
    From: [personal profile] thisisgood
    Thanks! :D Hrm. Nav should be down where it's supposed to be? Everything in that is intact from your original code.
    Edited Date: 24 Feb 2016 09:31 pm (UTC)

    (no subject)

    Date: 24 Feb 2016 11:42 pm (UTC)
    thisisgood: (Default)
    From: [personal profile] thisisgood
    Ahhhh. That would make sense. No worries if you can't. It really is a lovely style, though.

    (no subject)

    Date: 25 Feb 2016 01:08 am (UTC)
    thisisgood: (red's cuppa)
    From: [personal profile] thisisgood
    Aha! Thanks so much.

    There it goes! That worked! Hurraaah!
    Edited Date: 25 Feb 2016 01:56 am (UTC)

    (no subject)

    Date: 6 Apr 2016 07:09 am (UTC)
    anotherdayone: the100: raven (Default)
    From: [personal profile] anotherdayone
    All of your themes are amazing. Thanks for sharing!

    (no subject)

    Date: 5 May 2016 10:13 pm (UTC)
    celena: (Default)
    From: [personal profile] celena
    I've just found this theme and it is perfect for me! Thanks for making this :D

    (no subject)

    Date: 24 Nov 2016 12:00 am (UTC)
    felixfvlicis: (Default)
    From: [personal profile] felixfvlicis
    I'm using this theme in Cabbage Rose. Simply goregous.

    (no subject)

    Date: 15 Jan 2017 03:02 am (UTC)
    vethica: (yayoi fangirl)
    From: [personal profile] vethica
    This is a wonderful theme, and super easy to use and customize! I only have one question: is it possible to make the entry titles clickable? Thank you so much! ♥

    (no subject)

    Date: 15 Jan 2017 01:11 pm (UTC)
    vethica: (kiri)
    From: [personal profile] vethica
    It's okay! It's still a beautiful theme. ♥

    (no subject)

    Date: 23 Feb 2017 09:01 am (UTC)
    jeweledeyes: Sailor Venus thinks you're a loser (Default)
    From: [personal profile] jeweledeyes
    I love this theme! I just had a question, if you are not busy: my reading page is mostly feeds at this point, and for feed posts, it's like... stacking the subject, links and beginning of the post all on top of each other. I think part of the problem is the way DW displays the link to the original post both at the beginning and end of the post. Is there any way to hide the first set of links, or otherwise finagle it so they don't all get smushed? You can see if you look on my reading page: https://jeweledeyes.dreamwidth.org/read

    Thank you so much! Your themes are so beautiful!

    (no subject)

    Date: 24 Feb 2017 12:51 am (UTC)
    jeweledeyes: Rapunzel grinning (Rapunzel)
    From: [personal profile] jeweledeyes
    Thank you, I appreciate it! :-)

    (no subject)

    Date: 14 Mar 2017 04:00 am (UTC)
    jeweledeyes: Patrick from Spongebob Squarepants is super excited (Patrick hooray)
    From: [personal profile] jeweledeyes
    Yes, that did it! It looks absolutely beautiful, thank you so incredibly much!!!

    (no subject)

    Date: 19 Apr 2017 07:34 pm (UTC)
    penaltywaltz: (Sherlock: Lestrade - Grin)
    From: [personal profile] penaltywaltz
    I'm using the code at [community profile] aubigbang and it looks weird on the imported entries from Livejournal since they don't have icons, but I can't wait to use it for new entries! I changed the colors to match my usericon I imported but I love it. It's so pretty.

    (no subject)

    Date: 2 May 2017 07:12 pm (UTC)
    From: [personal profile] lucifine
    I love this! Using decorum plus a blue on [community profile] lovestruckletters but i'm still setting it up. Thanks for your hard work!

    (no subject)

    Date: 4 May 2017 04:34 pm (UTC)
    triggerhappy: head shot of JJ from Criminal Minds in bottom right corner with purplish to blue background  (Default)
    From: [personal profile] triggerhappy
    Oooh, this is great! Snagging it for use at this journal.

    (no subject)

    Date: 12 May 2017 12:39 pm (UTC)
    eumelkeks: (Default)
    From: [personal profile] eumelkeks
    I've been coming back to this entry several times because it's really lovely and I finally decided to change the theme of my icon community [community profile] icondothat. Thank you for sharing this!

    (no subject)

    Date: 18 May 2017 05:03 am (UTC)
    ideallyqualia: (Default)
    From: [personal profile] ideallyqualia
    Thanks for this great theme! I've been struggling with trying to find a good theme with a dark background to go easy on my eyes, and I think professor's a great balance of colors.

    (no subject)

    Date: 14 Jun 2017 11:46 am (UTC)
    greeneyedharpy: (Default)
    From: [personal profile] greeneyedharpy
    Thanks for the theme!

    (no subject)

    Date: 23 Jul 2017 05:06 pm (UTC)
    fyrgevraec: (Default)
    From: [personal profile] fyrgevraec
    Thank you very much for this, it's beautiful! :)