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.

Quick reply box border

View previous topic View next topic Go down

Solved Quick reply box border

Post by Apex on Wed Sep 10, 2014 10:44 am

Quick question here, can someone help me change the border color around my quick reply box? I was searching through the CSS for a while and couldn't seem to find it.

My forum link: http://thedivine.forumotion.com

My CSS:
.post {
margin-bottom: 0px;
}
.postprofile {
border-right: solid 0px #171717;
}
.postprofile dt img {
max-height: 150px !important;
max-width: 135px !important;
}
body#phpbb {
font: 10px tahoma,helvetica,arial,sans-serif;
background: #363636 url(http://i.imgur.com/yttSH.jpg) repeat;
color: #c2c2c2;
padding: 0px;}
.conteneur_minwidth_IE {
background: url(http://fc08.deviantart.net/fs71/f/2014/204/2/5/edit_by_impactonyou-d7s12dm.png) no-repeat center 0;
}
.conteneur_layout_IE {
background: url(http://i.imgur.com/qPIe8.png) repeat-x 0 top;
}
.conteneur_container_IE {
background: url(http://i.imgur.com/zDoNS.png) repeat-x 0 bottom;
}
#wrap {
padding: 0;
margin: auto;
width: 990px;
}
#site-title h1 {display: none;}
#site-title, #site-title h1{display: none;}
#logo-desc p {display: none;}

img[src="http://illiweb.com/fa/empty.gif"] {
display: none;}
img[src="http://illiweb.com/fa/m/icon_mini_faq1.gif"] {
display: none;}
img[src="FAQ IMAGE LINK"] {
display: none;}
a[href="/faq"] { display: none; position: absolute;}
a img [href="/faq"] { display: none; position: absolute;}

#page-body {
margin: auto;
width: auto;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.9) inset, 0 2px 8px rgba(255, 255, 255, 0.1);
line-height: 120%;
padding: 10px 15px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
overflow: hidden;
}

#page-header .navbar {
margin: 5px 0 15px;
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.Cool;
background: url(http://i.imgur.com/BLynG.png) repeat-x top;
border-color: #111;
border-radius: 5px 5px 5px 5px;
border-style: solid;
border-width: 1px;
line-height: 34px;
padding: 2px 5px 5px 5px;
text-shadow: 0 1px 0 #000;
box-shadow: 0 2px 6px #222;
-webkit-box-shadow: 0 2px 6px #222;
-moz-box-shadow: 0 2px 6px #222;
}
ul.navlinks li a {
padding: 7px 7px 8px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font: 13px tahoma,helvetica,arial,sans-serif;
}
ul.navlinks li a:hover {
color: #103bb7;
box-shadow: 0 1px 0 rgba(255,255,255, 0.1), inset 0 5px 10px rgba(0,0,0, 0.3);
-webkit-box-shadow: 0 1px 0 rgba(255,255,255, 0.1), inset 0 5px 10px rgba(0,0,0, 0.3);
-moz-box-shadow: 0 1px 0 rgba(255,255,255, 0.1), inset 0 5px 10px rgba(0,0,0, 0.3);
position: relative;
background: rgba(0,0,0, 0.1);
}
#fa_ticker_block .module , .module{
background: #353535;
box-shadow: 0 5px 10px #111;
-webkit-box-shadow: 0 5px 10px #111;
-moz-box-shadow: 0 5px 10px #111;
margin-bottom: 20px;
padding: 0px 10px 10px 10px;
border: 1px solid black;
}
.module span.corners-top {
height: 29px;
background: url(http://i.imgur.com/kVSS8.png) repeat-x top;
border-bottom: 1px solid #111;
}
.panel {
border: 1px solid black;
background: #272727 url(http://i.imgur.com/dnkF9.png) repeat-x 0 0 !important;
padding: 10px;
}
.forabg , .forumbg{
padding: 0;
border-color: #111;
border-style: solid;
border-width: 1px;
background: url(http://i.imgur.com/qP5wM.png) repeat-x top;
color: white;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
box-shadow: 0 5px 10px #111;
-webkit-box-shadow: 0 5px 10px #111;
-moz-box-shadow: 0 5px 10px #111;
}
module span.corners-top {
height: 29px;
background: url(http://codegame.net/public/style_images/cgn/user_navigation.png) repeat-x top;
border-bottom: 1px solid #111;
}

ul.forums li.row dl { min-height: 50px; }

span.corners-bottom {display:none;}
.header {
margin-top: 1px!important;
padding-bottom: 2px!important;
border-bottom: 1px solid #111;
padding-left: 4px;
}
ul.topiclist.forums , ul.topiclist.bg_none{
background: #272727 url(http://i.imgur.com/dnkF9.png) repeat-x 0 0 !important;
}
#profile-advanced-layout {
background: #272727 url(http://i.imgur.com/yttSH.jpg) repeat 0 0!important;
}
.post {
box-shadow: 0 5px 10px #111;
-webkit-box-shadow: 0 5px 10px #111;
-moz-box-shadow: 0 5px 10px #111;
background: #272727 url(http://i.imgur.com/dnkF9.png) repeat-x 0 0 !important;
border: 1px solid #111 !important;
}
.post span.corners-top {
border-top: 1px solid #111;
border-bottom: 1px solid #111;
background: url(http://i.imgur.com/kVSS8.png) repeat-x 0 top;
padding: 0 10px;
height: 36px;
line-height: 36px;
}

#search-box {
display:none;
}
#search-box #keywords {
width: 130px;
background: transparent;
color: #6C6C6D;margin-left: 15px;
font-family: Verdana;margin-top:5px;
font-style: normal;
font-size: 12px;}

#search-box input {
border: none !important;
background: none;}

#search-box input.search {
background: none;
margin-left: 0px;
margin-top: 0;}

#search-box input.button2 {visibility: hidden;
}

#search_menu {
background: #ffffff;
font-size: 11px !important;
position: relative;
width: 350px;
top: 160px!important;
left: 200px!important;
}
#search_menu .title-overview {
background: url(http://i.imgur.com/kVSS8.png) repeat-x top;
border-bottom: 1px solid #111;
}
#search_menu a{color:#000!important;}
#plus_menu .title-overview {
background: url(http://i.imgur.com/kVSS8.png) repeat-x top;
border-bottom: 1px solid #111;
}
/*------------------------------------------------*/
/*-------------[Borrar el subrayado de los enlaces]------------*/
/*------------------------------------------------*/
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumtitle {text-decoration: none;}
a.forumtitle:hover {text-decoration: none!important;}
a.topictitle {text-decoration: none;}
a.topictitle:hover {text-decoration: none!important;}
#main-content a.cgu-buttons:hover, button.button2:hover, input.button1:hover, input.button2:hover {
border: 1px solid rgb(0, 0, 0);
}
#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 3px;
background: url(http://i.imgur.com/kVSS8.png) repeat-x top;
border: 1px solid #111;
cursor: pointer;
color: #c2c2c2;
}
.postbody .content {
font-size: 11px;
color: #c2c2c2;
#ipbwrapper {
font-size: 10px !important;
}
}
.postprofile {
width: 18%;
text-align: left;
}
.user_login_form input[type="text"], .user_login_form input[type="password"]{
position:relative;
top:7px;
}
.postbody .topic-title {
font-size: 10px;}
.postbody {
width: 80%;
}
fieldset.fields1 div {
margin: 0px;
}
input[type="text"], textarea {
background: rgb(51, 51, 51) url("http://i.imgur.com/yttSH.jpg")!important;
border: 1px solid rgb(17, 17, 17)!important;
color: #c1c1c1!important;
box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
}
blockquote {
background: rgb(43, 43, 43);
padding: 5px;
border: 1px solid rgb(15, 15, 15);
border-radius: 4px;
}
.codebox dd {
padding: 0px 5px;
}
dl.codebox dt, .codebox dt {
background: url(http://i.imgur.com/kVSS8.png) repeat-x top;
border-bottom: 1px solid #111;
padding: 4px;
}
dl.codebox, .codebox {
background: rgb(41, 41, 41);
border: 1px solid rgb(10, 10, 10);
}
blockquote blockquote {
border: 1px solid rgb(2, 2, 2);
background: rgb(31, 31, 31);
}
.vote .vote-bar {
border: 1px solid rgb(0, 0, 0);
}
.module .box-content .mod-login-avatar dt img {
height: 100px;
width: 100px;
border: 1px solid rgb(66, 66, 66);
box-shadow: 0px 2px 10px rgb(0, 0, 0);

a[href="/u1"]{
text-shadow:1px 0px #000;

Picture of what I mean:
http://imgur.com/mu6WSTk

I want to change the white-ish border around it to another color. I would ALSO like to change the color of the text that is used when typing in both the quick reply box and the full reply box if you can help me out with that too. Thanks!

Apex
Forumember

Posts : 76
Reputation : 1
Language : English

Back to top Go down

Solved Re: Quick reply box border

Post by Ange Tuteur on Wed Sep 10, 2014 5:49 pm

Hello Apex,

Use the following rules to adjust the border colors of the SCEditor :
Code:
.sceditor-container { border:1px solid #000 !important }
.sceditor-container .sceditor-toolbar { border-bottom:1px solid #000 !important }

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Quick reply box border

Post by Apex on Wed Sep 10, 2014 7:45 pm

This worked, thanks a lot! How would I go about changing the text color when typing in the reply box?

Apex
Forumember

Posts : 76
Reputation : 1
Language : English

Back to top Go down

Solved Re: Quick reply box border

Post by Ange Tuteur on Wed Sep 10, 2014 8:02 pm

For source code mode add this to your CSS :
Administration Panel > Display > Colors > CSS stylesheet
Code:
.sceditor-container textarea{ color:#fff !important }


For WYSIWYG mode create a new script :
Administration Panel > Modules > Javascript codes management > Create a new script


Title : Your choice
Placement : In all the pages
Paste the code below and submit :
Code:
$(window).load(function(){$(".sceditor-container iframe").contents().find("head").append("<style>body,html,code:before,p,table{color:#fff!important;}</style>")});

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Quick reply box border

Post by Apex on Wed Sep 10, 2014 8:08 pm

Alright this worked. Again, thanks a ton Ange. I greatly appreciate what you and everyone else are doing on this site, so helpful.

Apex
Forumember

Posts : 76
Reputation : 1
Language : English

Back to top Go down

Solved Re: Quick reply box border

Post by Apex on Wed Sep 10, 2014 8:24 pm

Scratch that. This worked for a brief moment but for some reason has stopped working now.

I am using the WYSIWYG mode

Apex
Forumember

Posts : 76
Reputation : 1
Language : English

Back to top Go down

Solved Re: Quick reply box border

Post by Ange Tuteur on Wed Sep 10, 2014 8:43 pm

That's odd I see no errors on your forum, so it should work. Try replacing your script with :
Code:
$(function(){$(function(){
$(".sceditor-container iframe").contents().find("head").append("<style>body,html,code:before,p,table{color:#ADADAD!important;}</style>");
})});

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Quick reply box border

Post by Apex on Wed Sep 10, 2014 9:09 pm

It seemed to be working again the next time I looked at my forum, strange. You can mark this as solved I don't foresee any problems with this. Thanks a lot

Apex
Forumember

Posts : 76
Reputation : 1
Language : English

Back to top Go down

Solved Re: Quick reply box border

Post by Ange Tuteur on Wed Sep 10, 2014 9:14 pm

You're welcome Smile

Topic archived

It could be that it appends the stylesheet to change the font color after the entire page has loaded. The script I posted in my last post should set it a little quicker.

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.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