dreamscapes | 1 Transmogrified Style, 2 Color Schemes

Entry tags:

1 Transmogrified Style, 2 Color Schemes

I was encouraged to post here and what good news it was to find out that I don't really have to know how to code the S2 background stuff, I can just submit the CSS files. The Dreamwidth community is awesome.

1 style, 2 color schemes.
Seeking someone to convert them.

(thumbnail previews are clickable)

Author:

timeasmymeasure //

arobynsung (either's fine)

Theme name/layout: Dusty Foot Philosopher || Transmogrified
Layout info: CSS file also found here
Image info: This layout does not have images.

/*-- Dusty Foot Philosopher (Transmogrified) --*/

/*--- main ---*/

BODY { 
		background-image: url(''); 
		background-color: #F0F0D8;
		color: #444444; 
		font-size: 12px; 
		line-height: 140%; 
		margin: auto; 
		font-family: arial, sans-serif;
		}

* {
		margin: 0px; 
		padding: 0px;
		}

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

a:hover {
		color: #856E78;
		}

img {
		border: none;
		}

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

input, textarea {
		background-color: #f7f7f7;
		color: #919191;
		border: 1px solid #919191;
		}

::-moz-selection { 
		background: #f7f7f7; 
		color: #5e5e5e; 
		}

blockquote {
		background: #F0F0D8;
		border-left: 15px solid #D1BE9D;
		margin: 15px 15px 15px 50px;
		padding: 10px;
		width: 65%;
		}

/*--- containers and things ---*/

#container {
		background: #FFFFFF;
		margin: auto;
		width: 90%;
		}

#wrap {
		padding: 0px 220px 0px 10px;
		}

#content {
		width: 100%;
		float: left;
		}

/*--- headers ---*/

#header {
		background-color: #A87890;
		color: #FFFFFF;
		}

#header h1 {
		color: #FFFFFF;
		font-size: 20px;
		padding: 10px 10px 0px 10px;
		text-transform: uppercase;
		}

/*-- header links (recent, tags, etc) --*/

.module-section-one {
		background: #A87890;
		text-align: right;
		text-transform: uppercase;
		}

.module-section-one ul {
		padding: 10px;
		}

.module-section-one li {
		display: inline;
		list-style: none;
		padding: 10px;
		}

.module-section-one li a {
		color: #E9DEB0;
		}

.module-section-one li a:hover {
		color: #F0F0D8;
		}

/*--- navigation (for entries) ---*/

.navigation {
		margin: 0px;
		padding: 10px;
		text-align: left;
		text-transform: uppercase;
		}

.navigation ul {
		
		}

.navigation li {
		padding: 5px;
		display: inline;
		}

.navigation li a {
		color: #856E78;
		}

.navigation .page-back a:before, .navigation .page-forward a:after {
		vertical-align: 40%;
		}

/*--- entries ---*/

.entry, .text_noentries_day {
		padding: 10px 0px;
		position: relative;
		margin-bottom: 20px;
		margin-right: 10px;
		border-bottom: 5px solid #F0D8C0;
		}

.entry .userpic a {
		float: right;
		margin: -20px 10px 10px 10px;
		}

.entry .userpic img {
		border: 5px solid #A87890;
		}

.entry-title, .entry-title a {
		color: #AA9568;
		font-size: 16px; 
		font-variant: small-caps;
		letter-spacing:0.1em;
		}

.datetime, .datetime a {
		font-size: 10px; 
		color: #D1BE9D !important;
		text-transform: uppercase;
		}

.entry-poster {
		display: block;
		margin-bottom: 10px; 
		border-bottom: 1px solid #F0D8C0;
		}

.entry ul li {
		list-style: disc;
		margin-left: 50px;
		padding-left: 0px;
		}

.entry ol li {
		list-style: decimal-leading-zero;
		margin-left: 50px;
		padding-left: 0px;
		}

.entry .footer {
		text-align: center;
		text-transform: uppercase; 
		}

.entry .footer hr {
		display: none;
		}

/*--- entry & comments footer stuff ---*/

.entry-management-links, .entry-interaction-links, .comment-management-links, .comment-interaction-links {
		text-align: right; 
		display: inline;
		}

.entry-management-links li, .entry-interaction-links li, .comment-management-links li, .comment-interaction-links li {
		display: inline; 
		list-style: none; 
		padding: 5px;
		}

.entry-management-links li a, .comment-management-links li a,
.comment-interaction-links .thread a {
		background-image: url(http://s.dreamwidth.org/stc/transmogrified/permalink.gif);
		background-repeat: no-repeat;
		background-position: 0% 50%;
		padding-left: 14px;
		}

.entry-management-links .edit_entry a, .comment-management-links .delete_comment a,
.comment-management-links .edit_comment a {
		background-image: url(http://s.dreamwidth.org/stc/transmogrified/edit.gif);
		}

.entry-management-links .edit_tags a, .comment-interaction-links .parent a {
		background-image: url(http://s.dreamwidth.org/stc/transmogrified/tag.gif);
		}

.entry-management-links .mem_add a, .entry-management-links .watch_comments a,
.comment-management-links .watch_thread a {
		background-image: url(http://s.dreamwidth.org/stc/transmogrified/memories.gif);
		}

.entry-management-links .link_prev a {
		background-image: url(http://s.dreamwidth.org/stc/transmogrified/previous.gif);
		}

.entry-management-links .link_next a {
		background-image: url(http://s.dreamwidth.org/stc/transmogrified/next.gif);
		}

.entry-interaction-links li a, .entry-management-links .tell_friend a,
.comment-interaction-links li a { 
		background-image: url(http://s.dreamwidth.org/stc/transmogrified/comment.gif);
		background-repeat: no-repeat;
		background-position: 0% 50%;
		padding-left: 14px;  
		display: inline;
		}

.comment-management-links .delete_comment a {
		background-image: url(http://s.dreamwidth.org/stc/transmogrified/delete.gif);
		}

.text_noentries_day {
		margin-top: 20px;
		margin-bottom: 20px;
		}

/*--- currents and tags ---*/

.tag {
		color: #4f4f4f;
		text-align: left;
		margin: 10px 0px 10px 0px;
		border-bottom: 1px solid #F0D8C0;
		}
 
		.metadata-label {
		color: #4f4f4f;
		}

.metadata a, .tag a {
		color: #856E78;
		}

.metadata {
		font-size: 10px; 
		color: #856E78;
		margin: 5px 0px 0px 0px;
		padding: 5px;
		border-bottom: 1px solid #F0D8C0;
		text-align: right;
		text-transform:uppercase;
		}

.entry .metadata li {
		list-style: none;
		}

.tag ul {
		display: inline;
		}

.tag li, .footer li {
		display: inline; 
		list-style: none; 
		margin-left: 0 !important;
		}

/*--- comments ---*/

.comment {
		padding: 10px 0px;
		position: relative;
		margin-bottom: 20px;
		}

.comment .userpic a {
		float: right;
		margin: -20px 10px 10px 10px;
		}

.comment .userpic img {
		width: 85px;
		height: 85px;
		border: 5px solid #856E78;
		}

.comment-wrapper .comment {
		margin-right: 10px;
		border-bottom: 5px solid #F0D8C0;
		}

.comment-wrapper .comment-title, .comment-wrapper .comment-title a {
		color: #AA9568;
		font-size: 16px;
		font-variant: small-caps;
		letter-spacing: 0.1em;
		}

.comment-poster {
		border-bottom: 1px solid #F0D8C0;
		display: block;
		margin-bottom: 10px; 
		}

.page-reply .entry-wrapper {
		margin-top: 20px;
		}

#postform {
		border: 1px solid #f4f4f4;
		margin: 20px;
		}

#commenttext {
		width: 80%;
		}

.poster-ip {
		color: #D1BE9D;
		text-transform: uppercase;
		}

#qrdiv table, #qrformdiv table, form #qrform {
		background: #f4f4f4; 
		border: 1px solid #f4f4f4 !important;
		}

.comment .footer {
		margin-top: 15px;
		text-align: center;
		text-transform: uppercase; 
		}

/*--- modules (aka sidebar) ---*/

.module-section-two {
		background: #F0D8C0;
		float: left;
		width: 210px;
		padding: 10px 10px 10px 0px;
		margin-right: -220px;
		}

.module-section-two ul {
		list-style-type: none;
		}

.module-section-two li {
		padding: 2px 0px 5px 5px;
		display: block;
		text-transform: lowercase;
		}

.module-section-two .module {
		margin: 10px 0px 10px 20px;
		}

.module-section-two h2 {
		font-size: 14px; 
		color: #AA9568;	
		text-align: left;
		font-variant: small-caps;
		border-bottom: 1px solid #A87890;
		}

.module-section-two h2 a, .module-section-two .module-header a {	
		color: #AA9568;		
		}

.module-section-two h2 a:hover, .module-section-two .module-header a:hover {
		color: #856E78;
		}

.module-userprofile {
		padding: 0px;
		}

.module-userprofile h2, .module-userprofile p {
		display: none;
		}

.module-userprofile .userpic img {
		border: 5px solid #A87890;
		}

.module-userprofile .userpic {
		text-align: center;
		}

.module-userprofile ul {
		text-align: center; 
		margin-top: 20px;
		}

.module-userprofile li {
		display: inline; 
		padding: 5px; 
		list-style: none;
		}

.module-calendar {
		text-align: center;
		}

.module-calendar table {
		width: 85%; 
		margin: auto;
		}

.empty-day {
		padding: 5px;
		}

.entry-day {
		background-color: #856E78; 
		padding: 5px;
		}

.entry-day a { 
		color: #FFFFFF;
		text-decoration: none;
		}

.entry-day a:hover {
		text-decoration:underline;
		}

/*--- footer ---*/

.module-section-three, .module-section-three a {
		background: #856E78;
		clear: both;
		margin: auto;
		padding: 5px;
		color: #ffffff;
		text-align:center;
		}

/*--- tag page ---*/

.page-tags #content {
		margin-top: 10px;
		}

.page-tags #content h2 {
		margin-bottom: 10px;
		border-bottom: 1px solid #F0D8C0;
		color: #AA9568;
		font-variant: small-caps;
		}

.page-tags #content ul li {
		list-style: disc;
		margin-left: 50px;
		padding: 5px;
		}

/*--- archive page ---*/

.page-archive .navigation ul li {

}

.month-wrapper, #archive-month dl {		background: #FFFFFF;
		border: 1px solid #F0F0D8;
		padding: 10px;
		position: relative;
		margin: 20px;
		}

.month-wrapper h3 {
		background: #FFFFFF;
		border-bottom: 1px solid #F0D8C0;
		color: #AA9568;
		font-variant: small-caps;
		}

.month table{
		width: 90%; 
		margin: auto; 
		}

.month table th {
		padding: 5px;
		color: #2F615E; 
		text-align: center;
		}

.month caption {
		display: none;
		}

.month .day {
		background: #F0F0D8; 
		padding: 5px; 
		}

.day-has-entries{
		padding: 2px;
		}

.month .day-has-entries {

}

.month .day-has-entries a {
		font-size: 14px;
		}

.day-has-entries p {
		margin: 3px !important;
		text-align: right;
		}

.month .footer {
		width: 90%; 
		text-align: center; 
		margin: auto;
		}

#archive-month dt {
		font-weight: bold;
		}

#archive-month .entry-title {
		display: inline-block;
		padding-left: 5px;
		}

/*-- navigation bar --*/

table#lj_controlstrip td {
		background-color: #F0F0D8;
		border: 0;
		color: #AA9568; 
		}

#lj_controlstrip input {
		background-color: #EDDDC6;
		border: 1px solid #AA9568;
		color: #AA9568;
		}

#lj_controlstrip a  {
		color: #856E78;
		}

#lj_controlstrip_statustext {
		color: #AA9568; 
		}

#lj_controlstrip .ljuser a b {
		color: #AA9568;
		}

#lj_controlstrip_userpic {
		display: none;
		}

/*------- contextual pop-up -------*/

div.ContextualPopup {
		margin: 10px 0 0 10px;
 		text-align: left; 
		}

div.ContextualPopup div.Inner {
		background: transparent !important;		
		color: #D1BE9D !important;
		border: 0px;
		padding: 10px;
		width: 280px;
		}

div.ContextualPopup .Userpic {
		margin: 5px 55px 0 0px;
		padding: 5px;
		background-color: #FFFFFF;
		border: 1px #AA9568 solid;
		}

div.ContextualPopup .Content {
		padding: 5px;
		border: 1px #AA9568 solid;
		background-color: #ffffff;

}

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited, div.ContextualPopup div.Inner a:link {
		text-decoration: none !important;
		font-weight: normal; 
		color: #856E78 !important;
		}

div.ContextualPopup .Relation {
		color: #AA9568;
		}

/*-- paste additional codes below this point --*/

Theme name/layout: Dusty Foot Dreamer || Transmogrified
Layout info: CSS file also here
Image info: This layout does not have images.

/*-- Dusty Foot Dreamer (Transmogrified) --*/

/*--- main ---*/

BODY { 
		background-image: url(''); 
		background-color: #EAEAEA;
		color: #000000; 
		font-size: 12px; 
		line-height: 140%; 
		margin: auto; 
		font-family: arial, sans-serif;
		}

* {
		margin: 0px; 
		padding: 0px;
		}

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

a:hover {
		color: #767676;
		}

img {
		border: none;
		}

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

input, textarea {
		background-color: #f7f7f7;
		color: #919191;
		border: 1px solid #919191;
		}

::-moz-selection { 
		background: #f7f7f7; 
		color: #5e5e5e; 
		}

blockquote {
		background: #EAEAEA;
		border-left: 15px solid #D1BE9D;
		margin: 15px 15px 15px 50px;
		padding: 10px;
		width: 65%;
		}

/*--- containers and things ---*/

#container {
		background: #FFFFFF;
		margin: auto;
		width: 90%;
		}

#wrap {
		padding: 0px 220px 0px 10px;
		}

#content {
		width: 100%;
		float: left;
		}

/*--- headers ---*/

#header {
		background-color: #464646;
		color: #FFFFFF;
		}

#header h1 {
		color: #FFFFFF;
		font-size: 20px;
		padding: 10px 10px 0px 10px;
		text-transform: uppercase;
		}

/*-- header links (recent, tags, etc) --*/

.module-section-one {
		background: #464646;
		text-align: right;
		text-transform: uppercase;
		}

.module-section-one ul {
		padding: 10px;
		}

.module-section-one li {
		display: inline;
		list-style: none;
		padding: 10px;
		}

.module-section-one li a {
		color: #EAEAEA;
		}

.module-section-one li a:hover {
		color: #D5D5D5;
		}

/*--- navigation (for entries) ---*/

.navigation {
		margin: 0px;
		padding: 10px;
		text-align: left;
		text-transform: uppercase;
		}

.navigation ul {
		
		}

.navigation li {
		padding: 5px;
		display: inline;
		}

.navigation li a {
		color: #068CB5;
		}

.navigation .page-back a:before, .navigation .page-forward a:after {
		vertical-align: 40%;
		}

/*--- entries ---*/

.entry, .text_noentries_day {
		padding: 10px 0px;
		margin-right: 10px;
		position: relative;
		margin-bottom: 20px;
		border-bottom: 5px solid #D5D5D5;
		}

.entry .userpic a {
		float: right;
		margin: -20px 10px 10px 10px;
		}

.entry .userpic img {
		border: 5px solid #464646;
		}

.entry-title, .entry-title a {
		color: #AA9568;
		font-size: 16px; 
		font-variant: small-caps;
		letter-spacing:0.1em;
		}

.datetime, .datetime a {
		font-size: 10px; 
		color: #D1BE9D !important;
		text-transform: uppercase;
		}

.entry-poster {
		border-bottom: 1px solid #D5D5D5; 
		display: block;
		margin-bottom: 10px; 
		}

.entry ul li {
		list-style: disc;
		margin-left: 50px;
		padding-left: 0px;
		}

.entry ol li {
		list-style: decimal-leading-zero;
		margin-left: 50px;
		padding-left: 0px;
		}

.entry .footer {
		text-align: center;
		text-transform:uppercase; 
		}

.entry .footer hr {
		display: none;
		}

/*--- entry & comments links ---*/

.entry-management-links, .entry-interaction-links, .comment-management-links, .comment-interaction-links {
		text-align: right; 
		display: inline;
		}

.entry-management-links li, .entry-interaction-links li, .comment-management-links li, .comment-interaction-links li {
		display: inline; 
		list-style: none; 
		padding: 5px;
		}

.entry-management-links li a, .comment-management-links li a,
.comment-interaction-links .thread a {
		color: #AA9568;
		background-image: url(http://s.dreamwidth.org/stc/transmogrified/permalink.gif);
		background-repeat: no-repeat;
		background-position: 0% 50%;
		padding-left: 14px;
		}

.entry-management-links .edit_tags a, .comment-interaction-links .parent a {
		background-image: url(http://s.dreamwidth.org/stc/transmogrified/tag.gif);
		}

.entry-management-links .link_prev a {
		background-image: url(http://s.dreamwidth.org/stc/transmogrified/previous.gif);
		}

.entry-management-links .link_next a {
		background-image: url(http://s.dreamwidth.org/stc/transmogrified/next.gif);
		}

.entry-interaction-links li a, .entry-management-links .tell_friend a,
.comment-interaction-links li a { 
		color: #AA9568;
		background-image: url(http://s.dreamwidth.org/stc/transmogrified/comment.gif);
		background-repeat: no-repeat;
		background-position: 0% 50%;
		padding-left: 14px;  
		display: inline;
		}

.comment-management-links .delete_comment a {
		background-image: url(http://s.dreamwidth.org/stc/transmogrified/delete.gif);
		}

.text_noentries_day {
		margin-top: 20px;
		margin-bottom: 20px;
		}

/*--- currents and tags ---*/

.tag {
		color: #4f4f4f;
		text-align: left;
		font-size: 10px; 
		margin: 10px 0px 10px 0px;
		border-bottom: 1px solid #D5D5D5; 
		}
 
		.metadata-label {
		color: #4f4f4f;
		}

.metadata a, .tag a {
		color: #068CB5;
		}

.metadata {
		font-size: 10px; 
		color: #068CB5;
		margin: 5px 0px 0px 0px;
		padding: 5px;
		border-bottom: 1px solid #D5D5D5; 
		text-align: right;
		text-transform:uppercase;
		}

.entry .metadata li {
		list-style: none;
		}

.tag ul {
		display: inline;
		}

.tag li, .footer li {
		display: inline; 
		list-style: none; 
		margin-left: 0 !important;
		}

/*--- comments ---*/

.comment {
		margin-right: 10px;
		padding: 10px 0px;
		position: relative;
		margin-bottom: 20px;
		}

.comment .userpic a {
		float: right;
		margin: -20px 10px 10px 10px;
		}

.comment .userpic img {
		width: 85px;
		height: 85px;
		border: 5px solid #464646;
		}

.comment-wrapper .comment-title, .comment-wrapper .comment-title a {
		margin-right: 10px;
		color: #AA9568;
		font-size: 16px;
		font-variant: small-caps;
		letter-spacing: 0.1em;
		}

.comment-wrapper .comment {
		border-bottom: 5px solid #D5D5D5;
		}

.comment-poster {
		border-bottom: 1px solid #D5D5D5; 
		display: block;
		margin-bottom: 10px; 
		}

.page-reply .entry-wrapper {
		margin-top: 20px;
		}

#postform {
		border: 1px solid #f4f4f4;
		margin: 20px;
		}

#commenttext {
		width: 80%;
		}

.poster-ip {
		color: #D1BE9D;
		text-transform: uppercase;
		}

#qrdiv table, #qrformdiv table, form #qrform {
		background: #f4f4f4; 
		border: 1px solid #f4f4f4 !important;
		}

.comment .footer {
		margin-top: 15px; 
		text-align: center;
		text-transform:uppercase; 
		}

/*--- modules (aka sidebar) ---*/

.module-section-two {
		background: #D5D5D5;
		float: left;
		width: 210px;
		padding: 10px 10px 10px 0px;
		margin-right: -220px;
		}

.module-section-two ul {
		list-style-type: none;
		}

.module-section-two li {
		padding: 2px 0px 5px 5px;
		display: block;
		text-transform: lowercase;
		}

.module-section-two .module {
		margin: 10px 0px 10px 20px;
		}

.module-section-two h2 {
		font-size: 14px; 
		color: #AA9568;	
		text-align: left;
		font-variant: small-caps;
		border-bottom: 1px solid #464646;
		}

.module-section-two h2 a, .module-section-two .module-header a {	
		color: #AA9568;		
		}

.module-section-two h2 a:hover, .module-section-two .module-header a:hover {
		color: #068CB5;
		}

.module-userprofile {
		padding: 0px;
		}

.module-userprofile h2, .module-userprofile p {
		display: none;
		}

.module-userprofile .userpic img {
		border: 5px solid #464646;
		}

.module-userprofile .userpic {
		text-align: center;
		}

.module-userprofile ul {
		text-align: center; 
		margin-top: 20px;
		}

.module-userprofile li {
		display: inline; 
		padding: 5px; 
		list-style: none;
		}

.module-calendar {
		text-align: center;
		}

.module-calendar table {
		width: 85%; 
		margin: auto;
		}

.empty-day {
		padding: 5px;
		}

.entry-day {
		background-color: #068CB5; 
		padding: 5px;
		}

.entry-day a { 
		color: #FFFFFF;
		text-decoration: none;
		}

.entry-day a:hover {
		text-decoration:underline;
		}

/*--- footer ---*/

.module-section-three {
		background: #068CB5;
		clear: both;
		margin: auto;
		padding: 5px;
		color: #ffffff;
		text-align:center;
		}

.module-section-three a {
		color: #ffffff;
		}

/*--- tag page ---*/

.page-tags #content {
		margin-top: 10px;
		}

.page-tags #content h2 {
		margin-bottom: 10px;
		border-bottom: 1px solid #D5D5D5; 
		color: #AA9568;
		font-variant: small-caps;
		}

.page-tags #content ul li {
		list-style: disc;
		margin-left: 50px;
		padding: 5px;
		}

/*--- archive page ---*/

.page-archive .navigation ul li {

}

.month-wrapper, #archive-month dl {		background: #FFFFFF;
		border: 1px solid #E5E5E5;
		padding: 10px;
		position: relative;
		margin: 20px;
		}

.month-wrapper h3 {
		background: #FFFFFF;
		border-bottom: 1px solid #D5D5D5; 
		color: #AA9568;
		font-variant: small-caps;
		}

.month table{
		width: 90%; 
		margin: auto; 
		}

.month table th {
		padding: 5px;
		color: #2F615E; 
		text-align: center;
		}

.month caption {
		display: none;
		}

.month .day {
		background: #E5E5E5; 
		padding: 5px; 
		}

.day-has-entries{
		padding: 2px;
		}

.month .day-has-entries {

}

.month .day-has-entries a {
		font-size: 14px;
		}

.day-has-entries p {
		margin: 3px !important;
		text-align: right;
		}

.month .footer {
		width: 90%; 
		text-align: center; 
		margin: auto;
		}

#archive-month dt {
		font-weight: bold;
		}

#archive-month .entry-title {
		display: inline-block;
		padding-left: 5px;
		}

/*-- navigation bar --*/

table#lj_controlstrip td {
		background-color: #E5E5E5;
		border: 0;
		color: #AA9568; 
		}

#lj_controlstrip input {
		background-color: #EAEAEA;
		border: 1px solid #AA9568;
		color: #AA9568;
		}

#lj_controlstrip a  {
		color: #068CB5;
		}

#lj_controlstrip_statustext {
		color: #AA9568; 
		}

#lj_controlstrip .ljuser a b {
		color: #AA9568;
		}

#lj_controlstrip_userpic {
		display: none;
		}

/*------- contextual pop-up -------*/

div.ContextualPopup {
		margin: 10px 0 0 10px;
 		text-align: left; 
		}

div.ContextualPopup div.Inner {
		background: transparent !important;		
		color: #D1BE9D !important;
		border: 0px;
		padding: 10px;
		width: 280px;
		}

div.ContextualPopup .Userpic {
		margin: 5px 55px 0 0px;
		padding: 5px;
		background-color: #FFFFFF;
		border: 1px #AA9568 solid;
		}

div.ContextualPopup .Content {
		padding: 5px;
		border: 1px #AA9568 solid;
		background-color: #ffffff;

}

div.ContextualPopup .Relation {
		color: #AA9568;
		}

/*-- paste additional codes below this point --*/

Let me know if I needed to add some information or tag this differently.

ETA:

Dusty Foot Layer Source: HERE

Dreamer Source: HERE
Philosopher Source: HERE

Flat | Top-Level Comments Only

Hi ravenclawbest,

Have you sent a CLA to Denise? I'm asking to see if these can be patched or not.

Yeah, I sent a scan of the signature page to her email. Do you need me to send it again?

No, I need to poke someone to see if they got it. :)

Cool, let me know if you need another copy =D

Also go under the username,

timeasmymeasure, if that helps in locating things at all :)

It's all good. She got it. :)

I have just got my Dreamhack set up, thanks to

foxfirefey and

ninetydegrees' amazing documentation. My plan is to practise making patches by working on some S2 themes, and these look like a good place to start. They're both simple enough to be manageable, and really really pretty.

Oh yay!
I don't know what the procedure for claiming is, but I'm glad these interested you =D

I've done about 90% of the conversion; you can see it here:
http://liv.dreamwidth.org/36336.html?s2id=143661

Thanks for writing such clear, logically organized CSS; you really made things easy for a newbie! I have a couple of problems, though, and I don't know if you could help me with them. One is that layouts these days have the option to put the side-bar on the right or left, and you have a right sidebar hardcoded. Is it at all possible to mirror-image the layout, and if so, can you tell me what positioning CSS you'd use if you wanted a sidebar on the left?

Second, and it's probably just me, but I can't get the entry date to show up the same size as the time. It's odd, because they should both have the same .datetime class, but I'm really struggling with it. Any ideas for making that bit not tiny?

The other thing is that I have changed the base font to 1em, in order to comply with Dreamwidth's accessibility rules. All the other font sizes are now relative. I know that makes the text look huge by default, but it's better for people with visual impairments and non-standard browsers if we start with everything at 1em and let each viewer scale using their own browser settings.

Hey, sorry for how long it's taken me to reply. I fail at replying to comments, truly. I totally understand about the accessibility rules, and I'm actually quite happy with DW making that a rule.

As for the sidebar issue, I think that the css options for that are:

.one-column #content, .two-columns-left #content, .three-columns-sides #content, .two-columns-right #content, .three-columns-sides #content, .three-columns-left #content, .three-columns-right #content

I believe that these create the options I know of for moving the sidebar around. Let me know if I answered the question.

As for the datetime thing, I've only just began with DW code so I'm not sure how that separated out.

Have I mentioned how excited I am that you're patching this?

Hi timeasmymeasure!

During the patching process, it's been noted that this could probably be converted to a Tabula Rasa style. I agreed and tried to see if this was do-able as I thought it wasn't fair to ask Liv to recode everything when she'd already worked so hard on this. This is the draft I came up with:

Layout source: http://www.dreamwidth.org/customize/advanced/layersource?id=134826

Dreamer source: http://www.dreamwidth.org/customize/advanced/layersource?id=138486

It's missing some code (control strip and hover pop-ups mostly) and the rest may not always be correct but most of it is there I think.

Figured I should let you know in case you had remarks to make or if you wanted to help out with the conversion. :)

Edited 2010-08-19 22:28 (UTC)

Oh, that's great =D
I'll look it over during the weekend.
Am I allowed to edit the layer source at this point?
It's fine if I'm not; I wouldn't want to complicate/increase workload :)

Edited (clarification) 2010-08-21 01:40 (UTC)

Am I allowed to edit the layer source at this point?

Of course, go ahead.

Alright, so I modified bits and pieces of the theme layer, not too much though.
Here's the layer source: http://www.dreamwidth.org/customize/advanced/layersource?id=139601&fmt=html

I'll work on some more color themes to submit.

Meanwhile, here the modified color themes (Dreamer and Philosopher).
Dreamer: http://www.dreamwidth.org/customize/advanced/layersource?id=139929&fmt=html
Philosopher: http://www.dreamwidth.org/customize/advanced/layersource?id=139927&fmt=html

I should probably add an ETA with the layer sources to this entry just in case.

Thanks a lot for the edits. Is this your final version? Or do you still want to have the control strip and the hover pop-ups styled?

Oops, forgot about that. Thanks for the reminder.
Will edit and notify you when I'm done.

Done :)
Let me know if I've missed anything!

Thanks a lot. You rock!

Hey!
So I was looking over the layer source for this and I found an error in the tag (metadata) links. It matched the module_title instead of the entry_title which would make more sense and avoid issues when the module is styled. Sorry for the lateness of this catch.

ninetydegrees mentioned the work you'd done here in the Bugzilla ticket for this layout, and I just wanted to pop in and say thank you! And thank you for all the rest of your themes, too. Your color sense is just so pretty, all calm and tranquil. I love 'em.

Oh it's no problem :)
Especially with all the handholding

ninetydegrees has been patiently doing throughout the process. Not to mention how easy to be involved with DW you guys continue to make it.

Thank you!

Edited (username edit) 2010-08-26 22:36 (UTC)

Hi Robyn

I'm working on this right now and I was wondering if:
a) you wanted to check things
b) you could tell me what colors you want on hover in entries because I had to add entry link colors in the themes to make sure the nav strip links were visible and I think it changed things a bit. So title, entry links, management links, etc. If you could tell me if it's ok or not that'd be great.

The preview for Dreamer is: http://www.dreamwidth.org/customize/preview_redirect?themeid=203707

And for Philosopher: http://www.dreamwidth.org/customize/preview_redirect?themeid=203708

Edited (typo) 2011-06-08 20:54 (UTC)

Yay, I'm glad it's finally getting some patching :)

Answers:
a) I'll help if I can with whatever, so if there's something wrong feel free to point it out
b) Whatever you have right now on both is all good.

BTW, I had other dusty foot color themes submitted. Feel free to do the same kind of linking with the colors you did with dreamer and philosopher.

Thanks for this!

Edited (not another but others :)) 2011-06-10 03:50 (UTC)

a) I think I only changed two things: I made the userpic in the navigation strip visible again and switched a color on contextual pop-ups to make sure the background and foreground colors were a pair.

b) Good!

I've patched them already. Here there are:

http://www.dreamwidth.org/customize/preview_redirect?themeid=204428
http://www.dreamwidth.org/customize/preview_redirect?themeid=204539
http://www.dreamwidth.org/customize/preview_redirect?themeid=204540
http://www.dreamwidth.org/customize/preview_redirect?themeid=204541

Again, same question about links because some of these are a little different since you've explicitly set the colors for the interaction and management links.

The hovers look good as they are; if there's something about my settings that affects visibility, though, please feel free to fix it according to your judgement.

These look really good, thanks again!

Good to know, thanks.

One more question and sorry if you mentioned this already: which theme do you want to be the default one?

And another one: would it be ok to add a title to the navigation module when it's in a sidebar? Since the modules aren't visually separated, it can be hard to spot the links imo. And maybe same question with the horizontal calendar.

And one more: you have the footer background color set to match the header background color in your layer but the themes have different footer colors. What is the correct setting?

Also, this is live on my Dreamhack if you wanna test it.

Edited 2011-06-12 19:05 (UTC)

One more question and sorry if you mentioned this already: which theme do you want to be the default one?
Hey, sorry for the ridiculous wait.
Dreamer would be nice as a default, I think. Neutral colors.

And another one: would it be ok to add a title to the navigation module when it's in a sidebar? Since the modules aren't visually separated, it can be hard to spot the links imo. And maybe same question with the horizontal calendar.
Yes to both.

And one more: you have the footer background color set to match the header background color in your layer but the themes have different footer colors. What is the correct setting?
Match the header background color and the font settings as well (hopefully this lets the font display alright).

Thanks again for all your work!

Noted, noted and edited.

By font settings, do you mean the journal title font size or something else?

Edit: also, any idea for the icons page (this is what I have so far: http://system.ninetydegrees.hack.dreamwidth.net/icons)?

Edited 2011-06-17 21:03 (UTC)

This has been committed today!

Flat | Top-Level Comments Only

1 Transmogrified Style, 2 Color Schemes

no subject

no subject

no subject

no subject

no subject

no subject

Claiming, please

Re: Claiming, please

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject