confidentiality spice (danniisupernova) wrote in echo_novas,
confidentiality spice
danniisupernova
echo_novas

Layout 001: Agatha's Morning

Style: S2 Flexible Squares
Acconts: Paid, Basic, Sponsored (the adds look a little meh though)
Name: Agatha's Coffee (001) and Agatha's Mints (002)


Photobucket
(001)


Photobucket
(002)





001

/* Agatha's Coffee: */

/*---------------------------------------------------

!Do not Remove!

Credit echo_novas and danniisupernova
-----------------------------------------------------*/


body {
background-color: #e2f6fd;
background-image:url(http://img.photobucket.com/albums/v332/danniisupernova/rosebg.png);
background-repeat:repeat-x
text-align: center;
color: #e2f6fd;
font-family: "Georgia", sans-serif;
font-size: 14px;
margin: 0px 0 150px 0;
}

a, a:link, a:visited {
color: #e2f6fd;
text-decoration: italic;
}

a:hover {
color: #e2f6fd;
text-decoration: italic;
}

p, td, blockquote {
font-size: 10px;
}

code, kbd, pre, tt {
font-family: monospace;
}

/*---------------------------------------------------------------------
General page alignment and width
------------------------------------------------------------------------*/

#content
{
width: 50%;
margin-left: auto; margin-right: auto;
background-color: #aa9079;
border-width: 0px;
border-style: solid;
border-color: #999999;
padding: 15px;
}

#maincontent {
margin-top: 10px;
font-family: "Georgia", sans-serif;
font-size: 11px;
background-color: #aa9079;
color: #e2f6fd;
border-style: solid;
border-color: #999999;
border-width: 0px;
margin-right: 140px;
text-align: left;
}

#sidebar {

padding-top: 15px;
margin-top: 15px;
background-color: #aa9079;
border-color: #999999;
border-width: 0px;
border-style: solid;
font-size: 14px;
font-family: "Georgia", sans-serif;
color: #e2f6fd;
width: 120px;
float: right;
text-align: left;
}

/*-----------------------------------------------------------------------------
Header - you can add a header image with either #header or .headerimage
--------------------------------------------------------------------------------*/

#header {
width: 100%;
padding: 0px 0px 0px 0px;
margin: 0px;
text-align: center;
font-family: "Georgia", sans-serif;
font-size: 16px;
font-weight: bold;
letter-spacing: 2px;
border-style: solid;
border-color: #999999;
border-width: 0px;
background-color: #aa9079;
color: #e2f6fd;
}


.headerimage {
/* for formatting header image */
}


/*look and color of links (also partly for footer)*/
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
color: #e2f6fd;
}

div#header a:hover, div#footer a:hover {
color: #aa9079;
text-decoration: italic;
}

/*title and subtitle*/
.title {
font-family: "Georgia", sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 200%;
top: 10px;
}

.subtitle{
font-family: "Georgia", sans-serif;
font-size: 11px;
font-weight: normal;
top: 10px;
}

/*-----------------------------------------------------------------------------
Header - top navigation
--------------------------------------------------------------------------------*/

/* header -- links to views; title of journal; subtitle of journal */

ul.navheader
{
padding: 0px;
margin: 0px;
}

ul.navheader li {
display: inline;
padding: 0 3px 0 3px;
}

/*-----------------------------------------------------------------------------
Entry stuff
------------------------------------------------------------------------*/


.subcontent {
}

.entry {
margin: 0px 10px 10px 30px;
padding: 10px;
background-color: #aa9079;
color: #e2f6fd;
font-family: "Georgia", sans-serif;
font-size: 11px;
text-align: left;
border-width: 0px;
border-color: #919bad;
border-style: solid;
}


.userpic {
position: relative;
float: left;
background-color: #e2f6fd;
padding: 10px;
margin: 10px;
z-index: 15;
border-width: 0px;
border-color: #919bad;
border-style: solid;
}

.date {
line-height: 200%;
top: 5px;
color: #e2f6fd;
font-family: "Georgia", sans-serif;
font-size: 10px;
}

.subject {
font-weight: bold;
padding: 10px;
color: #e2f6fd;
font-family: "Georgia", sans-serif;
font-size: 18px;
}

.subject a, .subject a:link, .subject a:visited {
color: #e2f6fd;
}

.subject a:hover {
color: #aa9079;
text-decoration: italic;
}

.datesubject {
background-color: #aa9079;
padding: 5px;
}

.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}

.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}


/*---------------------------------------------------------------------
Entry Stuff - Current Mood, Music and Location
------------------------------------------------------------------------*/

.currents, .currentmood, .currentmusic {
font-family: "Georgia", sans-serif;
font-size: 10px;
}


/*---------------------------------------------------------------------
Entry Stuff - Comments
------------------------------------------------------------------------*/

.comments {
font-family: "Georgia", sans-serif;
font-size: 10px;
text-align: right;
background-color: #aa9079;
padding: 0px 5px 0px 5px;
position: relative;
top: 15px;
}

div.comments a, div.comments a:link, div.comments a:visited{
color: #e2f6fd;
}

div.comments a:hover {
color: #aa9079;
text-decoration: italic;
}


/*---------------------------------------------------------------------
Entry Stuff - Separator
------------------------------------------------------------------------*/

.separator{
/* for formatting separators between entries */
height: 35px;
}



/*------------------------------------------------------------
Special friends page customization
-------------------------------------------------------------------------------*/


.userpicfriends {
background-color:#e2f6fd !important;
position: relative;
float: left;
padding: 0px;
margin: 10px;
text-align: center;
border-style: solid;
border-width: 10px;
border-color: #e2f6fd;
font-family: "Georgia", sans-serif;
font-size: 10px;
color: #e2f6fd;
z-index: 15;
}


/*------------------------------------------------------------
Sidebar
-------------------------------------------------------------------------------*/

.defaultuserpic {
text-align: right;
}

.sbarheader {
padding: 0px 5px 0px 5px;
}

.sbarbody {
padding: 0px 5px 0px 5px;
}

.sbarbody2 {
padding: 0 15px 0 15px;
}

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #e2f6fd;
}

div#sidebar a:hover {
color: #aa9079;
text-decoration: italic;
}


/*------------------------------------------------------------
Sidebar - Calendar
-------------------------------------------------------------------------------*/

table.calendar {
margin-right: auto;
margin-left: auto;
}

.sbarcalendar {
border-color: #000000;
border-width: 0px;
border-style: solid;
text-align: center;
font-family: "Georgia", sans-serif;
font-size: 10px;
}

.sbarcalendarposts {
border-color: #000000;
border-width: 0px;
border-style: solid;
background-color: #aa9079;
text-align: center;
font-family: "Georgia", sans-serif;
font-size: 10px;
}

/*------------------------------------------------------------
Sidebar - link box contents and sidebar box titles
-------------------------------------------------------------------------------*/

ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}

li.sbaritem
{
padding-left: 15px;
list-style: none;
}

li.sbartitle
{
padding-left: 15px;
list-style: none;
border-style: solid;
border-width: 0px;
border-color: #999999;
background-color: #aa9079;
margin-bottom: 10px;
margin-top: 10px;
}

/*----------------------------------------------------
footer
----------------------------------------------------------------*/


#footer {
width: 100%;
text-align: center;
font-family: "Georgia", sans-serif;
font-size: 10px;
font-weight: bold;
letter-spacing: 1px;
background-color: #aa9079;
color: #e2f6fd;
border-color: #999999;
border-width: 0px;
border-style: solid;
z-index: 100;
clear: both;
}



ul.navfooter{
padding: 0px;
margin: 0px;
}

ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}


.clearfoot {
clear: both;
}

/*----------------------------------------------------
Archive Pages
----------------------------------------------------------------*/

ul.year {
text-align: center;
padding-bottom: 40px;
}

ul.year li {
display: inline;
}

table.yeartable {
margin-left: auto;
margin-right: auto;
}

table.yeartable td.yeardate, table.yeartable td.yearday {
border-width: 0px;
border-style: solid;
border-color: #999999;
}

table.yeartable td.yearday {
background-color: #aa9079;
text-align: center;
}

td.yearmonth {
border-style: none;
}


/*----------------------------------------------------
Comments pages
----------------------------------------------------------------*/

.datesubjectcomment {
background-color: #e2f6fd;
padding: 5px;
margin-top: 20px;
}

.userpiccomment {
position: relative;
border-width: 0px;
border-style: solid;
border-color: #e2f6fd;
background-color: #e2f6fd;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 0px;
border-color: #aa9079;
border-style: solid;
}

.box {
border-style: solid;
border-width: 10px 0px 0px 0px;
border-color: #aa9079;
padding: 10px;
clear: left;
}

input, textarea {
background-color: #d4dce8;
color: #fefedf;
}

textarea.textbox {
width: 100% !important;
}

.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Georgia", sans-serif;
font-size: 10px;
line-height: 125%;
background-color: #e2f6fd;
color: #e2f6fd;
}

.replytosubject {
font-weight: bold;
}


.commentreply {
position: relative;
margin: 10px;
font-size: 10px;
font-family: "Georgia", sans-serif;
color: #e2f6fd;
}

.commentbox {

border-color: #999999;
border-width: 0px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #e2f6fd;
}

.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #e2f6fd;
}

.datesubjectcomment a:hover {
color: #aa9079;
}

.commentboxpartial {
border-color: #999999;
border-width: 0px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #e2f6fd;
}

.commentinfo {
background-color: #e2f6fd;
margin-top: 10px;
width: 100%;
}

.skiplinks {
text-align: center;
}


/*--------------------------------------------
Misc
-----------------------------------------*/

.clear {
height: 15px;
}






002

/* Agatha's Mint: */

/*---------------------------------------------------
!Don't remove!

Credit: echo_novas and danniisupernova


-----------------------------------------------------*/


body {
background-color: #e2f6fd;
background-image:url(http://img.photobucket.com/albums/v332/danniisupernova/rosebg.png);
background-repeat:repeat-x
text-align: center;
color: #aa9079;
font-family: "Georgia", sans-serif;
font-size: 14px;
margin: 0px 0 150px 0;
}

a, a:link, a:visited {
color: #aa9079;
text-decoration: none;
}

a:hover {
color: #e2f6fd;
text-decoration: italic;
}

p, td, blockquote {
font-size: 10px;
}

code, kbd, pre, tt {
font-family: monospace;
}

/*---------------------------------------------------------------------
General page alignment and width
------------------------------------------------------------------------*/

#content
{
width: 50%;
margin-left: auto; margin-right: auto;
background-color: #e2fdee;
border-width: 0px;
border-style: solid;
border-color: #999999;
padding: 15px;
}

#maincontent {
margin-top: 10px;
font-family: "Georgia", sans-serif;
font-size: 11px;
background-color: #e2fdee;
color: #aa9079;
border-style: solid;
border-color: #999999;
border-width: 0px;
margin-right: 140px;
text-align: left;
}

#sidebar {

padding-top: 15px;
margin-top: 15px;
background-color: #e2fdee;
border-color: #999999;
border-width: 0px;
border-style: solid;
font-size: 14px;
font-family: "Georgia", sans-serif;
color: #aa9079;
width: 120px;
float: right;
text-align: left;
}

/*-----------------------------------------------------------------------------
Header - you can add a header image with either #header or .headerimage
--------------------------------------------------------------------------------*/

#header {
width: 100%;
padding: 0px 0px 0px 0px;
margin: 0px;
text-align: center;
font-family: "Georgia", sans-serif;
font-size: 16px;
font-weight: bold;
letter-spacing: 2px;
border-style: solid;
border-color: #999999;
border-width: 0px;
background-color: #e2fdee;
color: #aa9079;
}


.headerimage {
/* for formatting header image */
}


/*look and color of links (also partly for footer)*/
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
color: #aa9079;
}

div#header a:hover, div#footer a:hover {
color: #e2fdee;
text-decoration: none;
}

/*title and subtitle*/
.title {
font-family: "Georgia", sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 200%;
top: 10px;
}

.subtitle{
font-family: "Georgia", sans-serif;
font-size: 11px;
font-weight: normal;
top: 10px;
}

/*-----------------------------------------------------------------------------
Header - top navigation
--------------------------------------------------------------------------------*/

/* header -- links to views; title of journal; subtitle of journal */

ul.navheader
{
padding: 0px;
margin: 0px;
}

ul.navheader li {
display: inline;
padding: 0 3px 0 3px;
}

/*-----------------------------------------------------------------------------
Entry stuff
------------------------------------------------------------------------*/


.subcontent {
}

.entry {
margin: 0px 10px 10px 30px;
padding: 10px;
background-color: #e2fdee;
color: #aa9079;
font-family: "Georgia", sans-serif;
font-size: 11px;
text-align: left;
border-width: 0px;
border-color: #919bad;
border-style: solid;
}


.userpic {
position: relative;
float: left;
background-color: #aa9079;
padding: 10px;
margin: 10px;
z-index: 15;
border-width: 0px;
border-color: #919bad;
border-style: solid;
}

.date {
line-height: 200%;
top: 5px;
color: #aa9079;
font-family: "Georgia", sans-serif;
font-size: 10px;
}

.subject {
font-weight: bold;
padding: 10px;
color: #aa9079;
font-family: "Georgia", sans-serif;
font-size: 18px;
}

.subject a, .subject a:link, .subject a:visited {
color: #aa9079;
}

.subject a:hover {
color: #e2f6fd;
text-decoration: italic;
}

.datesubject {
background-color: #e2fdee;
padding: 5px;
}

.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}

.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}


/*---------------------------------------------------------------------
Entry Stuff - Current Mood, Music and Location
------------------------------------------------------------------------*/

.currents, .currentmood, .currentmusic {
font-family: "Georgia", sans-serif;
font-size: 10px;
}


/*---------------------------------------------------------------------
Entry Stuff - Comments
------------------------------------------------------------------------*/

.comments {
font-family: "Georgia", sans-serif;
font-size: 10px;
text-align: right;
background-color: #e2fdee;
padding: 0px 5px 0px 5px;
position: relative;
top: 15px;
}

div.comments a, div.comments a:link, div.comments a:visited{
color: #aa9079;
}

div.comments a:hover {
color: #e2f6fd;
text-decoration: italic;
}


/*---------------------------------------------------------------------
Entry Stuff - Separator
------------------------------------------------------------------------*/

.separator{
/* for formatting separators between entries */
height: 35px;
}



/*------------------------------------------------------------
Special friends page customization
-------------------------------------------------------------------------------*/


.userpicfriends {
background-color:#aa9079 !important;
position: relative;
float: left;
padding: 0px;
margin: 10px;
text-align: center;
border-style: solid;
border-width: 10px;
border-color: #aa9079;
font-family: "Georgia", sans-serif;
font-size: 10px;
color: #e2f6fd;
z-index: 15;
}


/*------------------------------------------------------------
Sidebar
-------------------------------------------------------------------------------*/

.defaultuserpic {
text-align: right;
}

.sbarheader {
padding: 0px 5px 0px 5px;
}

.sbarbody {
padding: 0px 5px 0px 5px;
}

.sbarbody2 {
padding: 0 15px 0 15px;
}

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #e2f6fd;
}

div#sidebar a:hover {
color: #e2fdee;
text-decoration: italic;
}


/*------------------------------------------------------------
Sidebar - Calendar
-------------------------------------------------------------------------------*/

table.calendar {
margin-right: auto;
margin-left: auto;
}

.sbarcalendar {
border-color: #000000;
border-width: 0px;
border-style: solid;
text-align: center;
font-family: "Georgia", sans-serif;
font-size: 10px;
}

.sbarcalendarposts {
border-color: #000000;
border-width: 0px;
border-style: solid;
background-color: #e2fdee;
text-align: center;
font-family: "Georgia", sans-serif;
font-size: 10px;
}

/*------------------------------------------------------------
Sidebar - link box contents and sidebar box titles
-------------------------------------------------------------------------------*/

ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}

li.sbaritem
{
padding-left: 15px;
list-style: none;
}

li.sbartitle
{
padding-left: 15px;
list-style: none;
border-style: solid;
border-width: 0px;
border-color: #999999;
background-color: #e2fdee;
margin-bottom: 10px;
margin-top: 10px;
}

/*----------------------------------------------------
footer
----------------------------------------------------------------*/


#footer {
width: 100%;
text-align: center;
font-family: "Georgia", sans-serif;
font-size: 10px;
font-weight: bold;
letter-spacing: 1px;
background-color: #e2fdee;
color: #aa9079;
border-color: #999999;
border-width: 0px;
border-style: solid;
z-index: 100;
clear: both;
}



ul.navfooter{
padding: 0px;
margin: 0px;
}

ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}


.clearfoot {
clear: both;
}

/*----------------------------------------------------
Archive Pages
----------------------------------------------------------------*/

ul.year {
text-align: center;
padding-bottom: 40px;
}

ul.year li {
display: inline;
}

table.yeartable {
margin-left: auto;
margin-right: auto;
}

table.yeartable td.yeardate, table.yeartable td.yearday {
border-width: 0px;
border-style: solid;
border-color: #999999;
}

table.yeartable td.yearday {
background-color: #e2fdee;
text-align: center;
}

td.yearmonth {
border-style: none;
}


/*----------------------------------------------------
Comments pages
----------------------------------------------------------------*/

.datesubjectcomment {
background-color: #e2f6fd;
padding: 5px;
margin-top: 20px;
}

.userpiccomment {
position: relative;
border-width: 0px;
border-style: solid;
border-color: #e2f6fd;
background-color: #e2f6fd;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 0px;
border-color: #e2fdee;
border-style: solid;
}

.box {
border-style: solid;
border-width: 10px 0px 0px 0px;
border-color: #e2fdee;
padding: 10px;
clear: left;
}

input, textarea {
background-color: #d4dce8;
color: #fefedf;
}

textarea.textbox {
width: 100% !important;
}

.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Georgia", sans-serif;
font-size: 10px;
line-height: 125%;
background-color: #e2f6fd;
color: #aa9079;
}

.replytosubject {
font-weight: bold;
}


.commentreply {
position: relative;
margin: 10px;
font-size: 10px;
font-family: "Georgia", sans-serif;
color: #aa9079;
}

.commentbox {

border-color: #999999;
border-width: 0px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #e2f6fd;
}

.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #aa9079;
}

.datesubjectcomment a:hover {
color: #e2fdee;
}

.commentboxpartial {
border-color: #999999;
border-width: 0px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #e2f6fd;
}

.commentinfo {
background-color: #e2f6fd;
margin-top: 10px;
width: 100%;
}

.skiplinks {
text-align: center;
}


/*--------------------------------------------
Misc
-----------------------------------------*/

.clear {
height: 15px;
}







Like what you see? See more!
Watch echo_novas
Tags: flexible squares, layout
Subscribe
  • Post a new comment

    Error

    default userpic
    When you submit the form an invisible reCAPTCHA check will be performed.
    You must follow the Privacy Policy and Google Terms of use.
  • 1 comment