The forum of the forums

Would you like to react to this message? Create an account in a few clicks or log in to continue.
The forum of the forums
2 posters

    Problem with Chrome and the Reply window

    Toxyna
    avatar
    Toxyna
    New Member


    Posts : 3
    Reputation : 2
    Language : German
    • Post n°1

    Solved Problem with Chrome and the Reply window

    Post by Toxyna 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
    • Back to top
    Toxyna
    avatar
    Toxyna
    New Member


    Posts : 3
    Reputation : 2
    Language : German
    • Post n°2

    Solved Re: Problem with Chrome and the Reply window

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

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

    *Feel free to move this
    • Back to top
    Sanket
    Sanket
    Sanket
    ForumGuru


    Male Posts : 48766
    Reputation : 2830
    Language : English
    Location : Mumbai
    • Post n°3

    Solved Re: Problem with Chrome and the Reply window

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

    Topic Solved & Locked
    • Back to top

      Current date/time is September 23rd 2024, 10:22 am