The new audiosex visual style is... well, I'm speechless

Discussion in 'Lounge' started by demontoad, Aug 20, 2015.

Page 2 of 2
  1. superliquidsunshine

    superliquidsunshine Guest

    Also in the advertising world as it rates negatively to the reader or viewer. Time and again focus groups bear this out. If it is important to get your message through avoid this scheme like the plague.
     
    superliquidsunshine, Aug 21, 2015
    21
  2. superliquidsunshine

    superliquidsunshine Guest

    @Herr Durr ...
    in the other site I mean Superliquid, there is a button that says "old version" .. click and boom..
    Back to the old display style

    Thanks, sometimes I'm a little slow on the draw.
     
    superliquidsunshine, Aug 21, 2015
    22
  3. demontoad

    demontoad Kapellmeister

    Joined:
    Aug 20, 2015
    Messages:
    26
    Likes Received:
    46
    Improved WIP version. Now with proper quotes, code and other stuff.

    Code:
    /* less eye bleeding audiosex */
/* v0.0.2 alpha */
/* superdirty */

@-moz-document domain(audiosex.pro) {

   /* background */

   ol#messageList .message .messageUserBlock, ol#messageList .message .messageContent {
     background-color: #2c2f38 !important;
   }

   /* message */

   ol#messageList .message .messageContent .messageText, li.message div.signature {
     color: #dadde3 !important;
   }

   /* quote */
   .bbCodeQuote .quoteContainer {
     background-color: #2c2f38 !important;
     /*border-bottom-left-radius: 2px;*/
     color: #dadde3 !important;

     /*
     font-size: 9pt;
     font-style: italic;
     overflow: hidden;
     padding: 10px;
     position: relative;
     */
   }

   /* quote gradient */
   .bbCodeQuote .quoteContainer .quoteExpand {
     background: inherit !important;
     /*background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 80%) repeat scroll 0 0 rgba(0, 0, 0, 0);

     background-color: #2c2f38 !important;

     border: 1px solid #4f6073 !important;

     border-bottom-left-radius: 2px;
     box-sizing: border-box;
     color: #f9bc6d;
     cursor: pointer;
     display: none;
     font-size: 11px;
     height: 80px;
     left: 0;
     line-height: 1;
     padding-top: 65px;
     position: absolute;
     right: 0;
     text-align: center;
     top: 90px;
     */
   }

   /* quote container */
   .bbCodeQuote .quoteContainer {
     border: 1px solid #546174 !important;
     /*
     border-bottom-left-radius: 2px;
     color: rgb(40, 40, 40);
     font-size: 9pt;
     font-style: italic;
     overflow: hidden;
     padding: 10px;
     position: relative;
     */
   }

.bbCodeBlock pre, .bbCodeBlock .code {
  /*background: url("styles/brivium/stylium/calcium/xenforo/gradients/category-23px-light.png") repeat-x scroll center top rgb(250, 250, 250);*/
   background: #3f4049 !important;

   /*
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
   */
  color: #dadde3 !important;
   /*
  direction: ltr;
  font-family: Consolas,"Courier New",Courier,monospace;
  font-size: 10pt;
  line-height: 1.24;
  max-height: 500px;
  min-height: 30px;
  overflow: auto;
  padding: 10px;
  word-wrap: normal;
   */
}

li.message div.signature {
  /*background: linear-gradient(to bottom, #edeff2 75%, #cacccf 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);*/
   background: inherit !important;
   /*
  border-radius: 6px 40px 6px 6px;
  border-top: 1px dashed #171b25;
  margin-top: 0;
  padding: 5px 6px;
   */
}


/*
.redactor_box {
  background-color: #2c2f38 !important;
  border: 1px solid rgb(224, 228, 232);
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  position: relative;
   color: white !important;
}
*/

}

/*
html {
   background-color: #2c2f38 !important;
   background-image: none;
   color: #dadde3 !important;
   cursor: text;
   font-family: "Trebuchet MS",Helvetica,Arial,sans-serif;
   font-size: 11pt;
   height: 100%;
   line-height: 1.4;
   max-width: 100%;
   word-wrap: break-word;
}
*/
    The only bugger is reply editor. It's iframe and tricky to fix CSS only without the file access. I'll get my hands on it later. Another stuff like topic titles aren't too hard to restyle.

    And the madatory fullscreen clibkable screenshot. Someone, turn of this WYSWYG off and enable bbcode by default!

    [​IMG]

    I think colouring could be improved, but I should get more imprortant right.
     
    Last edited: Aug 23, 2015
    demontoad, Aug 23, 2015
    23
  4. Herr Durr

    Herr Durr Guest

    @demontoad

    do you have a script to make it look like the old audiosex? :wink:
     
    Herr Durr, Aug 23, 2015
    24
  5. demontoad

    demontoad Kapellmeister

    Joined:
    Aug 20, 2015
    Messages:
    26
    Likes Received:
    46
    Audioz and new audiosex CSS styles have much more in common than old and new audiosex in fact. It cannot be hacked into old just by changing a few values.
    I still have no reliable solution with damned reply box.

    BTW I myself don't mind old light audiosex, it was tons less fatiguing. Sometimes you shouldn't be clever. Just use default themes and it will be ok.

    I think the petition from users about selectable styles should help more. But this is not a community site. It's being run by a few chosen ones.
     
    demontoad, Aug 23, 2015
    25
  6. jhagen

    jhagen Platinum Record

    Joined:
    Apr 9, 2013
    Messages:
    575
    Likes Received:
    214
    isn't the book like style black text over white page the standard for long readings?
    I don't get OP.
     
    jhagen, Aug 23, 2015
    26
  7. demontoad

    demontoad Kapellmeister

    Joined:
    Aug 20, 2015
    Messages:
    26
    Likes Received:
    46
    Book paper isn't white, it can be grey-ish or yellow-ish, yellow and even almost brown. Have you read a single real book in your life? Every good virtual book reader app does not have #FFF white color BG as default.
    New style is #FFF white instead. This is the major complaint. Use pale eye-friendly pastel color instead and I won't raise any objections at all.

    Started making it audioz-stlyle dark just because I'm already used to it, but a nice pastel light theme would be fine too, if the administration is willing to go with light instead of dark.

    UPD: Finally fixed the damn editor. Will update my hack soon after testing.

    clickable
    [​IMG]
     
    Last edited: Aug 23, 2015
    • Like Like x 2
    • Dislike Dislike x 1
    • List
    demontoad, Aug 23, 2015
    27
  8. jhagen

    jhagen Platinum Record

    Joined:
    Apr 9, 2013
    Messages:
    575
    Likes Received:
    214
    what an aggressive way to express your opinion.
    you should get a girl mate ;)
    easy to find in the outside world.
     
    Last edited: Aug 23, 2015
    jhagen, Aug 23, 2015
    28
  9. demontoad

    demontoad Kapellmeister

    Joined:
    Aug 20, 2015
    Messages:
    26
    Likes Received:
    46
    Sorry, dude, the girls aren't turning me on like such posts.
    Indeed, expressed my opinion aggressively. Still it's my opinion. I apologize if it has really offended you.

    At least don't you think that BG's should be at least some pastel/shade color and not perfect computer #FFF white. Books has only text/page contrast, new audiosex is more like a filthy magazine with extra flashy elements (besides text and BG) if you get my comparison.

    UPD: If interested, I will make an example of light audiosex style with offending elements toned down or removed for a comparison.
     
    Last edited: Aug 23, 2015
    • Like Like x 1
    • Funny Funny x 1
    • List
    demontoad, Aug 23, 2015
    29
  10. Herr Durr

    Herr Durr Guest

    I'd like to see it... why not allow customization...
     
    Herr Durr, Aug 23, 2015
    30
  11. demontoad

    demontoad Kapellmeister

    Joined:
    Aug 20, 2015
    Messages:
    26
    Likes Received:
    46
    I'll do the mockup after getting the darkness sorted. My editor restlyling method is still hacky and requires global CSS override, which can screw other sites. The best way to use it for now is using Stylish plugin and disable it everywhere but on audiosex.

    Maybe there are similar plugins that can apply global rules domain-wise.

    There is really no way to fix the editor without messing other sites with CSS only. Maybe greasemonkey or even a dedicated audiosex plugin will help.

    Some options from administration would be better, though. A simple button.

    I think I will ultimately write audiosex mozilla plugin with dark and light theme if no other options by you-know-who will be available. Greasemonkey can work too, but it's too slooow.

    Other options you already know: I'm already volunteered as an alternative HTML/CSS/JS themes developer. For first I thought only of dark audioz style, but now I understand that nice non-offensive light theme will be fine too.
     
    Last edited: Aug 24, 2015
    demontoad, Aug 23, 2015
    31
  12. demontoad

    demontoad Kapellmeister

    Joined:
    Aug 20, 2015
    Messages:
    26
    Likes Received:
    46
    Some real work ahead, so I posting the latest version and should say temporary goodbye.

    Code:
    /* less eye-bleeding audiosex */
/* v0.0.3 alpha */
/* extra-dirty */

/* brutal hack */

html {
   color: #dadde3;
   /*font-weight: bold;*/
}

body {
   color: #dadde3;
}

/* end of brutal hack */

@-moz-document domain(audiosex.pro) {
  
   /* similar topics hack */
  
   body {
     /*background-color: #ffffff;*/
     color: #dadde3 !important;
     /*font-family: "Trebuchet MS",Helvetica,Arial,sans-serif;
     line-height: 1.28;
     word-wrap: break-word;*/
   }

   /* message background */
   ol#messageList .message .messageUserBlock, ol#messageList .message .messageContent {
     background-color: #2c2f38 !important;
   }

   /* post text */
   ol#messageList .message .messageContent .messageText, li.message div.signature {
     color: #dadde3 !important;
   }
  
   /* topic title bg */
   div#content.forum_view div.pageContent .titleBar, div#content.thread_view div.pageContent .titleBar {
     background: #2c2f38 !important;
   }
  
   /* topic subtitle font */
   div.pageContent .titleBar #pageDescription, div.pageContent .titleBar #pageDescription a {
     color: #646464 !important;
     /*margin-top: 0;*/
   }
  

   /* useinfo */
   .messageUserBlock .extraUserInfo .pairsJustified dt, .messageUserBlock .extraUserInfo .pairsJustified dd, .messageUserBlock .extraUserInfo .pairsJustified a {
     color: #646464 !important;
   }
  

  
   /* quote */
   .bbCodeQuote .quoteContainer {
     background-color: #2c2f38 !important;
     /*border-bottom-left-radius: 2px;*/
     color: #dadde3 !important;
    
     /*
     font-size: 9pt;
     font-style: italic;
     overflow: hidden;
     padding: 10px;
     position: relative;
     */
   }
  
   /* quote gradient */
   .bbCodeQuote .quoteContainer .quoteExpand {
     background: inherit !important;
     /*background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 80%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    
     background-color: #2c2f38 !important;
    
     border: 1px solid #4f6073 !important;
    
     border-bottom-left-radius: 2px;
     box-sizing: border-box;
     color: #f9bc6d;
     cursor: pointer;
     display: none;
     font-size: 11px;
     height: 80px;
     left: 0;
     line-height: 1;
     padding-top: 65px;
     position: absolute;
     right: 0;
     text-align: center;
     top: 90px;
     */
   }
  
   /* quote container */
   .bbCodeQuote .quoteContainer {
     border: 1px solid #546174 !important;
     /*
     border-bottom-left-radius: 2px;
     color: rgb(40, 40, 40);
     font-size: 9pt;
     font-style: italic;
     overflow: hidden;
     padding: 10px;
     position: relative;
     */
   }
  
   .bbCodeQuote .attribution {
     border-bottom: 1px solid #546174 !important;
     /*
     border-top-left-radius: 2px;
     border-top-right-radius: 2px;
     color: #ffffff;*/
   }
  
   .bbCodeBlock pre, .bbCodeBlock .code {
     /*background: url("styles/brivium/stylium/calcium/xenforo/gradients/category-23px-light.png") repeat-x scroll center top rgb(250, 250, 250);*/
     background: #3f4049 !important;
    
     /*
     border-bottom-left-radius: 2px;
     border-bottom-right-radius: 2px;
     */
     color: #dadde3 !important;
     /*
     direction: ltr;
     font-family: Consolas,"Courier New",Courier,monospace;
     font-size: 10pt;
     line-height: 1.24;
     max-height: 500px;
     min-height: 30px;
     overflow: auto;
     padding: 10px;
     word-wrap: normal;
     */
   }

   li.message div.signature {
     /*background: linear-gradient(to bottom, #edeff2 75%, #cacccf 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);*/
     background: inherit !important;
     /*
     border-radius: 6px 40px 6px 6px;
     border-top: 1px dashed #171b25;
     margin-top: 0;
     padding: 5px 6px;
     */
   }

   .redactor_box {
     background-color: #2c2f38 !important;
   /*
     border: 1px solid rgb(224, 228, 232);
     font-size: 0;
     line-height: 0;
     overflow: hidden;
     position: relative;
     color: white !important;
   */

   }

   .dataTable tr.dataRow td {
     background-color: #181c27 !important;
   }

   div.similarThreadsThreadView table.dataTable tr.dataRow th {
     background: none repeat scroll 0 0 #181c27 !important;
     border-bottom: 1px solid #546174 !important;
     border-top: none !important;
   }


   .dataTable tr.dataRow td {
     border-bottom: 1px solid #495671 !important;
   /*
     padding: 5px 10px;
     word-wrap: break-word;
   */
   }

   .sectionMain {
     /*background-color: rgb(255, 255, 255);*/
     border: 1px solid #495671 !important;
   /*
     border-radius: 2px;
     margin: 10px auto;
     padding: 10px;
   */
   }
   /* end of audiosex.pro */
}
    [​IMG]
    [​IMG]

    Should work with Stylish and userContent.css method.
     
    demontoad, Aug 24, 2015
    32
  13. demontoad

    demontoad Kapellmeister

    Joined:
    Aug 20, 2015
    Messages:
    26
    Likes Received:
    46
    Hello everyone.
    Catalyst mentioned alternative styles in preferences. Already turned my profile settings page upside down, cannot find anything alike. Will be thankful if someone can point me to them.

    Got some free time, considering returtning to my hack, but if those extra styles exist, why not just use them?
     
    demontoad, Sep 8, 2015
    33
  14. ArticStorm

    ArticStorm Moderator Staff Member

    Joined:
    Jun 7, 2011
    Messages:
    8,678
    Likes Received:
    4,553
    Location:
    AudioSexPro
    i want a full black version with white font, its killing my eyes, when its dark and with the winter coming here, i am really in need.
     
    • Like Like x 1
    • Funny Funny x 1
    • List
    ArticStorm, Sep 8, 2015
    34
  15. demontoad

    demontoad Kapellmeister

    Joined:
    Aug 20, 2015
    Messages:
    26
    Likes Received:
    46
    Then try my new version, forums and topics lists plus some internals received some attention this time.

    Code:
    /* less eye-bleeding audiosex */
/* v0.0.4 alpha */
/* still dirty */

/* brutal hack */

html {
	color: #dadde3;
	/*font-weight: bold;*/
}

body {
	color: #dadde3;
}

/* end of brutal hack */

@-moz-document domain(audiosex.pro) {

	/* similar topics hack */

	body {
		/*background-color: #ffffff;*/
		color: #dadde3 !important;
		/*font-family: "Trebuchet MS",Helvetica,Arial,sans-serif;
		line-height: 1.28;
		word-wrap: break-word;*/
	}

	/* post background */
	ol#messageList .message .messageUserBlock, ol#messageList .message .messageContent {
		background-color: #2c2f38 !important;
	}

	/* post text */
	ol#messageList .message .messageContent .messageText, li.message div.signature {
		color: #dadde3 !important;
	}
  
	/* topic title bg */
	div#content.forum_view div.pageContent .titleBar, div#content.thread_view div.pageContent .titleBar {
		background: #2c2f38 !important;
	}
  
	/* topic subtitle font */
	div.pageContent .titleBar #pageDescription, div.pageContent .titleBar #pageDescription a {
		color: #646464 !important;
		/*margin-top: 0;*/
	}


	/* user info */
	.messageUserBlock .extraUserInfo .pairsJustified dt, .messageUserBlock .extraUserInfo .pairsJustified dd, .messageUserBlock .extraUserInfo .pairsJustified a {
		color: #646464 !important;
	}
	
	.messageUserBlock .extraUserInfo {
		border-top-color: #546174 !important;
		/*
		border-top: 1px solid #e0e4e8;
		font-size: 10px;
		padding: 4px 6px;
		*/
	}

	/* quote */
	.bbCodeQuote .quoteContainer {
		background-color: #2c2f38 !important;
		/*border-bottom-left-radius: 2px;*/
		color: #dadde3 !important;

		/*
		font-size: 9pt;
		font-style: italic;
		overflow: hidden;
		padding: 10px;
		position: relative;
		*/
	}

	/* quote gradient */
	.bbCodeQuote .quoteContainer .quoteExpand {
		background: inherit !important;
		/*background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 80%) repeat scroll 0 0 rgba(0, 0, 0, 0);

		background-color: #2c2f38 !important;

		border: 1px solid #4f6073 !important;

		border-bottom-left-radius: 2px;
		box-sizing: border-box;
		color: #f9bc6d;
		cursor: pointer;
		display: none;
		font-size: 11px;
		height: 80px;
		left: 0;
		line-height: 1;
		padding-top: 65px;
		position: absolute;
		right: 0;
		text-align: center;
		top: 90px;
		*/
	}
  
	/* quote container */
		.bbCodeQuote .quoteContainer {
		border: 1px solid #546174 !important;
		/*
		border-bottom-left-radius: 2px;
		color: rgb(40, 40, 40);
		font-size: 9pt;
		font-style: italic;
		overflow: hidden;
		padding: 10px;
		position: relative;
		*/
	}
  
	.bbCodeQuote .attribution {
		border-bottom: 1px solid #546174 !important;
		/*
		border-top-left-radius: 2px;
		border-top-right-radius: 2px;
		color: #ffffff;*/
	}
  
	.bbCodeBlock pre, .bbCodeBlock .code {
		/*background: url("styles/brivium/stylium/calcium/xenforo/gradients/category-23px-light.png") repeat-x scroll center top rgb(250, 250, 250);*/
		background: #3f4049 !important;

		/*
		border-bottom-left-radius: 2px;
		border-bottom-right-radius: 2px;
		*/
		color: #dadde3 !important;
		/*
		direction: ltr;
		font-family: Consolas,"Courier New",Courier,monospace;
		font-size: 10pt;
		line-height: 1.24;
		max-height: 500px;
		min-height: 30px;
		overflow: auto;
		padding: 10px;
		word-wrap: normal;
		*/
	}

	li.message div.signature {
		/*background: linear-gradient(to bottom, #edeff2 75%, #cacccf 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);*/
		background: inherit !important;
		/*
		border-radius: 6px 40px 6px 6px;
		border-top: 1px dashed #171b25;
		margin-top: 0;
		padding: 5px 6px;
		*/
	}

	.redactor_box {
		background-color: #2c2f38 !important;
		/*
		border: 1px solid rgb(224, 228, 232);
		font-size: 0;
		line-height: 0;
		overflow: hidden;
		position: relative;
		color: white !important;
		*/
	}

	.dataTable tr.dataRow td {
		background-color: #181c27 !important;
	}

	div.similarThreadsThreadView table.dataTable tr.dataRow th {
		background: none repeat scroll 0 0 #181c27 !important;
		border-bottom: 1px solid #546174 !important;
		border-top: none !important;
	}


	.dataTable tr.dataRow td {
		border-bottom: 1px solid #495671 !important;
		/*
		padding: 5px 10px;
		word-wrap: break-word;
		*/
	}

	.sectionMain {
		/*background-color: rgb(255, 255, 255);*/
		border: 1px solid #495671 !important;
		/*
		border-radius: 2px;
		margin: 10px auto;
		padding: 10px;
		*/
	}
	
	/* forums list */
	
	.node .nodeText .nodeTitle a {
		/* color: #282828; */
		color: #dadde3 !important;
	}
	
	.nodeList .categoryForumNodeInfo, .nodeList .forumNodeInfo, .nodeList .pageNodeInfo, .nodeList .linkNodeInfo {
		/*
		background-color: #ffffff;
		border-bottom: 0 none;
		*/
		/* border-color: #fff; */
		background-color: #2c2f38 !important;
	}
	
	/* borders */
	
	ol#forums.sectionMain .node.level_2:first-child > div, ol#forums.sectionMain .node.level_2:first-child + .node.level_2 > div {
		/* border-top: 1px solid #e0e4e8; */
		border-color: #546174 !important;
	}
	
	.nodeList .categoryForumNodeInfo, .nodeList .forumNodeInfo, .nodeList .pageNodeInfo, .nodeList .linkNodeInfo {
		/*
		background-color: #ffffff;
		border-bottom: 0 none;
		border-top: 1px solid #e0e4e8;
		*/
		border-top-color: #546174 !important;
	}
	
	/* end of borders */
	
	/* end of forums list */
	
	/* chat */
	#siropuChat {
		display: none;
	}
	/* end of chat */
	
	/* members online */
	.secondaryContent {
		background-color: #2c2f38 !important;
		/*
		color: #282828;
		padding: 10px;
		*/
	}
	/* end of members online */
	
	/* staff online now + other places */
	a.username {
		color: #dadde3 !important;
		/*
		color: #10131a;
		
		display: inline;
		padding: 0;
		*/
	}
	/* end of staff online now */
	
	/* topics list + inbox */
	
	.discussionListItem {
		background-color: #2c2f38 !important;
		border-bottom-color: #546174 !important;
		/*
		background-color: #ffffff;
		border-bottom: 1px solid #e0e4e8;
		*/
	}
	
	div.discussionList dl.sectionHeaders {
		background-color: #2a303a;
		border: 1px solid #546174 !important;
	}

	.discussionListItem .title a {
		color: #dadde3 !important;
	}
		
	.discussionListItem .stats {
		background-color: #2c2f38 !important;
		/*
		background: #fafafa none repeat scroll 0 0;
		border-left: 1px solid #e0e4e8;
		border-right: 1px solid #e0e4e8;
		*/
	}
	
	.discussionListItem .title, .discussionList .stats dd, .discussionList .stats dt {
		color: #dadde3 !important;
	}
	
	.discussionListItem .noteRow {
		background-color: #2c2f38 !important;
		/*
		background-color: #ffffff;
		color: #58a0d9;
		font-size: 11px;
		padding: 5px;
		text-align: center;
		*/
	}
	
	.sectionFooter {
		background-color: #2c2f38 !important;
		color: #dadde3 !important;
		/*
		background-color: #fafafa;
		color: #646464;
		font-size: 11px;
		line-height: 16px;
		padding: 5px 10px;
		*/
	}
	
	#DiscussionListOptionsHandle a {
		background-color: #2c2f38 !important;
		color: #dadde3 !important;
		border-color: #546174 !important;
		/*
		background-color: #ffffff;
		border: 1px solid #e0e4e8;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		color: #646464;
		display: inline-block;
		font-size: 11px;
		margin: 0 auto;
		outline: 0 none;
		padding: 0 20px;
		position: relative;
		right: -50%;
		*/
	}
	
	.discussionListItem .stats {
		border-color: #546174 !important;
		/*
		background: #fafafa none repeat scroll 0 0;
		border-left: 1px solid #e0e4e8;
		border-right: 1px solid #e0e4e8;
		*/
	}
	
	/* end of topics list + inbox */
	
	/* spoliers */
	
	.bbCodeSpoilerText {
		background-color: #2c2f38 !important;
		border-color: #546174 !important;
		/*
		background-color: #fafafa;
		border: 1px solid #e0e4e8;
		border-radius: 5px;
		margin-bottom: 5px;
		margin-right: 140px;
		margin-top: 5px;
		overflow: auto;
		padding: 5px;
		*/
	}
	
	/* end of spoilers */
	
	/* quickreply */
	#QuickReply textarea {
		background-color: #2c2f38 !important;
		color: #dadde3 !important;
		/*
		box-sizing: border-box;
		height: 100px;
		width: 100%;
		*/
	}
	
	/* title bar */
	div.pageContent .titleBar {
		background-color: #2c2f38 !important;
		/*
		background-color: #ffffff;
		background-image: none;
		border-radius: 3px;
		padding: 6px 10px 5px;
		*/
	}
	
	#content .pageContent {
		background-color: transparent !important;
	}
	
	/* forms */
		.xenOverlay .formOverlay {
			background-color: #2c2f38 !important;
			color: #dadde3 !important;
			/*
			background-color: #00ffff;
			border-radius: 2px;
			box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
			color: #282828;
			margin: 0;
			padding: 10px;
			*/
		}
		
		.xenOverlay .formOverlay .textHeading {
			color: #dadde3 !important;
		}
		
		.textHeading, .xenForm .sectionHeader {
			border-bottom-color: #546174 !important;
			/*
			border-bottom: 1px solid #e0e4e8;
			color: #282828;
			font-weight: 600;
			margin: 10px auto 5px;
			padding-bottom: 2px;
			*/
		}
		
		.xenForm fieldset, .xenForm .formGroup {
			border-top-color: #546174 !important;
			/*
			border-top: 1px solid #e0e4e8;
			margin: 20px auto;
			*/
		}
		
		.textCtrl {
			background-color: #2c2f38 !important;
			color: #dadde3 !important;
			/*
			background-color: #ffffff;
			border-color: #c0c0c0 #e9e9e9 #e9e9e9 #c0c0c0;
			border-radius: 2px;
			border-style: solid;
			border-width: 1px;
			color: #000000;
			font-family: Calibri,"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
			font-size: 13px;
			margin-bottom: 2px;
			outline: 0 none;
			padding: 3px;
			*/
		}
		
		.xenOverlay .formOverlay a {
			color: #dadde3 !important;
		}
	/* end of forms */
	
	.primaryContent {
		background-color: #2c2f38 !important;
		/*
		background-color: #ffffff;
		border-bottom: 1px solid #e0e4e8;
		padding: 10px;
		*/
	}
	
	/* end of audiosex.pro */
}
     
    demontoad, Sep 10, 2015
    35
  16. demontoad

    demontoad Kapellmeister

    Joined:
    Aug 20, 2015
    Messages:
    26
    Likes Received:
    46
    As I promised, I'm givin a try to a light version. Even simply removing that horrible black background does wonders and makes the forum much easier on the eyes.

    Code:
    @-moz-document domain(audiosex.pro) {
	body {
		background-image: none !important;
		background-color: #d7d8d9 !important;
	}
}
     
    demontoad, Sep 21, 2015
    36
  17. Fudsey Plange

    Fudsey Plange Guest

    [​IMG]
     
    Fudsey Plange, Sep 21, 2015
    37
  18. remix

    remix Platinum Record

    Joined:
    Dec 3, 2011
    Messages:
    676
    Likes Received:
    170
    Location:
    ZiON
    I cant even remember what the old Audiosex was like lol...
     
    remix, Sep 21, 2015
    38
  19. e-minor

    e-minor Platinum Record

    Joined:
    Jan 17, 2015
    Messages:
    530
    Likes Received:
    290
    Exactly! Me either! Where is the most important screen shot when you need it?! lol
     
    e-minor, Sep 21, 2015
    39
  20. BumBcL0t

    BumBcL0t Producer

    Joined:
    Oct 14, 2014
    Messages:
    125
    Likes Received:
    94
    Bruh that black skin looks dope. It should be the forum default, I'm not really feeling the white background :(
     
    BumBcL0t, Sep 21, 2015
    40
Page 2 of 2
Loading...
Similar Threads - audiosex visual style Forum Date
New seller — how do I safely sell plugin licenses on AudioSex? Selling / Buying Today at 4:55 AM
OBSIDIAN Neural - AUDIOSEX100 promo code fixed! Ai for Music Nov 13, 2025
Free Pro Pack — First 10 AudioSEX Members Ai for Music Oct 20, 2025
Nice audiotech talks "AudioSexTed" Education Oct 18, 2025
Serum 2 disappeared on Audioz and Audiosex - why? Forum News and Updates Mar 25, 2025
Loading...