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

View previous topic View next topic 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

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