Author Topic: New Update R14 CSS Changes  (Read 5461 times)

Bluethrust

  • Administrator
  • Hero Member
  • *****
  • Posts: 1110
    • View Profile
New Update R14 CSS Changes
« on: May 20, 2014, 02:53:54 pm »
With the new update you will need to add some stuff to your btcs4.css file.  You can download a new copy of your theme or if you've made modifications to your css file and don't want to mess anything up, heres what you need to add:

Everyone:
Code: [Select]
.formInput {
display: inline-block;
vertical-align: top;
margin-top: 10px;
width: auto;
}

.formSubmitButton {
display: block;
position: relative;
margin: 20px auto;
margin-bottom: 0px;
}

input[type=file] {
border: 0px;
}

Also add this to the .formLabel class:
Code: [Select]
vertical-align: top;
margin-top: 10px;



Individual Themes:

Alliance Battle
Code: [Select]

#forumShowAvatar img {
margin-top: 5px;
margin-bottom: 5px;
}

.forumPostContainer {
width: 98%;
margin: 15px auto;
display: flex;
border: solid #303233 1px;
position: relative;
flex: 2;
flex-wrap: wrap;
}

.forumPostPosterInfo {

width: 18%;
max-width: 150px;
border-right: solid #303233 1px;
background-color: rgba(255,255,255,.05);
padding: 5px;
}


.forumPostMessageInfo {
padding: 5px;
width: 78%;
padding-bottom: 25px;
overflow: auto;
position: relative;
}

.forumPostMessageExtras {
width: 78%;
padding: 5px;
}

.forumManageLinks {
text-align: right;
font-weight: bold;
padding-top: 15px;
}



Army Green
Code: [Select]

#forumShowAvatar img {
margin-top: 5px;
margin-bottom: 5px;
}

.forumPostContainer {
width: 98%;
margin: 15px auto;
display: flex;
border: solid green 1px;
position: relative;
flex: 2;
flex-wrap: wrap;
}

.forumPostPosterInfo {

width: 18%;
max-width: 150px;
border-right: solid green 1px;
background-image:url('formdiv-bg.png');
padding: 5px;
}


.forumPostMessageInfo {
padding: 5px;
width: 80%;
padding-bottom: 25px;
overflow: auto;
position: relative;
}

.forumPostMessageExtras {
width: 80%;
padding: 5px;
}

.forumManageLinks {
text-align: right;
font-weight: bold;
padding-top: 15px;
}



Battle City
Code: [Select]

#forumShowAvatar img {
margin-top: 5px;
margin-bottom: 5px;
}

.forumPostContainer {
width: 98%;
margin: 15px auto;
display: flex;
border: solid #191a1a 1px;
position: relative;
flex: 2;
flex-wrap: wrap;
}

.forumPostPosterInfo {
width: 18%;
max-width: 150px;
border-right: solid #191a1a 1px;
background-color: rgba(17,20,30,.25);
padding: 5px;
}


.forumPostMessageInfo {
padding: 5px;
width: 78%;
padding-bottom: 25px;
overflow: auto;
position: relative;
}

.forumPostMessageExtras {
width: 78%;
padding: 5px;
}

.forumManageLinks {
text-align: right;
font-weight: bold;
padding-top: 15px;
}



Blue Fade
Code: [Select]

#forumShowAvatar img {
margin-top: 5px;
margin-bottom: 5px;
}

.forumPostContainer {
width: 98%;
margin: 15px auto;
display: flex;
border: solid #454545 1px;
position: relative;
flex: 2;
flex-wrap: wrap;
}

.forumPostPosterInfo {

width: 18%;
max-width: 150px;
border-right: solid #454545 1px;
background-color: #373737;
padding: 5px;
}


.forumPostMessageInfo {
padding: 5px;
width: 78%;
padding-bottom: 25px;
overflow: auto;
position: relative;
}

.forumPostMessageExtras {
width: 78%;
padding: 5px;
}

.forumManageLinks {
text-align: right;
font-weight: bold;
padding-top: 15px;
}



Blue Nova
Code: [Select]

#forumShowAvatar img {
margin-top: 5px;
margin-bottom: 5px;
}

.forumPostContainer {
width: 98%;
margin: 15px auto;
display: flex;
border: solid #121f45 1px;
position: relative;
flex: 2;
flex-wrap: wrap;
}

.forumPostPosterInfo {

width: 18%;
max-width: 150px;
border-right: solid #121f45 1px;
background-image:url('formdiv-bg.png');
padding: 5px;
}


.forumPostMessageInfo {
padding: 5px;
width: 78%;
padding-bottom: 25px;
overflow: auto;
position: relative;
}

.forumPostMessageExtras {
width: 78%;
padding: 5px;
}

.forumManageLinks {
text-align: right;
font-weight: bold;
padding-top: 15px;
}



Fire & Ice
Code: [Select]

#forumShowAvatar img {
margin-top: 5px;
margin-bottom: 5px;
}

.forumPostContainer {
width: 98%;
margin: 15px auto;
display: flex;
border: solid #606060 1px;
position: relative;
flex: 2;
flex-wrap: wrap;
}

.forumPostPosterInfo {

width: 18%;
max-width: 150px;
border-right: solid #606060 1px;
background-image:url('formdiv-bg.png');
padding: 5px;
}


.forumPostMessageInfo {
padding: 5px;
width: 78%;
padding-bottom: 25px;
overflow: auto;
position: relative;
}

.forumPostMessageExtras {
width: 78%;
padding: 5px;
}

.forumManageLinks {
text-align: right;
font-weight: bold;
padding-top: 15px;
}



Ghost
Code: [Select]

#forumShowAvatar img {
margin-top: 5px;
margin-bottom: 5px;
}

.forumPostContainer {
width: 98%;
margin: 15px auto;
display: flex;
border: solid #4c555f 1px;
position: relative;
flex: 2;
flex-wrap: wrap;
}

.forumPostPosterInfo {

width: 18%;
max-width: 150px;
border-right: solid #4c555f 1px;
background-image:url('formdiv-bg.png');
padding: 5px;
}


.forumPostMessageInfo {
padding: 5px;
width: 78%;
padding-bottom: 25px;
overflow: auto;
position: relative;
}

.forumPostMessageExtras {
width: 78%;
padding: 5px;
}

.forumManageLinks {
text-align: right;
font-weight: bold;
padding-top: 15px;
}



GTA Beach
Code: [Select]

#forumShowAvatar img {
margin-top: 5px;
margin-bottom: 5px;
}

.forumPostContainer {
width: 98%;
margin: 15px auto;
display: flex;
border: solid black 1px;
position: relative;
flex: 2;
flex-wrap: wrap;
}

.forumPostPosterInfo {

width: 18%;
max-width: 150px;
border-right: solid black 1px;
background-image:url('formdiv-bg.png');
padding: 5px;
}


.forumPostMessageInfo {
padding: 5px;
width: 78%;
padding-bottom: 25px;
overflow: auto;
position: relative;
}

.forumPostMessageExtras {
width: 78%;
padding: 5px;
}

.forumManageLinks {
text-align: right;
font-weight: bold;
padding-top: 15px;
}



Guild Wars
Code: [Select]

#forumShowAvatar img {
margin-top: 5px;
margin-bottom: 5px;
}

.forumPostContainer {
width: 98%;
margin: 15px auto;
display: flex;
border: solid #624f3b 1px;
position: relative;
flex: 2;
flex-wrap: wrap;
}

.forumPostPosterInfo {

width: 18%;
max-width: 150px;
border-right: solid #624f3b 1px;
background-image:url('formdiv-bg.png');
padding: 5px;
}


.forumPostMessageInfo {
padding: 5px;
width: 78%;
padding-bottom: 25px;
overflow: auto;
position: relative;
}

.forumPostMessageExtras {
width: 78%;
padding: 5px;
}

.forumManageLinks {
text-align: right;
font-weight: bold;
padding-top: 15px;
}



Medieval Blue
Code: [Select]

#forumShowAvatar img {
margin-top: 5px;
margin-bottom: 5px;
}

.forumPostContainer {
width: 98%;
margin: 15px auto;
display: flex;
border: solid #191a1a 1px;
position: relative;
flex: 2;
flex-wrap: wrap;
}

.forumPostPosterInfo {

width: 18%;
max-width: 150px;
border-right: solid #191a1a 1px;
background-image: url('images/form-div.png');
padding: 5px;
}


.forumPostMessageInfo {
padding: 5px;
width: 78%;
padding-bottom: 25px;
overflow: auto;
position: relative;
}

.forumPostMessageExtras {
width: 78%;
padding: 5px;
}

.forumManageLinks {
text-align: right;
font-weight: bold;
padding-top: 15px;
}



Minecraft
Code: [Select]

#forumShowAvatar img {
margin-top: 5px;
margin-bottom: 5px;
}

.forumPostContainer {
width: 98%;
margin: 15px auto;
display: flex;
border: solid #000000 1px;
position: relative;
flex: 2;
flex-wrap: wrap;
}

.forumPostPosterInfo {

width: 18%;
max-width: 150px;
border-right: solid #000000 1px;
background-image:url('formdiv-bg.png');
padding: 5px;
}


.forumPostMessageInfo {
padding: 5px;
width: 78%;
padding-bottom: 25px;
overflow: auto;
position: relative;
}

.forumPostMessageExtras {
width: 78%;
padding: 5px;
}

.forumManageLinks {
text-align: right;
font-weight: bold;
padding-top: 15px;
}


Orange Grunge
Code: [Select]

#forumShowAvatar img {
margin-top: 5px;
margin-bottom: 5px;
}

.forumPostContainer {
width: 98%;
margin: 15px auto;
display: flex;
border: solid #191a1a 1px;
position: relative;
flex: 2;
flex-wrap: wrap;
}

.forumPostPosterInfo {

width: 18%;
max-width: 150px;
border-right: solid #191a1a 1px;
background-image: url('images/layout/contentbox/bg.png');
padding: 5px;
}


.forumPostMessageInfo {
padding: 5px;
width: 78%;
padding-bottom: 25px;
overflow: auto;
position: relative;
}

.forumPostMessageExtras {
width: 78%;
padding: 5px;
}

.forumManageLinks {
text-align: right;
font-weight: bold;
padding-top: 15px;
}



Red Nukes
Code: [Select]

#forumShowAvatar img {
margin-top: 5px;
margin-bottom: 5px;
}

.forumPostContainer {
width: 98%;
margin: 15px auto;
display: flex;
border: solid darkred 1px;
position: relative;
flex: 2;
flex-wrap: wrap;
}

.forumPostPosterInfo {

width: 18%;
max-width: 150px;
border-right: solid darkred 1px;
background-image: url('images/formdiv-bg.png');
padding: 5px;
}


.forumPostMessageInfo {
padding: 5px;
width: 78%;
padding-bottom: 25px;
overflow: auto;
position: relative;
}

.forumPostMessageExtras {
width: 78%;
padding: 5px;
}

.forumManageLinks {
text-align: right;
font-weight: bold;
padding-top: 15px;
}



RetroColorPick
* There are separate css files for each color for this theme.  This is the blue one.  Change blue for each color in the color picker.
Code: [Select]

#forumShowAvatar img {
margin-top: 5px;
margin-bottom: 5px;
}

.forumPostContainer {
width: 98%;
margin: 15px auto;
display: flex;
border: solid darkblue 1px;
position: relative;
flex: 2;
flex-wrap: wrap;
}

.forumPostPosterInfo {

width: 18%;
max-width: 150px;
border-right: solid darkblue 1px;
background-image:url('formdiv-bg.png');
padding: 5px;
}


.forumPostMessageInfo {
padding: 5px;
width: 78%;
padding-bottom: 25px;
overflow: auto;
position: relative;
}

.forumPostMessageExtras {
width: 78%;
padding: 5px;
}

.forumManageLinks {
text-align: right;
font-weight: bold;
padding-top: 15px;
}



Robo Red
Code: [Select]
#forumShowAvatar img {
margin-top: 5px;
margin-bottom: 5px;
}

.forumPostContainer {
width: 98%;
margin: 15px auto;
display: flex;
border: solid #680000 1px;
position: relative;
flex: 2;
flex-wrap: wrap;
}

.forumPostPosterInfo {

width: 18%;
max-width: 150px;
border-right: solid #680000 1px;
background-image:url('formdiv-bg.png');
padding: 5px;
}


.forumPostMessageInfo {
padding: 5px;
width: 78%;
padding-bottom: 25px;
overflow: auto;
position: relative;
}

.forumPostMessageExtras {
width: 78%;
padding: 5px;
}

.forumManageLinks {
text-align: right;
font-weight: bold;
padding-top: 15px;
}




Rocky Ice
Code: [Select]

#forumShowAvatar img {
margin-top: 5px;
margin-bottom: 5px;
}

.forumPostContainer {
width: 98%;
margin: 15px auto;
display: flex;
border: solid #003b62 1px;
position: relative;
flex: 2;
flex-wrap: wrap;
}

.forumPostPosterInfo {

width: 18%;
max-width: 150px;
border-right: solid #003b62 1px;
background-color: rgba(0,0,0,.25);
padding: 5px;
}


.forumPostMessageInfo {
padding: 5px;
width: 78%;
padding-bottom: 25px;
overflow: auto;
position: relative;
}

.forumPostMessageExtras {
width: 78%;
padding: 5px;
}

.forumManageLinks {
text-align: right;
font-weight: bold;
padding-top: 15px;
}



Saints Row
Code: [Select]
#forumShowAvatar img {
margin-top: 5px;
margin-bottom: 5px;
}

.forumPostContainer {
width: 98%;
margin: 15px auto;
display: flex;
border: solid #3b0055 1px;
position: relative;
flex: 2;
flex-wrap: wrap;
}

.forumPostPosterInfo {

width: 18%;
max-width: 150px;
border-right: solid #3b0055 1px;
background-image:url('formdiv-bg.png');
padding: 5px;
}


.forumPostMessageInfo {
padding: 5px;
width: 78%;
padding-bottom: 25px;
overflow: auto;
position: relative;
}

.forumPostMessageExtras {
width: 78%;
padding: 5px;
}

.forumManageLinks {
text-align: right;
font-weight: bold;
padding-top: 15px;
}




SimpleTech
Code: [Select]
#forumShowAvatar img {
margin-top: 5px;
margin-bottom: 5px;
}

.forumPostContainer {
width: 98%;
margin: 15px auto;
display: flex;
border: solid #000211 1px;
position: relative;
flex: 2;
flex-wrap: wrap;
}

.forumPostPosterInfo {

width: 18%;
max-width: 150px;
border-right: solid #000211 1px;
background-image:url('formdiv-bg.png');
padding: 5px;
}


.forumPostMessageInfo {
padding: 5px;
width: 78%;
padding-bottom: 25px;
overflow: auto;
position: relative;
}

.forumPostMessageExtras {
width: 78%;
padding: 5px;
}

.forumManageLinks {
text-align: right;
font-weight: bold;
padding-top: 15px;
}



Synergy
Code: [Select]
#forumShowAvatar img {
margin-top: 5px;
margin-bottom: 5px;
}

.forumPostContainer {
width: 98%;
margin: 15px auto;
display: flex;
border: solid #555d63 1px;
position: relative;
flex: 2;
flex-wrap: wrap;
}

.forumPostPosterInfo {

width: 18%;
max-width: 150px;
border-right: solid #555d63 1px;
background-color: #4b5358;
padding: 5px;
}


.forumPostMessageInfo {
padding: 5px;
width: 78%;
padding-bottom: 25px;
overflow: auto;
position: relative;
}

.forumPostMessageExtras {
width: 78%;
padding: 5px;
}

.forumManageLinks {
text-align: right;
font-weight: bold;
padding-top: 15px;
}




TF2 Blue
Code: [Select]
#forumShowAvatar img {
margin-top: 5px;
margin-bottom: 5px;
}

.forumPostContainer {
width: 95%;
margin: 15px auto;
display: flex;
border: solid #a68269 1px;
position: relative;
flex: 2;
flex-wrap: wrap;
}

.forumPostPosterInfo {

width: 18%;
max-width: 150px;
border-right: solid #a68269 1px;
background-image:url('formdiv-bg.png');
padding: 5px;
}


.forumPostMessageInfo {
padding: 5px;
width: 78%;
padding-bottom: 25px;
overflow: auto;
position: relative;
}

.forumPostMessageExtras {
width: 78%;
padding: 5px;
}

.forumManageLinks {
text-align: right;
font-weight: bold;
padding-top: 15px;
}




Zombified
Code: [Select]

#forumShowAvatar img {
margin-top: 5px;
margin-bottom: 5px;
}

.forumPostContainer {
width: 98%;
margin: 15px auto;
display: flex;
border: solid #454545 1px;
position: relative;
flex: 2;
flex-wrap: wrap;
}

.forumPostPosterInfo {

width: 18%;
max-width: 150px;
border-right: solid #454545 1px;
background-image:url('formdiv-bg.png');
padding: 5px;
}


.forumPostMessageInfo {
padding: 5px;
width: 78%;
padding-bottom: 25px;
overflow: auto;
position: relative;
}

.forumPostMessageExtras {
width: 78%;
padding: 5px;
}

.forumManageLinks {
text-align: right;
font-weight: bold;
padding-top: 15px;
}


Eyecu

  • Newbie
  • *
  • Posts: 11
    • View Profile
Re: New Update R14 CSS Changes
« Reply #1 on: May 20, 2014, 04:30:09 pm »
Thanks for this but where is the update the download page still says r13?

Bluethrust

  • Administrator
  • Hero Member
  • *****
  • Posts: 1110
    • View Profile
Re: New Update R14 CSS Changes
« Reply #2 on: May 20, 2014, 05:19:31 pm »
Ha, yes need to update the people on the hosting first and then going to release the update after.  It's coming just wanted to have this up.

Audiodk

  • Newbie
  • *
  • Posts: 31
    • View Profile
Re: New Update R14 CSS Changes
« Reply #3 on: May 21, 2014, 06:09:00 pm »
the update for the theme files are those the same file name as the first one we had to edit?

Bluethrust

  • Administrator
  • Hero Member
  • *****
  • Posts: 1110
    • View Profile
Re: New Update R14 CSS Changes
« Reply #4 on: May 21, 2014, 08:37:18 pm »
Yes, its going to be in your theme's folder.  So if you are using the battle city theme, it would be in themes/battlecity/btcs4.css

michealm

  • Newbie
  • *
  • Posts: 5
    • View Profile
Re: New Update R14 CSS Changes
« Reply #5 on: May 22, 2014, 12:18:08 am »
Im a bit short on the CSS side, if i post my CSS could you make the changes I need for my CSS for Battle City?

(PS. Also I dont have a .forumLabel class in my CSS)
« Last Edit: May 22, 2014, 12:33:37 am by michealm »

Bluethrust

  • Administrator
  • Hero Member
  • *****
  • Posts: 1110
    • View Profile
Re: New Update R14 CSS Changes
« Reply #6 on: May 22, 2014, 01:29:35 pm »
Im a bit short on the CSS side, if i post my CSS could you make the changes I need for my CSS for Battle City?

(PS. Also I dont have a .forumLabel class in my CSS)

Sure, you can post your site url and I can get it from there.  But, if you haven't made any changes to your css file, then you can just download a new copy of your theme and re-upload the btcs4.css file that is in there. 

tompla

  • Newbie
  • *
  • Posts: 1
    • View Profile
Re: New Update R14 CSS Changes
« Reply #7 on: July 19, 2015, 10:36:23 pm »
 :D :D :D





คาสิโนออนไลน์ ในรูปแบบใหม่ล่าสุดจาก ปอยเปต คาสิโน รีสอร์ท ได้ที่นี่ royal1688