CSS problem Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

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.
2 posters

    CSS problem

    luiz1877
    luiz1877
    Forumember


    Male Posts : 155
    Reputation : 2
    Language : English | Portuguese

    Solved CSS problem

    Post by luiz1877 December 13th 2013, 2:15 am

    CSS problem, again. CSS problem Css_er10Last time this happened someone reviewed my CSS and fixed some errors and removed java scripts that where accidentally in there. Could anyone do that again? Im not very good.  If you also need my javascript just ask. My website is phpbb3 and its url is everyonesblog.net.
    Code:
       html#sceditor_smilies body {
                        background-image: none;
                        background-color: #black;
                    }
            #quick_reply #av_raspuns{
              display: table-cell;
              width: 200px;
            }
            #quick_reply #textarea_content{
              width: 800px !important;
              display: table;
            }
            #quick_reply #text_editor_controls{
              width: 500px;
              margin-left: auto;
              margin-right: auto;
              position: left;
              left: 100px;
            }
            #quick_reply #text_editor_textarea{
              display: table-cell;
              width: 400px;
            }
            li.row dl.icon dd.dterm {
                margin-left: 10px;
            }
            #search{
        display:none;
        }
                a:link {
                    text-decoration: none;
                    text-shadow: none;
                    -webkit-transition: 200ms linear 0s;
                    -moz-transition: 200ms linear 0s;
                    -o-transition: 200ms linear 0s;
                    transition: 200ms linear 0s;
                    outline: 0 none;
                }
                a:link:hover, a:link:focus{
                    color: #fff;
                    text-shadow: -1px 1px 8px #ffc, 1px -1px 8px #fff;
                }
                .fontbutton{border-radius: 6px!important;}
            .overlay{
                background:transparent url(http://i15.servimg.com/u/f15/17/59/75/01/overla10.png) repeat top left;
                position:fixed;
                top:0px;
                bottom:0px;
                left:0px;
                right:0px;
                z-index:100;
            }
            .box {
                position:fixed;
                padding: 30px 40px 34px;
                top:-200px;
                left:30%;
                right:30%;
                background: #F9F9F9 url(http://i15.servimg.com/u/f15/17/59/75/01/modal-10.png) no-repeat -200px -80px;
                outline: 1px solid #E1E1E1;
                border: 1px solid #ffffff;
                -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
                -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
                -ms-box-shadow: 0 0 10px rgba(0,0,0,.4);
                -o-box-shadow: 0 0 10px rgba(0,0,0,.4);
                box-shadow: 0 0 10px rgba(0,0,0,.4);
                z-index:101;
            }
            a.boxclose{
                top: 8px;
                right: 11px;
                line-height: .5;
                position: absolute;
                color: #AAA;
                font-size: 22px;
                font-weight: bold;
                cursor: pointer;
                -webkit-text-shadow: 0 -1px 1px rbga(0,0,0,.6);
                -moz-text-shadow: 0 -1px 1px rbga(0,0,0,.6);
                -ms-text-shadow: 0 -1px 1px rbga(0,0,0,.6);
                -o-text-shadow: 0 -1px 1px rbga(0,0,0,.6);
                text-shadow: 0 -1px 1px rbga(0,0,0,.6);
            }
            #loginBox {
                width: 300px;
            
                text-align: center;
                font-size: 10px;
            }
                #LGskinchanger {
                  padding: 5px;
                  position: absolute;
                  top: 5px;
                  left: 5px;
                  background: #EEE;
                  border: 1px solid #CCC;
                  box-shadow: 4px 2px 10px #333;
                  -moz-box-shadow: 4px 2px 10px #333;
                  -webkit-box-shadow: 4px 2px 10px #333;
                  color: #666;
                  text-shadow: 0px 1px white;
                }
        /*under here codes from beta 2.0*/
    //Auto save fearture not working below
                #saved_note {
                    position: fixed;
                    bottom: 10px;
                    right: 10px;
                    padding: 5px 10px;
                    border: 1px solid;
                    color: #c05;
                    background: #E1EBF2;
                }

    //Auto save featue end
               .LGlike {
                  background: #105289;
                  padding: 3px;
                  border-radius: 4px;
                  color: #fff;
                  font-size: 10px;
                  font-weight: bold;
                  text-shadow: -1px 0.5px #888;
                  box-shadow: 1px 1px 1px #888;
                  cursor: pointer;
                  margin-right: 4px;
                 }
                 .LGvote { margin: 0 5px; }
                 .LGnovote {
                  filter:Alpha(opacity=50);
                  opacity: 0.5;
                  cursor: default;
                  box-shadow: none;
                  text-shadow: none;
                 }

                         

                .post.online.st-answer {
            background: url("") repeat-y scroll left top, url("http://2img.net/i/fa/prosilver/icon_user_online_en.png") no-repeat scroll right top #E5F1F9;
            }
            .post.st-answer {
            background: url("http://i47.servimg.com/u/f47/16/97/26/79/butto209.png") repeat-y scroll left top #E5F1F9;
    }
    //hide FAQ
        img[src="http://2img.net/i/fa/empty.gif"] {
        display: none;}
        img[src="http://2img.net/i/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;}







    //even stranger

        #fa_right.welcome #fa_menu ul {
        display: none;
        }

    //adremoval attempt

        .module-advert, #main-content iframe{
        display:none !important;
        }

        a.fa_fancybox img{
          cursor: pointer;
          cursor: -webkit-zoom-in;
          cursor: -moz-zoom-in;
        }
        /* general */
        .fancybox-tmp iframe, .fancybox-tmp object {
          vertical-align: top;
          padding: 0;
          margin: 0;
        }

        .fancybox-wrap {
          position: absolute;
          top: 0;
          left: 0;
          z-index: 920;
        }

        .fancybox-skin {
          position: relative;
          padding: 0;
          margin: 0;
          background: #f9f9f9;
          color: #444;
          text-shadow: none;
          -webkit-border-radius: 4px;
              -moz-border-radius: 4px;
                  border-radius: 4px;
        }

        .fancybox-opened {
          z-index: 930;
        }

        .fancybox-opened .fancybox-skin {
          -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
              -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
                  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
        }

        .fancybox-outer, .fancybox-inner {
          padding: 0;
          margin: 0;
          position: relative;
          outline: none;
        }

        .fancybox-inner {
          overflow: hidden;
        }

        .fancybox-type-iframe .fancybox-inner {
          -webkit-overflow-scrolling: touch;
        }

        .fancybox-error {
          color: #444;
          font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
          margin: 0;
          padding: 10px;
        }

        .fancybox-image, .fancybox-iframe {
          display: block;
          width: 100%;
          height: 100%;
          border: 0;
          padding: 0;
          margin: 0;
          vertical-align: top;
        }

        .fancybox-image {
          max-width: 100%;
          max-height: 100%;
        }

        #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
          background-image: url('http://i45.servimg.com/u/f45/17/45/19/77/fancyb10.png');
        }

        #fancybox-loading {
          position: fixed;
          top: 50%;
          left: 50%;
          margin-top: -22px;
          margin-left: -22px;
          background-position: 0 -108px;
          opacity: 0.8;
          cursor: pointer;
          z-index: 920;
        }

        #fancybox-loading div {
          width: 44px;
          height: 44px;
          background: url('http://i45.servimg.com/u/f45/17/45/19/77/fancyb10.gif') center center no-repeat;
        }

        .fancybox-close {
          position: absolute;
          top: -18px;
          right: -18px;
          width: 36px;
          height: 36px;
          cursor: pointer;
          z-index: 940;
        }

        .fancybox-nav {
          position: absolute;
          top: 0;
          width: 40%;
          height: 100%;
          cursor: pointer;
          background: transparent url('http://i45.servimg.com/u/f45/17/45/19/77/blank10.gif'); /* helps IE */
          -webkit-tap-highlight-color: rgba(0,0,0,0);
          z-index: 940;
        }

        .fancybox-prev {
          left: 0;
        }

        .fancybox-next {
          right: 0;
        }

        .fancybox-nav span {
          position: absolute;
          top: 50%;
          width: 36px;
          height: 34px;
          margin-top: -18px;
          cursor: pointer;
          z-index: 940;
          visibility: hidden;
        }

        .fancybox-prev span {
          left: 20px;
          background-position: 0 -36px;
        }

        .fancybox-next span {
          right: 20px;
          background-position: 0 -72px;
        }

        .fancybox-nav:hover span {
          visibility: visible;
        }

        .fancybox-tmp {
          position: absolute;
          top: -9999px;
          left: -9999px;
          padding: 0;
          overflow: visible;
          visibility: hidden;
        }

        /* Overlay helper */

        #fancybox-overlay {
          position: absolute;
          top: 0;
          left: 0;
          overflow: hidden;
          display: none;
          z-index: 910;
          background: #000;
        }

        #fancybox-overlay.overlay-fixed {
          position: fixed;
          bottom: 0;
          right: 0;
        }

        /* Title helper */

        .fancybox-title {
          visibility: hidden;
          font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
          position: relative;
          text-shadow: none;
          z-index: 950;
        }

        .fancybox-opened .fancybox-title {
          visibility: visible;
        }

        .fancybox-title-float-wrap {
          position: absolute;
          bottom: 0;
          right: 50%;
          margin-bottom: -35px;
          z-index: 930;
          text-align: center;
        }

        .fancybox-title-float-wrap .child {
          display: inline-block;
          margin-right: -100%;
          padding: 2px 20px;
          background: transparent; /* Fallback for web browsers that doesn't support RGBa */
          background: rgba(0, 0, 0, 0.8);
          -webkit-border-radius: 15px;
              -moz-border-radius: 15px;
                  border-radius: 15px;
          text-shadow: 0 1px 2px #222;
          color: #FFF;
          font-weight: bold;
          line-height: 24px;
          white-space: nowrap;
        }

        .fancybox-title-outside-wrap {
          position: relative;
          margin-top: 10px;
          color: #fff;
        }

        .fancybox-title-inside-wrap {
          margin-top: 10px;
        }

        .fancybox-title-over-wrap {
          position: absolute;
          bottom: 0;
          left: 0;
          color: #fff;
          padding: 10px;
          background: #000;
          background: rgba(0, 0, 0, .8);
        }
    //friend request notifier


              #LGvms, #LGfrs {
                position: fixed;
                top: 20px;
                right: 20px;
                background: #137ADA;
                padding: 20px 40px;
                border: 1px solid #1652EC;
                font-size: 1.3em;
                border-radius: 3px;
                -moz-border-radius: 3px;
                -webkit-border-radius: 3px;
                box-shadow: inset 0 20px 20px #4392E7, -1px 5px 25px #193466;
                -moz-box-shadow: inset 0 20px 20px #4392E7, -1px 5px 25px #193466;
                -webkit-box-shadow: inset 0 20px 20px #4392E7, -1px 5px 25px #193466;
            }
            #LGvms a, #LGfrs a {
                color: white;
                text-shadow: 0 1px blue;
                font-weight: bold;
                text-decoration: none;
            }


    Last edited by luiz1877 on December 13th 2013, 2:33 am; edited 1 time in total
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51554
    Reputation : 3523
    Language : English
    Location : United States

    Solved Re: CSS problem

    Post by SLGray December 13th 2013, 2:21 am

    Where are the CSS for the like buttons? I see the ones for the visitor messages, but not for the like buttons.



    CSS problem Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    luiz1877
    luiz1877
    Forumember


    Male Posts : 155
    Reputation : 2
    Language : English | Portuguese

    Solved Re: CSS problem

    Post by luiz1877 December 13th 2013, 2:23 am

    Is that the issue? It might have been accidentally deleted. Where can you get the CSS for the like buttons?
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51554
    Reputation : 3523
    Language : English
    Location : United States

    Solved Re: CSS problem

    Post by SLGray December 13th 2013, 2:24 am

    Code:
    .LGlike {
          background: #105289;
          padding: 3px;
          border-radius: 4px;
          color: #fff;
          font-size: 10px;
          font-weight: bold;
          text-shadow: -1px 0.5px #888;
          box-shadow: 1px 1px 1px #888;
          cursor: pointer;
          margin-right: 4px;
         }
         .LGvote { margin: 0 5px; }
         .LGnovote {
          filter:Alpha(opacity=50);
          opacity: 0.5;
          cursor: default;
          box-shadow: none;
          text-shadow: none;
         }



    CSS problem Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    luiz1877
    luiz1877
    Forumember


    Male Posts : 155
    Reputation : 2
    Language : English | Portuguese

    Solved Re: CSS problem

    Post by luiz1877 December 13th 2013, 2:34 am

    Thank you!
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51554
    Reputation : 3523
    Language : English
    Location : United States

    Solved Re: CSS problem

    Post by SLGray December 13th 2013, 2:39 am

    You're welcome.

    Topic Solved & Locked



    CSS problem Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.