The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Bodyline background colour question.

View previous topic View next topic Go down

Solved Bodyline background colour question.

Post by The Lone Ranger on December 30th 2012, 9:08 pm

I changed my bodyline background colour to a nice yellow


for contrast against the dark blue background.


However as you can see the background of the "Calendar" changed as well, which ruins the look of the portal.
Is there a way I can change the background colour of my Calendar through CSS to #385877?

CSS code:

Code:
html { overflow-x: hidden; overflow-y: auto; }

#ipbwrapper { text-align:left; width:95%; margin-left:auto;margin-right:auto }
#ipbwrapper img { vertical-align:middle; border: 0px }

form { display:inline; }
img { vertical-align:middle; border:0px }
BODY { font-family: Verdana, Tahoma; Arial; sans-serif; font-size: 14px; color: #ffffff; margin: px px px px; background-color:#385877; background-image: url() }
TABLE, TR, TD { font-family: Verdana, Tahoma; Arial; sans-serif; font-size: 12px; color: #ffffff; }
a:link, a:visited, a:active { text-decoration: underline; color: #ffd800 }
a:hover { color: #ff2d26; text-decoration:none }

fieldset.search { padding:6px; line-height:150% }
label { cursor:pointer; }

img.attach { border:2px outset #EEF2F7;padding:2px }

.googleroot { padding:6px; line-height:130% }
.googlechild { padding:6px; margin-left:30px; line-height:130% }
.googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size:11px; color: #3A4F6C; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#00D; }
.googlepagelinks { font-size:1.1em; letter-spacing:1px }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#434951 }

li.helprow { padding:0px; margin:0px 0px 10px 0px }
ul#help { padding:0px 0px 0px 15px }

option.cat { font-weight:bold; }
option.sub { font-weight:bold;color:#555 }
.caldate { text-align:right;font-weight:bold;font-size:11px;color:#ffffff;background-color:#3A5A7A; background-image: url(http://upload-your-life.com/files/8lfy6atwneoq5jbn2aw6.png);padding:4px;margin:0px }

.warngood { color:green }
.warnbad { color:red }

#padandcenter { margin-left:auto;margin-right:auto;text-align:center;padding:14px 0px 14px 0px }

#profilename { font-size:28px; font-weight:bold; }
#calendarname { font-size:22px; font-weight:bold; }

#photowrap { padding:6px; }
#phototitle { font-size:24px; border-bottom:1px solid black }
#photoimg { text-align:center; margin-top:15px }

#ucpmenu { line-height:150%;width:22%; border:1px solid #2E4A68;background-color: #385877; background-image: url(http://) }
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #385877; background-image: url(http://); border:1px solid #2E4A68;line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #2E4A68;background-color: #3A5A7A;background-image:url(http://);padding:0px;margin:0px; }


Skin created by Fac3full. For more great skins, visit IFHelp and IFSZ.

/* Skin Created using the AIO CSS Generator at http://ifskinzone.net/main.php */
#submenu { border:1px solid #2E4A68;background-color: #3A5A7A; background-image: url(http://upload-your-life.com/files/8lfy6atwneoq5jbn2aw6.png); font-size:10px;margin:3px 0px 3px 0px;color:#ffffff;font-weight:bold;}
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #ffffff; }
#userlinks { border:1px solid #2E4A68; background-color: #3A5A7A; background-image: url(http://upload-your-life.com/files/8lfy6atwneoq5jbn2aw6.png) }

#navstrip { font-weight:bold;padding:6px 0px 6px 0px; }

.activeuserstrip { background-color:#385877; background-image: url(http://upload-your-life.com/files/8lfy6atwneoq5jbn2aw6.png); padding:6px }

.pformstrip { background-color: #3A5A7A; background-image: url(http://upload-your-life.com/files/8lfy6atwneoq5jbn2aw6.png); color:#2E4A68;font-weight:bold;padding:7px;margin-top:1px }
.pformleft { background-color: #385877; background-image: url(http://); padding:6px; margin-top:1px;width:25%; border-top:1px solid #2E4A68; border-right:1px solid #2E4A68; }
.pformleftw { background-color: #385877; background-image: url(http://); padding:6px; margin-top:1px;width:40%; border-top:1px solid #2E4A68; border-right:1px solid #2E4A68; }
.pformright { background-color: #385877; background-image: url(http://); padding:6px; margin-top:1px;border-top:1px solid #2E4A68; }

.post1 { background-color: #385877; background-image: url(http://) }
.post2 { background-color: #385877; background-image: url(http://) }
.postlinksbar { background-color:#385877;padding:7px;margin-top:1px;font-size:10px; background-image: url(http://upload-your-life.com/files/8lfy6atwneoq5jbn2aw6.png) }

.row1 { background-color: #35506D; background-image: url(http://) }
.row2 { background-color: #385877; background-image: url(http://) }
.row3 { background-color: #2F4D6B; background-image: url(http://) }
.row4 { background-color: #385877; background-image: url(http://) }

.darkrow1 { background-color: #43617E; background-image: url(http://upload-your-life.com/files/8lfy6atwneoq5jbn2aw6.png); color:#ffffff; }
.darkrow2 { background-color: #385877; background-image: url(http://upload-your-life.com/files/8lfy6atwneoq5jbn2aw6.png); color:#ffffff; }
.darkrow3 { background-color: #385877; background-image: url(http://upload-your-life.com/files/8lfy6atwneoq5jbn2aw6.png); color:#ffffff; }

.hlight { background-color: #385877; background-image: url(http://) }
.dlight { background-color: #385877; background-image: url(http://) }

.titlemedium { font-weight:bold; color:#ffffff; padding:7px; margin:0px; background-color: #385877; background-image: url(http://upload-your-life.com/files/8lfy6atwneoq5jbn2aw6.png) }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #ffffff }

.maintitle { vertical-align:middle;font-weight:bold; color:#ffffff; text-align: center;letter-spacing:1px; padding:8px 0px 8px 5px; background-color: #3A5A7A; background-image: url(http://upload-your-life.com/files/dx2395t0nemny8rk43y9.png) }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #ffffff }
.maintitle a:hover { text-decoration: none }

.plainborder { border:1px solid #ffffff;background-color:#ffffff }
.tableborder { border:1px solid #ffffff;background-color:#2E4A68; padding:0px; margin:0px; width:100% }
.tablefill { border:1px solid #2E4A68;background-color:#385877; background-image: url(http://);padding:6px; }
.tablepad { background-color:#385877; background-image: url(http://);padding:6px }
.tablebasic { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }

.wrapmini { float:left;line-height:1.5em;width:25% }
.pagelinks { float:left;line-height:1.2em;width:35% }

.desc { font-size:10px; color:#385877 }
.edit { font-size: 9px }

.signature { font-size: 10px; color: #ffffff }
.postdetails { font-size: 10px }
.postcolor { font-size: 12px; line-height: 160% }

.normalname { font-size: 10px; font-weight: bold; color: #003 }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px }
.unreg { font-size: 11px; font-weight: bold; color: #900 }

.searchlite { font-weight:bold; color:#F00; background-color:#385877 }

#QUOTE { font-family: Verdana, Arial; font-size: 11px; color: #ffffff; background-color: #456380; background-image: url(http://); border: 1px solid #2E4A68; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE { font-family: Courier, Courier New, Verdana, Arial; font-size: 11px; color: #385877; background-color: #456380; background-image: url(http://); border: 1px solid #2E4A68; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }

.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px }

.codebuttons { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }
.forminput, .textinput, .radiobutton, .checkbox { font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }

.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #2E4A68;border-bottom:1px solid #2E4A68 }

.purple { color:purple;font-weight:bold }
.red { color:red;font-weight:bold }
.green { color:green;font-weight:bold }
.blue { color:blue;font-weight:bold }
.orange { color:#F90;font-weight:bold }

    .postprofile img {
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }   
     
    #facebook {
        padding-right: 5px;
        position: fixed;
        right: 0;
        top: 130px;
        width: 24px;
    }
    .accordion {
      text-align:left;
      font:'Helvetica Neue', Verdana, Arial, sans-serif;
    }
    .accordion ol {
      position: relative;
      overflow: hidden;
      height: 100%;
      margin: 0;
      padding: 0;
      list-style-type: none;
    }
    .accordion li > h2 {
      color: black;
      font-weight: normal;
      margin: 0;
      z-index: 2;
      position: absolute;
      top: 0;
      left: 0;
      -webkit-transform: translateX(-100%) rotate(-90deg);
      -webkit-transform-origin: right top;
      -moz-transform: translateX(-100%) rotate(-90deg);
      -moz-transform-origin: right top;
      -o-transform: translateX(-100%) rotate(-90deg);
      -o-transform-origin: right top;
      -ms-transform: translateX(-100%) rotate(-90deg);
      -ms-transform-origin: right top;
      transform: translateX(-100%) rotate(-90deg);
      transform-origin: right top;
      filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    }
    .accordion li > h2 span { display: block; padding-right: 8%; text-align: right; height: 90%; margin-top: 5px; }
    .accordion li > h2 b { display: inline-block; position: absolute; top: 10%; top: 42%9; left: 10%; left: 5%9; text-align: center; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }
    .accordion li > h2:hover { cursor: pointer; }
    .accordion li > div { height: 100%; position: absolute; top: 0; z-index: 1; overflow: hidden; background: white; }
    .accordion noscript p { padding: 10px; margin: 0; background: white; }
   
    /****************************************** Basic */
    .basic li > h2 { background: #333; color: white; line-height: 1.8em; }
    .basic li > div h3 { margin: 15px 10px; }
    .basic li > div p { margin: 10px; font-size: 14px; }
   
    /****************************************** Dark */
    .dark { border: 9px solid #353535; border-bottom-width: 8px; padding: 5px 5px 6px 0; background: #030303; -webkit-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); -o-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
      box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); }
    .dark li > h2 { background: #030303; font-size: 16px; line-height: 2.7em; text-shadow: 0 -1px 0 #030303; }
    .dark li > h2 span { background: #353535; color: white; }
    .dark li > h2 b { background: #353535; color: #030303; font-size: 20px; text-shadow: -1px 1px 0 #5b5b5b; }
    .dark h2.selected span, .dark h2.selected span:hover { background: #434343; background: -webkit-gradient(linear, left top, right top, color-stop(0, #353535), color-stop(1, #555555)); background: -moz-linear-gradient(top left, #353535 0%, #555555 100%); }
    .dark h2.selected b { background: #434343; }
    .dark li > div { background: #030303; margin-left: 5px; }
   
    /*************************************** Rounded */
    .rounded { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
    .rounded li > h2 span { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
   
    /***************************************** Light */
    /**************************************** Stitch */

    #s1 {
    background:url("http://i773.photobucket.com/albums/yy13/harmonicaman_photos/560627_10151311123756575_1682838001.jpg") no-repeat #030303;
    }
    #s2 {
    background:url("http://i773.photobucket.com/albums/yy13/harmonicaman_photos/263769_10151263916201575_1263370366.jpg") no-repeat #030303;
    }
    #s3 {
    background:url("http://i773.photobucket.com/albums/yy13/harmonicaman_photos/549656_10151286847571575_1385908346.jpg") no-repeat #030303;
    }

    #s4 {
    background:url("http://i773.photobucket.com/albums/yy13/harmonicaman_photos/550437_10151314925921575_1566792088.jpg") no-repeat #030303;
    }

    #s5 {
    background:url("http://i773.photobucket.com/albums/yy13/harmonicaman_photos/8771_10151263916626575_149848026_n.jpg") no-repeat #030303;
    }
   


   

    div.newslink p.date{
    Display: none !important;
    }

       .for_borders img{
    margin-left: 4px;
    margin-right: 4px;
    }

Forum: www.Tenerifesforumoffun.com Version: Invision PB


Last edited by The Lone Ranger on December 31st 2012, 3:59 am; edited 1 time in total

The Lone Ranger
Forumember

Male Posts : 438
Reputation : 37
Language : English
Location : Scotland

http://www.tenerifesforumoffun.com

Back to top Go down

Solved Re: Bodyline background colour question.

Post by Cassius Dio on December 30th 2012, 9:36 pm

Hi,

Add to CSS Stylesheet:
Code:
#calendar_container .forumline{
background-color: #385877 !important;
}
or:
Code:
#calendar_container .forumline{
background-color: transparent !important;
}

Cassius Dio
Forumember

Male Posts : 581
Reputation : 79
Language : Romanian &English
Location : Yellow Submarine

http://beatles.forummo.com/

Back to top Go down

Solved Re: Bodyline background colour question.

Post by The Lone Ranger on December 30th 2012, 10:02 pm

SGSS wrote:Hi,

Add to CSS Stylesheet:
Code:
#calendar_container .forumline{
background-color: #385877 !important;
}
or:
Code:
#calendar_container .forumline{
background-color: transparent !important;
}

Hi SGSS, I tried them both but couldn't see any difference anywhere. Calendar in Portal still shows yellow background.

EDIT: I just added them to the bottom of the CSS, was that OK?

The Lone Ranger
Forumember

Male Posts : 438
Reputation : 37
Language : English
Location : Scotland

http://www.tenerifesforumoffun.com

Back to top Go down

Solved Re: Bodyline background colour question.

Post by SLGray on December 30th 2012, 10:06 pm

Try adding them to the top. I believe also that element is called div#calendar.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35606
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Bodyline background colour question.

Post by The Lone Ranger on December 30th 2012, 10:26 pm

slg wrote:Try adding them to the top. I believe also that element is called div#calendar.

Can you show me what the code with that element should look like please slg? (I don't know how much to cut out of the original SGSS code)

EDIT: Nothing happened when I tried SGSS codes to the top of CSS. EXTRA INFO!! When I go to quote a post the whole of the text editor goes yellow too! (Only the quote text editor, not the "Quick reply" or "Post reply").

Edit: Solved by changing the Table Header bodyline colour to yellow and returning bodyline background colour to #385877. Very Happy

The Lone Ranger
Forumember

Male Posts : 438
Reputation : 37
Language : English
Location : Scotland

http://www.tenerifesforumoffun.com

Back to top Go down

Solved Re: Bodyline background colour question.

Post by Sanket on December 31st 2012, 5:24 am

Topic Solved & Locked

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum