dreamwidthlayouts | Tabula Rasa: Saturday Morning

Title: Saturday Morning
Credit to:

coliseu
Base style: Tabula Rasa
Type: CSS
Best resolution: 1366x768
Tested in: Google Chrome, Firefox
Features: Topbar
Screenshot: Here

• Instructions:

Customize • Select Plain (Tabula Rasa);

Customize • Select 1 Column (modules at top and bottom; no sidebar);

Modules • In Main Module Section select Profile (position 1), Links (position 2) and Custom Text (position 3). All the other modules, including Navigation must be disabled;

Text • In Text for the 'Links' heading, write the desired title for your journal. A single word is recommended.

Custom CSS • Make sure Use layout's stylesheet(s) is selected. Paste this code:

/* ----- FONTS ----- */
/* latin */
@font-face {
  font-family: 'Josefin Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Josefin Slab'), local('JosefinSlab'), url(https://fonts.gstatic.com/s/josefinslab/v6/46aYWdgz-1oFX11flmyEfegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
  src: local('Lora'), local('Lora-Regular'), url(https://fonts.gstatic.com/s/lora/v9/GsNxiN0oIzsS201cnUag6w.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
  src: local('Lora'), local('Lora-Regular'), url(https://fonts.gstatic.com/s/lora/v9/I0dEfRgGNE90_hXZq7bjyw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
  src: local('Lora'), local('Lora-Regular'), url(https://fonts.gstatic.com/s/lora/v9/4vqKRIwnQQGUQQh-PnvdMA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* ----- BODY ----- */

body {   font-family: 'Lora'; background: #fff url() repeat fixed; }

a, a:link, a:hover, a:visited, a:active { text-decoration: none; color: #999; }

a:hover { color: #aaa; text-decoration: none; }

blockquote { padding: 10px; font-style: italic; color: #555; border-bottom: 10px solid #eee; }

/* ---- CONTENT ---- */

#content { margin: 0 auto; }

/* ---- PRIMARY ---- */

#primary { width: 55%; margin: 0 auto;  }

#primary > .inner { margin-top: 30px; }

.entry { background: #ffffff; line-height: 1.5em; }

.entry-title { font-size: 22px; text-transform: uppercase;  color: #686868; font-family: 'Josefin Slab'; letter-spacing: 2px; }

.entry-title a { color: #686868; }

.datetime { text-transform: uppercase; font-size: 11px;                 color: #898989; margin-top: -10px !important; }

.header { padding: 5px; text-align: center;   }

.entry-content { padding: 15px; color: #666; font-size: 14px;  }

ul.entry-interaction-links.text-links { text-align: center; padding-bottom: 10px; text-transform: uppercase;}

ul.entry-management-links.icon-links { text-align: center; }

img { max-width: 500px; text-align: center; }

/* ---- SECONDARY ---- */

#secondary { padding-top: 30px; padding-bottom: 30px; background: #bbb url(http://i.imgur.com/x2VVJ9Y.png) repeat fixed; width: 100%;}

#secondary > .inner { width: 650px; margin: 0 auto;  }

ul.module-list { display: inline; padding-top: 5px; padding: 10px; }

li.module-list-item { display: inline; margin: 5px; }

.module {
    color: #777; margin: 0 auto; padding: 10px; display: inline-block; text-align: left; vertical-align: top; }

h2.module-header { margin-left: -23px; padding-bottom: 5px; border-bottom: 1px solid #e1e1e1; text-align: center; z-index: 200; font-size: 22px; text-transform: uppercase;  color: #686868; font-family: 'Josefin Slab'; letter-spacing: 2px; }

.module-customtext.module { vertical-align: middle; width: 300px; border-left: 1px solid #e1e1e1; margin-left: -15px; }

.module-customtext.module > .module-content { padding: 10px; background: #fff; font-size: 11px; }

.module-userprofile.module { vertical-align: middle; height: 145px; }

.userpic img { border-radius: 100%; height: 70px; width: 70px; z-index: 1000; }

/* ---- DISPLAY ---- */

h2#pagetitle, h2#subtitle, .journal-name, #footer, div.navigation.topnav, .tag, .manage-link, ul.userlite-interaction-links.icon-links, .ljuser img, .header img, .cuttag img, div.inner > div.userpic, .module-userprofile.module > h2.module-header, .module-customtext.module > h2.module-header, #header  { display: none; }

/* ----- CONTROL STRIP ----- */

#lj_controlstrip {
background:#ffffff;
background-position: 0 0;
color: #666 !important;
border:0px;
z-index: 1000;
text-align: center; box-shadow: 3px 3px 3px #aaa;
 }

#lj_controlstrip a { color: #666 !important; }

#lj_controlstrip_userpic { display: none !important; }

#lj_controlstrip td, #lj_controlstrip_statustext {
color: #777 !important;
}

#lj_controlstrip input {
color:#606060 !important;
background-color: #f5f5f5 !important; 
border: 0px solid #cccccc;
}

#lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_login {
border-right: 0 !important;
color: #666 !important;
}

Notes:
• Credit is appreciated. Customize as you like.
• If you wish to use another pattern on the topbar, I recommend Subtle Patterns.

Flat | Top-Level Comments Only

Very simple, and very modern. I like. :)

Liked this a lot, using with some edits to improve responsiveness and so on, but crediting. :)

This looks great. Will credit when I use it.

This is lovely! I noticed that you've got some roman numerals (I to IV) that seem to be navigation links, but I'm having trouble emulating that. Is there a missing step?

(I've snagged and added credit to the profile. Thank you so much for building this!)

Thank you!

To get the roman numerals, put them in "Link text" for each link.

Thank you so much! This is beautiful. Am using this now. Have credited.

Tabula Rasa: Saturday Morning

no subject

no subject

no subject

no subject

no subject

no subject