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.

Problem with Chrome and the Reply window

Go down

Solved Problem with Chrome and the Reply window

Post by Toxyna on July 5th 2012, 11:08 pm

So I recently installed a new Theme: 1Game (http://www.phpbb3styles.net/db/style/1Game)
Added the Stylesheet, added the missing Icons/Pictures etc.

Everything works fine while I use Firefox, but one of my Chrome users reported that his Reply-Field moves when he gets near the BBCode

Spoiler:
When he hovers his mouse over the smileys for a short while it goes back, at least till he gets near the BBCode Icons again

Quick reply works just fine, but this makes editing longer posts quite hard :/

Apparently this only happens since I installed the new Layout, so it has to be somewhere in the Stylesheet (I took the URLS of the Pics out)
Code:
/*  phpBB 3.0 Style Sheet
    --------------------------------------------------------------
   Style name:      subsilver2
   Based on style:   subSilver (the default phpBB 2 style)
   Original author:   subBlue ( http://www.subBlue.com/ )
   Modified by:      psoTFX and the phpBB team ( http://www.phpbb.com )
   
   This is an alternative style for phpBB3 for those wishing to stay with
   the familiar subSilver style of phpBB version 2.x
   
   Copyright 2006 phpBB Group ( http://www.phpbb.com/ )
    --------------------------------------------------------------
*/

/* Layout
 ------------ */
* {
   /* Reset browsers default margin, padding and font sizes */
   margin: 0;
   padding: 0;
}

html {
   font-size: 100%;
}

body {
   /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
   color: #575757;
   background-color: #111111;
   font-size: 53.5%; /* This sets the default font size to be equivalent to 10px */
   margin: 6px;
   background-image: url();
}

a.subforum.read {
  background-image: url();
  background-repeat: no-repeat;
  background-position: 0 50%;
  position: relative;
  white-space: nowrap;
  padding: 0 0 0 12px;
}

a.subforum.unread {
  background-image: url();
  background-repeat: no-repeat;
  background-position: 0 50%;
  position: relative;
  white-space: nowrap;
  padding: 0 0 0 12px;
}

#top
{
   background-image: url();
   width: 960px;
   height: 203px;
   margin: 0 auto;
}

#wrap
{
   width: 1200px;
   min-width: 650px;
   margin: 0px auto;
   border-top: 1px solid #303030;
   border-left: 2px solid #303030;
   border-right: 2px solid #303030;
   border-bottom: 2px solid #303030;
   background-color: #202020;
}

.borderwrap
{
   background: #1e1e1e;
   border: 0px;
   padding: 0px;
   margin: 0px;
}

#logo
{
   background: #1a1a1a;
   border: 1px solid #1e1e1e;
   height: 119px;
   margin: 0;
   padding: 0;
}

#logographic
{
   background: transparent url(http://gamesboard.pl/styles/gb/theme/images/top.png) no-repeat left;
   height: 119px;
   margin: 0;
   padding: 0;
}

#submenu
{
   background: #292929;
   border-top: 1px solid #303030;
   border-bottom: 1px solid #303030;
   color: #ffffff;
   margin: 0;
   height: 30px;
   text-align: right;
}

.left,
.right
{
   background: #292929;
   float: right;
   font-size: 11px;
   line-height: 30px;
   font-weight: bold;
   margin: 0px;
   width: auto;
}

.left
{
   float: left;
   border-left: 0px;
}

.left a:link,
.left a:visited,
.right a:link,
.right a:visited
{
   background: transparent;
   color: #db6911;
   padding: 0 6px 0 6px;
   text-decoration: none;
}

.left a:hover,
.left a:active,
.right a:hover,
.right a:active
{
   background: transparent;
   color: #ffffff;
}


#uplink
{
   background: #202020;
   margin: 5px 0 5px 0;
   padding: 0 5px 0 5px;
}

#uplink
{
   background: #202020;
   */border: 1px solid #1e1e1e;
   */: ;
}

#uplink p
{
   background: transparent !important;
   border: 0 !important;
   font-size: 10px;
   font-weight: normal;
   letter-spacing: 0;
   margin: 0 !important;
   padding: 7px 0 7px 0;
   text-align: right;
}

#uplink p.register
{
   text-align: center;
}

#uplink p.home,
#uplink p.home
{
   float: left;
}

.info
{
   background: #2a2a2a;
   border-top: 1px solid #1e1e1e;
   border-bottom: 1px solid #1e1e1e;
   margin: 0;
   width: 100%;
}

.info td
{
   color: #7a7a7a;
   font-size: 10px;
   padding: 5px 5px 5px 10px;
}

.info span
{
   background: transparent;
   color: #FFF;
   font-style: italic;
   font-weight: normal;
}

.info input
{
   background: #303030;
   border: 1px solid #1e1e1e;
   color: #FFF;
   font-size: 10px;
   padding: 3px;
   vertical-align: middle;
   width: auto;
}

.info input.button
{
   background: transparent;
   border: 0;
   color: #FFF;
   vertical-align: middle;
}



.maintitle p.expand,
.maintitle p.goto,
.maintitlecollapse p.expand,
.formsubtitle p.members
{
   float: right;
   width: auto !important;
}

.maintitle a:link,
.maintitle a:visited,
.maintitlecollapse a:link,
.maintitlecollapse a:visited
{
   background: transparent;
   color: #fff;
   text-decoration: none;
}

.maintitle a:hover,
.maintitle a:active,
.maintitlecollapse a:hover,
.maintitlecollapse a:active
{
   background: transparent;
   color: #fff;
}





#wrapheader {
   min-height: 120px;
   height: auto !important;
   height: 120px;
/*   background-image: url();
   background-repeat: repeat-x;*/
/*   padding: 0 25px 15px 25px;*/
   padding: 0;
}

#wrapcentre {
   margin: 15px 5px 0 5px;
}

#wrapfooter {
   text-align: center;
   clear: both;
}

#wrapnav {
   width: 100%;
   margin: 0;
   background-color: #262626;
   border-width: 1px;
   border-style: solid;
   border-color: #1e1e1e;
}

#logodesc {
   margin-bottom: 5px;
   padding: 5px 25px;
   background: #e2e1db;
   border-bottom: 1px solid #a78447;
}

#menubar {
   margin: 0 25px;
}

#datebar {
   margin: 10px 25px 0 25px;
}

#findbar {
   width: 100%;
   margin: 0;
   padding: 0;
   border: 0;
}

.forumrules {
   background-color: #3e3e3e;
   border-width: 1px;
   border-style: solid;
   border-color: #a78447;
   padding: 4px;
   font-weight: normal;
   font-size: 1.1em;
   font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.forumrules h3 {
   color: red;
}

#pageheader { }
#pagecontent { }
#pagefooter { }

#poll { }
#postrow { }
#postdata { }


/*  Text
 --------------------- */
h1 {
   color: black;
   font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
   font-weight: bold;
   font-size: 1.8em;
   text-decoration: none;
}

h2 {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 1.5em;
   text-decoration: none;
   line-height: 120%;
}

h3 {
   font-size: 1.3em;
   font-weight: bold;
   font-family: Arial, Helvetica, sans-serif;
   line-height: 120%;
}

h4 {
   margin: 0;
   font-size: 1.1em;
   font-weight: bold;
}

p {
   font-size: 1.1em;
}

p.moderators {
   margin: 0;
   float: left;
   color: black;
   font-weight: bold;
}

.rtl p.moderators {
   float: right;
}

p.linkmcp {
   margin: 0;
   float: right;
   white-space: nowrap;
}

.rtl p.linkmcp {
   float: left;
}

p.breadcrumbs {
   margin: 0;
   float: left;
   color: black;
   font-weight: bold;
   white-space: normal;
   font-size: 1em;
}

.rtl p.breadcrumbs {
   float: right;
}

p.datetime {
   margin: 0;
   float: right;
   white-space: nowrap;
   font-size: 1em;
}

.rtl p.datetime {
   float: left;
}

p.searchbar {
   padding: 2px 0;
   white-space: nowrap;
}

p.searchbarreg {
   margin: 0;
   float: right;
   white-space: nowrap;
}

.rtl p.searchbarreg {
   float: left;
}

p.forumdesc {
   padding-bottom: 4px;
}

p.topicauthor {
   margin: 1px 0;
}

p.topicdetails {
   margin: 1px 0;
}

.postreported, .postreported a:visited, .postreported a:hover, .postreported a:link, .postreported a:active {
   margin: 1px 0;
   color: red;
   font-weight:bold;
}

.postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a:link, .postapprove a:active {
   color: green;
   font-weight:bold;
}

.postapprove img, .postreported img {
   vertical-align: bottom;
}

.postauthor {
   color: #fff;
}

.postdetails {
   color: #fff;
}

.postbody {
   font-size: 1.3em;
   line-height: 1.4em;
   font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
}

.postbody li, ol, ul {
   margin: 0 0 0 1.5em;
}

.rtl .postbody li, .rtl ol, .rtl ul {
   margin: 0 1.5em 0 0;
}

.posthilit {
   background-color: yellow;
}

.nav {
   margin: 0;
   color: #e7e7e7;
   font-weight: bold;
}

.pagination {
   padding: 4px;
   color: black;
   font-size: 1em;
   font-weight: bold;
}

.cattitle {

}

.gen {
   margin: 1px 1px;
   font-size: 1.2em;
}

.genmed {
   margin: 1px 1px;
   font-size: 1.1em;
}

.gensmall {
   margin: 1px 1px;
   font-size: 1em;
}

.copyright {
   color: #444;
   font-weight: normal;
   font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.titles {
     color: orange;
   font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
   font-weight: bold;
   font-size: 1.3em;
   text-decoration: none;
}

.error {
   color: red;
}


/* Tables
 ------------ */
th {
   color: #db8216;
   font-size: 10px;
   font-weight: bold;
   background-color: #1a1a1a;
   white-space: nowrap;
   border-left: 1px solid #303030;
   border-top: 1px solid #303030;
   padding: 5px 5px;
}

td {
   padding: 2px;
}
td.profile {
   padding: 4px;
}

.tablebg {
   border: 1px solid #303030;
   background-color: #1e1e1e;
}

.catdiv {
   height: 25px;
   margin: 0;
   padding: 0;
   border: 0;
   background: white url() repeat-y scroll top left;
}
.rtl .catdiv {
   background: white url() repeat-y scroll top right;
}

.cat {
   height: 25px;
   margin: 0;
   padding: 0;
   border: 0;
   background-color: #d5d3c9;
   background-image: url();
   text-indent: 4px;
}

.row1 {
   background-color: #262626;
   border-left: 1px solid #303030;
   border-top: 1px solid #303030;
   padding: 4px;
}

.row2 {
   background-color: #262626;
   border-left: 1px solid #303030;
   border-top: 1px solid #303030;
   padding: 4px;
}

.row3 {
   background-color: #353434;
   padding: 6px;
}

.spacer {
   background-color: #202020;
}

hr {
   height: 1px;
   border-width: 0;
   background-color: #dad9d3;
   color: #dad9d3;
}

.legend {
   text-align:center;
   margin: 0 auto;
}

/* Links
 ------------ */
a:link {
   color: #FFA500;
   text-decoration: none;
}

a:active,
a:visited {
   color: #FFA500;
   text-decoration: none;
}

a:hover {
   color: #db6e19;
   text-decoration: none;
}

a.forumlink {
   font-weight: bold;
   font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
   font-size: 1.2em;
}

a.topictitle {
   margin: 1px 0;
   font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
   font-weight: bold;
   font-size: 1.3em;
}

a.topictitle:visited {
   color: #b49254;
   text-decoration: none;
}

th a,
th a:visited {
   color: #FFA34F !important;
   text-decoration: none;
}

th a:hover {
   text-decoration: underline;
}


/* Form Elements
 ------------ */
form {
   margin: 0;
   padding: 0;
   border: 0;
}

input {
   color: #fff;
   font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
   font-size: 1.2em;
   font-weight: normal;
   padding: 1px;
   border: 1px solid #303030;
   background-color: #3e3e3e;
}

textarea {
   background-color: #2b2929;
   color: #fafafa;
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
   font-size: 1.3em;
   line-height: 1.4em;
   font-weight: normal;
   border: 1px solid #1e1e1e;
   padding: 2px;
}

select {
   color: #fff;
   background-color: #1f1f1f;
   font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
   font-size: 1.1em;
   font-weight: normal;
   border: 1px solid #303030;
   padding: 1px;
}

option {
   padding: 0 1em 0 0;
}

option.disabled-option {
   color: graytext;
}

.rtl option {
   padding: 0 0 0 1em;
}

input.radio {
   border: none;
   background-color: transparent;
}

.post {
   background-color: #262626;
   border-style: solid;
   border-width: 1px;
}

.btnbbcode {
   color: #fff;
   font-weight: normal;
   font-size: 1.1em;
   font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
   background-color: #2c2929;
   border: 1px solid #666666;
}

.btnmain {
   font-weight: bold;
   background-color: #262626;
   border: 1px solid #1e1e1e;
   cursor: pointer;
   padding: 1px 5px;
   font-size: 1.3em;
}

.btnlite {
   font-weight: normal;
   background-color: #262626;
   border: 1px solid #1e1e1e;
   cursor: pointer;
   padding: 1px 5px;
   font-size: 1.1em;
}

.btnfile {
   font-weight: normal;
   background-color: #262626;
   border: 1px solid #1e1e1e;
   padding: 1px 5px;
   font-size: 1.1em;
}

.helpline {
   background-color: #262626;
   border-style: none;
}


/* BBCode
 ------------ */

.quotetitle, .attachtitle {
   margin: 10px 5px 0 5px;
   padding: 4px;
   border-width: 1px 1px 0 1px;
   border-style: solid;
   border-color: #1e1e1e;
   color: #333333;
   background-color: #1e1e1e;
   font-size: 0.85em;
   font-weight: bold;
}

.quotetitle .quotetitle {
   font-size: 1em;
}

.quotecontent, .attachcontent {
   margin: 0 5px 10px 5px;
   padding: 5px;
   border-color: #1e1e1e;
   border-width: 0 1px 1px 1px;
   border-style: solid;
   font-weight: normal;
   font-size: 1em;
   line-height: 1.4em;
   font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
   background-color: #2b2929;
   color: #fafafa;
}

.attachcontent {
   font-size: 0.85em;
}

.codetitle {
   margin: 10px 5px 0 5px;
   padding: 2px 4px;
   border-width: 1px 1px 0 1px;
   border-style: solid;
   border-color: #1e1e1e;
   color: #333333;
   background-color: #1e1e1e;
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
   font-size: 0.8em;
}

.codecontent {
   direction: ltr;
   margin: 0 5px 10px 5px;
   padding: 5px;
   border-color: #1e1e1e;
   border-width: 0 1px 1px 1px;
   border-style: solid;
   font-weight: normal;
   color: #fff;
   font-size: 0.85em;
   font-family: Monaco, 'Courier New', monospace;
   background-color: #2b2929;
}

.syntaxbg {
   color: #1f1f1f;
}

.syntaxcomment {
   color: #FF8000;
}

.syntaxdefault {
   color: #0000BB;
}

.syntaxhtml {
   color: #fff;
}

.syntaxkeyword {
   color: #007700;
}

.syntaxstring {
   color: #DD0000;
}


/* Private messages
 ------------------ */
.pm_marked_colour {
   background-color: #fff;
}

.pm_replied_colour {
   background-color: #1e1e1e;
}

.pm_friend_colour {
   background-color: #007700;
}

.pm_foe_colour {
   background-color: #DD0000;
}



/* Chat
 ------------ */

#chatbox {
   margin-top: 10px;
}

#chat_overflow {
   overflow: auto;
   height: 200px;
}

#chat_messages .chat_date {
   font-size: 1.4em;
}

#chat_messages tr {
   padding: 5px;
}

#chat_messages tr.new *  {
   background-color: #ecd5d8 !important; /*
}

Help would be appreciated Razz


Last edited by Toxyna on July 6th 2012, 3:14 pm; edited 1 time in total

Toxyna
New Member

Posts : 3
Reputation : 2
Language : German

Back to top Go down

Solved Re: Problem with Chrome and the Reply window

Post by Toxyna on July 6th 2012, 3:13 pm

Has been resolved I just deleted the BBCode part out of the Stylesheet

*Feel free to move this

Toxyna
New Member

Posts : 3
Reputation : 2
Language : German

Back to top Go down

Solved Re: Problem with Chrome and the Reply window

Post by Sanket on July 6th 2012, 9:04 pm

Topic Solved & Locked
avatar
Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

Back to top


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