Thursday, August 15, 2013

CSS Schemes for OUR OLD SPACE - "Merzbau"

Here's a CSS theme for Our Old Space with a little bit more 'grunge' if you will. First published on my OOS 'test page' 2013/08/08

Mathematically and geometrically, this latest effort is based on Existential Pathos' nice clean two-column layout, inspired by Blogger and other Wordpress-type blog sites.


(It's probably a good idea to read his own notes before you procede any further!)

But the resemblance ends there! Quite a lot of his code I left alone, but the results are rather different, as you can see. I hope this demonstrates how flexible this CSS lark can be and how it is possible to make a page your very own!

I've taken as my inspiration the 'merz' collage works of the dAdA artist KURT SCHWITTERS, who is something of an artHero of mine (boy, you should hear his 'poetry'!).

http://ppmews.blogspot.co.uk/2012/01/merz-and-me.html

The result is something with a modicum more grungitude than I'd originally intended, but ain't that the way these things often go?!?


The page should look as if it's pieced together in a haphazard fashion, determined by chance, but it really took a lot of deliberation to get it to look like that! (Come to think of it, that's definitely true of Schwitters' own work as well)

What I find particularly amusing about this style is that the 'random' look of the page actually helps cover up some of the typographic anomalies that still lurk within. It makes the 'mistakes' look as if they were deliberate design decisions! But don't tell anyone!

Here's the links to the background images I used:-

http://1-art.eu/images/backgrounds/old-paper/really-old-manuscript-paper.jpg
http://1-art.eu/images/backgrounds/old-paper/old-paper.jpg
http://www.goldclipart.com/24k.images/goldimages/back.gif

...and EP's little pointer icon which remained:

http://s2.wp.com/wp-content/themes/pub/shaan/images/pointer.gif

...and here's the rest of the script that you'll need.

body {
background: url(http://1-art.eu/images/backgrounds/old-paper/really-old-manuscript-paper.jpg)!important;
font-family: courier new, monospace !important;
font-weight: normal;
color: #000000;
}
textarea {
z-index: 99;
}
form {
z-index: 99;
}
div {
border: 0;
margin: 0;
}
a {
color: #880000!important;
}
#global_attachment_status {
background: rgba(224,202,126,0.8) !important;
}
#header {
background: rgba(224,202,126,0.6)!important;
box-shadow: 5px 5px 5px rgba(0,0,0,0.3)!important;
}
#header_left a#logo {
color: #ffffff!important;
font-family: verdana, sans-serif!important;
font-weight: bold!important;
}
#header_menu_holder ul li a {
color: rgba(0,0,0,0.6) !important;
}
#header_menu_holder ul li a.active {
color: #000000 !important;
}
#header_menu_holder ul li a.active:hover {
color: #000000 !important;
}
#holder_notify ul li a.notify_drop_link:hover {
color: #000000 !important;
}
#header_menu_holder ul li ul li a {
color: #000000 !important;
}
#header_menu {
background: rgba(100,100,100,0.1)!important;
box-shadow: 0px 6px 6px rgba(0,0,0,0.4)!important;
}
#header_menu ul li a:hover {
border-right: 1px solid rgba(0,0,0,0.6) !important;
background: #ffffff !important;
color: rgba(0,0,0,0.6) !important;
}
#header_menu ul li a {
border-right: 1px solid rgba(0,0,0,0.1) !important;
color: rgba(0,0,0,0.5) !important;
}
.holder {
background-color: rgba(0,0,0,0) !important;
}
#content_holder {
background: rgba(0,0,0,0.1)!important;
border: 7px solid rgba(224,202,126,0.6);
padding: 10px!important;
border-radius: 0!important;
width: 950px !important;
}
#left {
width: 301px;
background: transparent !important;
float: right !important;
margin: 0px 0px 0 0px !important;
padding: 250px 0 0 0 !important;
border-right: 0 !important;
}
#left > div {
border: 0;
width: 100%!important;
}
#left > div div {
border: 0 !important;
}
#left li {
width: 170px !important;
background: url('http://s2.wp.com/wp-content/themes/pub/shaan/images/pointer.gif') no-repeat 0 10px;
margin-left: 3px;
padding-left: 10px !important;
}
#left div div li a {
padding-left: 10px !important;
font-size: 10px !important;
color: #800000 !important;
text-shadow: none!important;
width: 1005!important;
}
#left>div:nth-child(1) {
position: absolute;
top: 0;
left: -999em;
width: 110px !important;
margin-left: -35px;
}
#left>div:nth-child(2) {
position: absolute;
left: .5em;
top: 9em;
background: url(http://www.goldclipart.com/24k.images/goldimages/back.gif) !important;
width: 360px!important;
opacity: 0.5!important;
height: 137px;
margin: 0 0 0 0!important;
padding-left: 10px !important;
border: none!important;
border-radius: 3px;
box-shadow: 0px 0px 15px rgba(0,0,0,.4);
z-index: 99;
-moz-transform: rotate(-2deg)!important;
-webkit-transform: rotate(-2deg)!important;
-o-transform: rotate(-2deg)!important;
-ms-transform: rotate(-2deg)!important;
}
#left>div:nth-child(2) div {
width: 140px;
margin: 0 !important;
padding: 0!important;
}
#left>div:nth-child(2) .box_hdng {
position: absolute;
left: -999em;
}
#left>div:nth-child(3) {
position: absolute;
left: 58em;
top: 3.5em;
width: 300px !important;
padding: 10px !important;
z-index: 10;
}
#left>div:nth-child(3) div ul li#js_add_friend_on_profile {
color: #000000 !important;
text-shadow: 2px 2px 3px #000000;
padding-left: 20px !important;
}
#left>div:nth-child(3) div+div {
float: left;
clear: left;
width: 150px;
border: none!important;
background: url(http://www.goldclipart.com/24k.images/goldimages/back.gif) !important;
border-radius: 3px;
box-shadow: 0px 0px 15px rgba(0,0,0,.4);
opacity: 0.5!important;
-moz-transform: rotate(3deg)!important;
-webkit-transform: rotate(3deg)!important;
-o-transform: rotate(3deg)!important;
-ms-transform: rotate(3deg)!important;
}
#left>div:nth-child(3) div+div+div {
clear: none!important;
margin-left: 20px;
}
#left>div:nth-child(3) .box_hdng {
float: left
clear: both;
width: 60px;
height: 19px;
overflow: hidden;
position: relative!important;
left: -40px;
margin: 0 0 15px 100px;
}
#left>div:nth-child(3) li {
height: 12px;
padding-left: 4px !important;
margin-left: 3px;
width: 110px !important;
text-align: left!important;
}
#left>div:nth-child(3) li img {
position: absolute;
left: -999em;
}
#left>div:nth-child(3) li div {
position: absolute;
left: -999em;
}
#left a.first {
position: relative;
}
#left a.inlinepopup {
position: relative;
}
.profile_pic {
position: absolute;
left: 1028em;
top: 100px;
width: 100px;
background: transparent;
margin: 0 0 0 -25px;
z-index: 100;
transform: rotate(4deg)!important;
-moz-transform: rotate(4deg)!important;
-webkit-transform: rotate(4deg)!important;
-o-transform: rotate(4deg)!important;
-ms-transform: rotate(4deg)!important;
}
.profile_pic img {
width: 85px;
height: auto;
padding: 5px;
border: 1px solid #ddd !important;
}
h1.pro_name {
position: absolute;
left: -999em;
color: rgba(0,0,0,0)!important;
}
.prfl_details {
position: absolute;
left: -999em;
}
.online_now {
position: absolute;
left: -999em;
}
.box_hdng {
background: transparent;
color: rgba(0,0,0,0.5) !important;
padding-left: 10px !important;
font-size: 12px !important;
text-shadow: none!important;
width: 250px!important;
-moz-transform: rotate(-3deg)!important;
-webkit-transform: rotate(-3deg)!important;
-o-transform: rotate(-3deg)!important;
-ms-transform: rotate(-3deg)!important;
}
#left table.table_one {
position: relative!important;
margin: 10px 0 0 0px !important;
padding: 10px 0px 10px 10px !important;
background: url(http://www.goldclipart.com/24k.images/goldimages/back.gif)!important;
border: 3px dotted rgba(0,0,0,0.3)!important;
width: 100% !important;
opacity: 0.6!important;
}
#left>div:nth-child(3) table.table_one {
margin: 187px 0 0 1px !important;
background-color: rgba(255,255,255,0.3)!important;
z-index: 80;
width: 300px !important;
}
td {
color: #000000!important;
padding: 6px !important;
font-size: 9px !important;
border: none!important;
}
table.table_one tr td.lf {
width: 40px !important;
padding-left: 10px !important;
background: transparent url('http://s2.wp.com/wp-content/themes/pub/shaan/images/pointer.gif') no-repeat 0 50%!important;
border: 0!important;
color: #800000 !important;
font-size: 11px !important;
font-weight: normal!important;
text-shadow: none!important;
vertical-align: middle!important;
}
table.table_one tr td.rg {
background-color: rgba(255,255,255,0.8)!important;
min-height: 50px !important;
width: 190px !important;
padding: 10px 10px 20px 10px !important;
border-left: 1px solid rgba(160,0,0,0.3)!important;
border-right: 0!important;
color: #000000!important;
font-weight: normal;
font-size: 11px !important;
}
td.rg img {
position: relative !important;
background-color: rgba(255,255,255,0.3)!important;
max-width: 175px !important;
height: auto !important;
margin: 10px 0 0 12px !important;
padding: 5px !important;
border: 2px solid #800000 !important;
-webkit-box-shadow: 0 1px 3px -1px rgba(0, 0, 0, .15)!important;
}
#left div:nth-of-type(5n) table.table_one tr td.lf {
width: 44px !important;
border-bottom: 1px solid rgba(160,0,0,0.1)!important;
}
#left div:nth-of-type(5n) table.table_one tr td.rg {
width: 190px !important;
padding-bottom: 0px !important;
padding-top: 0px !important;
border-bottom: 0 !important;
border-top: 0 !important;
}
#left .pages_view_sub_menu {
width: 115px !important;
position: absolute;
top: 0px;
left: 832px;
z-index: 99;
}
#left .pages_view_sub_menu ul li {
padding-top: 5px;
padding-bottom: 0!important;
height: 16px;
}
#left .pages_view_sub_menu ul li a {
padding-left: 10px!important;
color: #800000 !important;
}
#main_content {
width: 68%;
background-color: transparent !important;
margin: 0px 0 0 0px!important;
padding: 0px 0 0 0px!important;
}
#main_content_holder {
background: transparent;
}
#main_content_padding {
background: transparent !important;
padding: 0 0 0 0!important;
}
.profile_header {
width: 950px!important;
min-height: 250px!important;
margin: 0px -305px 0px 0 !important;
padding: 15px 0;
float: left!important;
clear: left;
border-bottom: 0 !important;
background: transparent!important;
}
.profile_header_inner h1 {
position: relative!important;
padding: 0px !important;
font-family: impact,sans-serif;
text-transform: lowercase!important;
margin: 0px !important;
padding-left: 14em !important;
width: 900px!important;
transform: rotate(-1deg)!important;
-moz-transform: rotate(-1deg)!important;
-webkit-transform: rotate(-1deg)!important;
-o-transform: rotate(-1deg)!important;
-ms-transform: rotate(-1deg)!important;
}
.profile_header_inner h1 a {
font-size: 50px !important;
font-weight: bold;
text-align: left !important;
color: rgba(0,0,0,0)!important;
text-shadow: 0px 0px 2px rgba(160,0,0,0.4);
}
.profile_header_inner h1 a:hover {
text-decoration: none!important;
color: rgba(0,0,0,0.4)!important;
}
.profile_header_inner h1 a+span+a {
font-size: 16px!important;
color: #000000 !important;
}
#section_menu {
position: absolute;
left: 30em !important;
top: 24.5em !important;
right: 0 ! important;
z-index: 99;
}
#section_menu a {
background: linear-gradient(-90deg, #ffffff, #cccccc) !important;
-webkit-border-radius: 1em !important;
-moz-border-radius: 1em !important;
border-radius: 1em !important;
-moz-box-shadow: 0 1px 1px rgba(0,0,0,.3) !important;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.3) !important;
box-shadow: 0 1px 1px rgba(0,0,0,.3) !important;
color: #666 !important;
filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#ed1c24', endcolorstr='#aa1317');
}
#section_menu_drop {
position: absolute;
left: 30em !important;
top: 26.5em !important;
right: 0 !important;
}
.profile_info {
color: rgba(0,0,0,0.6) !important;
padding: 0 0 0 9px;
}
#content_load_data {
width: 100%!important;
background: transparent !important;
margin: 0px 0 0 0px !important;
}
#content.content_float.content3.content2 {
width: 600px;
margin: 0 !important;
z-index: 80;
}
#content.content_float.content2 {
margin-left: 0px !important;
margin-top: -120px !important;
}
#site_content {
padding-top: 125px;
width: 550px;
}
.activity_feed_form_share {
margin: 40px 0 0 0px;
padding-left: 25px !important;
border-top: 1px solid rgba(200,0,0,0.3) !important;
width: 100%;
}
.activity_feed_form_holder {
z-index: 99;
background: transparent !important;
opacity: .6!important;
}
.activity_feed_form_button {
z-index: 99;
}
ul.activity_feed_form_attach a div {
color: #800000;
}
ul.activity_feed_form_attach li.share {
color: #000000;
}
.activity_feed_form {
width: 550px;
margin: 0 0 0 25px;
z-index: 100;
}
.activity_feed_form_button_position {
z-index: 100;
}
#js_activity_feed_form {
z-index: 200;
width: 545px;
}
.message {
float: left;
}
.js_feed_view_more_entry_holder {
width: 625px !important;
background: transparent !important;
margin: 35px 0 50px 0 !important;
padding: 0px !important;
border: 0 !important;
font-family: verd
font-size: 14px;
line-height: 1.6;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
.activity_feed_content {
background: transparent url(http://1-art.eu/images/backgrounds/old-paper/old-paper.jpg) repeat-x top;
-moz-background-size: cover !important;
-webkit-background-size: cover !important;
background-size: cover !important;
margin: 0 0 0 0px;
font-family: courier new, monospace !important;
box-shadow: 0px 0px 12px rgba(0,0,0,0.5)!important;
border: 6px dashed rgba(0,0,0,0.1)!important;
}
.activity_feed_content_text {
padding: 55px 12px 12px 55px;
}
.activity_feed_content_info {
color: #000000!important;
margin: -50px 0 0 0;
}
span.user_profile_link_span a {
color: #800000 !important;
font-family: courier new, monospace !important;
font-size: 19px;
line-height: 1.4;
text-shadow: none!important;
}
.activity_feed_content_float span.user_profile_link_span a {
font-size: 18px !important;
color: #000000 !important;
line-height: 40px !important;
}
.comment_mini_content span.user_profile_link_span a {
color: #000000 !important;
font-size: 13px !important;
line-height: 16px !important;
}
.activity_feed_content_status {
padding: 30px 0 0 10px;
color: #000000 !important;
}
.activity_feed_content_link {
margin: 30px 0 0 0;
}
.activity_feed_content_image {
max-width: 530px !important;
height: auto;
margin: 5px !important;
padding: 5px !important;
border: 2px solid rgba(224,202,126,0.8) !important;
box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.4) !important;
background: #fff !important;
}
.activity_feed_content_image a img {
max-width: 520px !important;
max-height: none !important;
height: auto !important;
margin: 5px !important;
padding: 0px !important;
}
.activity_feed_content_image a.play_link.no_ajax_link img {
max-width: 120px !important;
max-height: 90px !important;
margin: 0 !important;
}
img.photo_holder {
max-width: 520px !important;
height: auto;
}
.js_comment_like_holder {
color: #000000 !important;
}
.js_feed_comment_border div {
background: transparent !important;
}
.js_feed_comment_border {
margin: 40px 0px 0 50px;
border-top: 0 !important;
}
.comment_mini_content_border {
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}
.js_feed_comment_form {
margin: 0 10px 0 0px;
}
.activity_like_holder.comment_mini span.user_profile_link_span a {
font-size: 13px !important;
color: #000000 !important;
}
.comment_mini_link_like {
margin-bottom: 10px;
padding: 5px 0 5px 0;
border-top: 1px solid rgba(160,0,0,0.2);
border-bottom: 1px solid rgba(160,0,0,0.2);
}
.comment_mini_text {
color: #000000!important;
font-size: 11px !important;
}
.comment_mini_end {
background-image: none !important;
}
.comment_mini {
border-bottom: 0 !important;
}
.comment_mini_link_like ul li a {
color: #000000 !important;
text-shadow: none!important;
}
.js_view_more_part {
color: #000000 !important;
text-shadow: none!important;
}
.activity_feed_content_display {
color: #000000 !important;
text-shadow: none!important;
}
a.activity_feed_content_view_more {
color: #000000 !important;
text-shadow: none!important;
}
span.js_view_more_full {
color: #000000 !important;
text-shadow: none!important;
}
.comment_mini_content {
margin-left: -5px !important;
padding-left: 40px;
}
div.row1 {
border: 0;
}
div.row2 {
border: 0;
}
#right {
position: relative;
margin: 0px -304px 0px 0px;
width: 301px !important;
max-width: 301px !important;
float: right!important;
clear: right!important;
background: transparent !important;
padding: 450px 0 0 0px!important;
font-size: 13px;
line-height: 1.5;
}
h3.blrbs_ttle {
background: transparent;
color: #800000 !important;
padding-left: 10px !important;
font-family: courier new, monospace !important;
font-size: 16px !important;
text-shadow: none!important;
text-align: center!important;
border-bottom: 1px solid rgba(160,0,0,0.4)!important;
}
h3.abt_me {
background: transparent;
color: #ffffff !important;
padding-left: 10px !important;
text-indent: 10px;
font-family: courier new, monospace !important;
font-size: 16px !important;
font-weight: bold!important;
text-shadow: none!important;
border: 0 !important;
border-bottom: 0 !important;
text-transform: uppercase!important;
}
.abt_me_cnt {
position: relative;
color: #000000 !important;
margin-bottom: 50px !important;
min-height: 150px;
text-indent: 0px!important;
padding: 5px 5px 0 20px !important;
font-size: 12px;
line-height: 1.5;
}
.abt_me_cnt div {
position: relative !important;
}
.abt_me_cnt img {
float: left;
position: relative !important;
max-width: 250px !important;
height: auto !important;
margin: 10px 0 20px 0px !important;
padding: 5px !important;
border: 2px solid rgba(80,0,0,0.4) !important;
-webkit-box-shadow: 0 1px 3px -1px rgba(0, 0, 0, .15) !important;
background: #fff;
}
#right .blurbs {
position: absolute;
left: 5px;
top: 10px;
background: url(http://1-art.eu/images/backgrounds/old-paper/old-paper.jpg)!important;
width: 265px;
min-height: 385px;
float: left;
margin: 0 0 0 10px;
padding: 2px 0 5px 10px;
border: 1px solid rgba(224, 202, 126, 1) !important;
border-radius: 3px;
box-shadow: 0px 0px 6px rgba(0,0,0,0.4);
z-index: 81;
}
.blurbs .abt_me_cnt {
position: absolute;
left: -999em;
}
.blurbs h3.blrbs_ttle {
position: relative !important;
width: 200px !important;
height: 16px;
overflow: hidden;
background: transparent !important;
margin: 0 0 0 0 !important;
padding: 0 0 0 0 !important;
border: 0 !important;
font-size: 12px !important;
font-family: courier new, monospace!important;
color: #800000 !important;
text-shadow: none!important;
font-weight: bold;
text-align: left !important;
}
#all_frnds {
width: 260px;
height: 163px;
overflow: hidden;
margin: 0px;
padding: 20px 0 0 0;
padding-left: 0px;
}
.block_listing_inline {
margin: 0 0 0 0 !important;
padding: 0 0 0 0 !important;
}
.block_listing_inline ul {
margin: 0;
padding: 0;
}
.block_listing_inline ul li {
position: relative!important;
background: transparent;
width: 255px !important;
height: 50px !important;
margin: 0px 0px 4px 0px !important;
padding: 0 0 0 0px !important;
float: none !important;
}
.block_listing_inline ul li div {
position: absolute;
left: 70px;
top: 8px;
background: transparent !important;
width: 190px !important;
height: 30px !important;
overflow: hidden;
padding: 2px 0 0 0 !important;
color: #000000 !important;
text-align: left;
font-family: courier new, monospace!important;
font-size: 11px !important;
font-weight: bold !important;
z-index: 10;
}
.block_listing_inline ul li img {
position: absolute;
left: 1px !important;
top: 1px !important;
width: 46px !important;
height: 46px !important;
background: transparent;
margin: 0 0 0 0 !important;
padding: 2px 2px 2px 2px !important;
border: 1px solid #ffffff !important;
box-shadow: none!important;
}
#js_block_border_friend_mutual-friend {
position: absolute;
left: 5px;
top: 270px;
width: 255px !important;
max-width: 250px !important;
background: transparent !important;
margin: 0 0px 0px 15px !important;
padding: 0 0 10px 5px !important;
border-top: 1px solid rgba(160,0,0,0.5)!important;
z-index: 99;
}
#js_block_border_friend_mutual-friend .title {
max-width: 250px !important;
background: transparent !important;
margin: 0 0 -10px 0 !important;
border-bottom: 0 !important;
color: #800000 !important;
}
#js_block_border_friend_mutual-friend .block_listing_inline ul li {
position: relative;
width: 50px !important;
height: 50px !important;
float: left !important;
margin: 0 3px 0 0 !important;
padding: 0px !important;
border: 1px solid rgba(160,0,0,0.5)!important;
}
#js_block_border_friend_mutual-friend .block_listing_inline ul li img {
position: absolute;
left: 4px;
top: 4px;
width: 44px;
height: 44px;
background: #fff;
padding: 0px !important;
}
#right>div:nth-last-of-type(2) {
float: left !important;
clear: both !important;
max-width: 280px !important;
margin: -15px 15px 35px 15px !important;
padding: 0 !important;
font-size: 9px !important;
color: #000000 !important;
font-family: courier new, monospace!important;
font-weight: bold;
z-index: 99;
}
#right>div:nth-last-of-type(2) a {
font-size: 10px !important;
font: 300 20px courier new, monospace;
color: #000000!important;
font-weight: bold!important;
}
.js_ad_space_parent {
margin: 15px 0 0 0;
}
#js_block_border_custom_cf_movies {
position: absolute;
left: -999em;
}
#js_block_border_custom_cf_interests {
position: absolute;
left: -999em;
}
#js_block_border_custom_cf_music {
position: absolute;
left: -999em;
}
#js_block_border_custom_cf_books {
position: absolute;
left: -999em;
}
#js_block_border_custom_cf_heroes {
position: absolute;
left: -999em;
}
#js_block_border_custom_cf_television {
position: absolute;
left: -999em;
}
#js_feed_content .message js_no_feed_to_show {
position: absolute;
left: -999em;
}
#js_block_border_profile_info {
margin: 150px 0 0 0;
padding: 5px 0 0 10px!important;
}
#content div.info {
border-bottom: 0!important;
color: #000000 !important;
}
#js_block_border_custom_cf_about_me .abt_me_cnt {
position: relative !important;
left: 0 !important;
}
#js_block_border_custom_cf_who_i_d_like_to_meet .abt_me_cnt {
position: relative !important;
left: 0 !important;
}
#js_block_border_custom_cf_about_me .title {
background: transparent !important;
color: #000000!important;
border: 0 !important;
}
#js_block_border_custom_cf_who_i_d_like_to_meet .title {
background: transparent !important;
color: #000000!important;
border: 0 !important;
}
#js_block_border_custom_cf_about_me .js_custom_content {
background: rgba(224,202,126,0.5) !important;
width: 93%;
margin: 0 0 0 10px!important;
padding: 10px 10px 100px 15px;
border: 1px solid rgba(34, 73, 111, 0.075)!important;
border-radius: 3px;
box-shadow: 1px 1px 6px -1px rgba(0,0,0,.4);
color: #000000;
text-indent: 10px;
font-size: 13px;
}
#js_block_border_custom_cf_who_i_d_like_to_meet .js_custom_content {
background: rgba(224,202,126,0.5) !important;
width: 93%;
margin: 0 0 0 10px!important;
padding: 10px 10px 100px 15px;
border: 1px solid rgba(34, 73, 111, 0.075)!important;
border-radius: 3px;
box-shadow: 1px 1px 6px -1px rgba(0,0,0,.4);
color: #000000;
text-indent: 10px;
font-size: 13px;
}
.js_custom_content img {
max-width: 560px !important;
height: auto !important;
float: left;
margin: 7px 20px 10px 0px !important;
padding: 5px !important;
border: 2px solid rgba(160,0,0,0.4) !important;
-webkit-box-shadow: 0 1px 3px -1px rgba(0, 0, 0, .15)!important;
}
.js_custom_content #clearmyphoto {
clear: both;
min-height: 10px !important;
border: 0 !important;
}
.js_custom_content #clearmyphoto2 {
clear: both;
min-height: 10px !important;
border: 0 !important;
}
#site_content .clear {
position: absolute;
left: -999em;
}
.pager_links_holder {
margin: 700px 0 0 0 !important;
}
.go_left {
width: 230px !important;
height: 100px !important;
background: rgba(224,202,126,0.5)!important;
margin: 0 0 10px 20px !important;
padding: 0 !important;
border: 1px solid #800000 !important;
}
.go_left div {
position: relative !important;
width: 130px;
height: 20px;
margin: 30px 0 0 95px !important;
text-align: right !important;
}
.go_left div span a {
font-size: 10px !important;
color: #800000 !important;
}
.go_left .t_center {
width: 100px !important;
height: 100px !important;
margin: 0 !important;
padding-left: 0px !important;
}
.t_center img {
width: 99px !important;
height: 99px !important;
float: left;
margin: 0 !important;
padding: 0 !important;
}
.row_title {
background: rgba(224,202,126,0.5)!important;
margin-left: 20px;
border: 1px solid rgba(160, 0, 0, 0.3)!important;
border-radius: 3px;
box-shadow: 0px 0px 15px rgba(0,0,0,.4);
}
.extra_info_link {
margin-left: 10px !important;
}
.extra_info_link span.user_profile_link_span a {
font-size: 13px !important;
color: #800000 !important;
}
.blog_content .comment_mini_link_like {
min-height: 20px;
padding-top: 2px !important;
}
.blog_content .comment_mini_link_like ul {
margin-top: 2px!important;
}
.extra_info .user_profile_link_span a {
color: #000000 !important;
font-size: 12px !important;
}
.blog_content .item_tag {
color: #000000 !important;
text-shadow: none!important;
}
.blog_content .item_tag_holder span a {
color: #800000 !important;
text-shadow: none!important;
}
.block .content {
border: 0 !important;
}
.js_mp_fix_width.photo_holder {
padding: 5px !important;
border: 1px solid rgba(160,0,0,0.3)!important;
box-shadow: 0px 0px 15px rgba(0,0,0,.4)!important;
}
.header_bar_menu {
position: absolute;
left: 0;
top: 27em;
min-height: 30px;
z-index: 101;
}
.header_bar_search {
position: absolute;
left: 10px;
top: 5;
width: 250px;
}
.header _bar_search form {
position: relative !important;
}
#video-container1 {
height: 0;
overflow: hidden;
position: relative;
padding-bottom: 56.25% !important;
padding-top: 30px !important;
}
#video-container1 iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
#video-container1 object {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
#video-container1 embed {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
#video-container2 {
height: 0;
overflow: hidden;
position: relative;
padding-bottom: 56.25% !important;
padding-top: 30px !important;
z-index: 10;
}
#video-container2 iframe {
position: absolute;
top: 0;
left: 0px;
width: 100% !important;
height: 100% !important;
z-index: 10;
}
#video-container2 object {
position: absolute;
top: 0;
left: 0px;
width: 100% !important;
height: 100% !important;
z-index: 10;
}
#video-container2 embed {
position: absolute;
top: 0;
left: 0px;
width: 100% !important;
height: 100% !important;
z-index: 10;
}
#footer {
}
ul#footer_menu {
}
div#left div div ul li a {
width: 200px!important;
}
div.header_menu_login_sub label {
color: #000000!important;
}
div#copyright {
color: #000000!important;
}


No comments:

Post a Comment