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
4 posters

    Most of CSS isn't Showing

    Amber Sweet
    Amber Sweet
    New Member


    Posts : 20
    Reputation : 1
    Language : English

    Solved Most of CSS isn't Showing

    Post by Amber Sweet February 8th 2015, 10:15 pm

    Technical Details

    Forum version : phpBB3
    Position : Founder
    Concerned browser(s) : Google Chrome
    Who the problem concerns : All members
    When the problem appeared : When I refreshed after removing a code from the stylesheet.
    Forum link : http://zydrateanatomy.forumotion.com/

    Description of problem

    Okay, I created a forum, and I was making the CSS for it, but atfer a few minutes on trying to customize the once sidebar, the only things from the CSS are the border and scrollbar from the CSS. Yes, I do have the CSS backed up. It worked just fine, but when I removed a code to attempt to add more space to the widgets and fiddling around with the widgets width, all of the coding went poof. Are there any solutions for this? I tried resynchronizing my forum and that didn't help. I also optimized my CSS when it already was only for it to work until I enabled the widgets again. I currently disabled it.


    Last edited by Amber Sweet on February 10th 2015, 2:28 am; edited 1 time in total
    _Twisted_Mods_
    _Twisted_Mods_
    Helper
    Helper


    Male Posts : 2083
    Reputation : 336
    Language : English
    Location : Ms

    Solved Re: Most of CSS isn't Showing

    Post by _Twisted_Mods_ February 8th 2015, 10:58 pm

    you might have a error in your css witch will cause all css under the error to not work
    Amber Sweet
    Amber Sweet
    New Member


    Posts : 20
    Reputation : 1
    Language : English

    Solved Re: Most of CSS isn't Showing

    Post by Amber Sweet February 8th 2015, 10:59 pm

    All of the CSS is correct, and it didn't mention anything about broken brackets whenever I save it.
    SLGray
    SLGray
    Administrator
    Administrator


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

    Solved Re: Most of CSS isn't Showing

    Post by SLGray February 8th 2015, 11:30 pm

    What line is your CSS stylesheet on?



    Most of CSS isn't Showing Slgray10

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


    Posts : 20
    Reputation : 1
    Language : English

    Solved Re: Most of CSS isn't Showing

    Post by Amber Sweet February 9th 2015, 12:03 am

    It has 402 lines if that's what you mean.
    SLGray
    SLGray
    Administrator
    Administrator


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

    Solved Re: Most of CSS isn't Showing

    Post by SLGray February 9th 2015, 2:12 am

    Please use the code tags to post your CSS stylesheet.



    Most of CSS isn't Showing Slgray10

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


    Posts : 20
    Reputation : 1
    Language : English

    Solved Re: Most of CSS isn't Showing

    Post by Amber Sweet February 9th 2015, 10:32 pm

    Here's the stylecheet.
    Code:
    /*wrap*/
    #wrap {
     background-color: #fff;
     border: 20px solid #1F747A;
     width: 1285px;
    margin-bottom: -25px;
     margin-top: -25px;
    }

    ::-webkit-scrollbar {
     background: white;
     width: 9px;
     height: 9px;
    }
    ::-webkit-scrollbar-thumb {
     background: #000B0C;
     width: 5px;
     border: 2px solid white;
    }
    ::-webkit-scrollbar-corner {
     background: white;
    }
    ::-webkit-scrollbar-track {
     width: 1px;
     background: #000B0C;
     border: 4px solid white;
    }
     ::selection {
     background: #454B4C;
     color: white;
     text-shadow: none;
    }

    ::-moz-selection {
     background: #454B4C;
     color: white;
     text-shadow: none;
    }
    #search-box {
    display: none;
    }
    /*category*/
    li.header {
     background-color: #085E5A;
     padding: 44px 0 44px;
     font-size: 25px;
     text-align: center;
     position: relative;
     -webkit-transition: all .5s linear;
     -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -o-transition: all .5s linear;
     border-left: 70px solid #7796A3;
     border-right: 70px solid #7796A3;
    }
    li.header:hover {
     background-color: #1F747A;
     padding: 44px 0 44px;
     font-size: 25px;
     text-align: center;
     position: relative;
     -webkit-transition: all .5s linear;
     -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -o-transition: all .5s linear;
     border-left: 70px solid #000B0C;
     border-right: 70px solid #000B0C;
    }
    .forabg li.header dd.posts {
    display: none;
    }

    .forabg li.header dd.topics {
    display: none;
    }

    .forabg li.header dd.lastpost{
     display: none;
    }
    .table-title, .table-title h2 {
    font-family: 'Six Caps', sans-serif;
     color: #fff;
     font-size: 55px;
     text-shadow: 2px 2px #000B0C, 4px 4px #7796A3;
     letter-spacing: 1px;
    }
    .forabg.row {
    display: inline-block;
    width: 60%;
    }
    /*forum title*/
    a.forumtitle {
     font-family: 'Astloch', cusive;
     text-transform: lowercase;
     text-decoration: none;
     color: #fff;
     text-shadow: 2px 2px #000B0C, 4px 4px #1F747A;
     letter-spacing: 1px;
     font-size: 35px;
     -webkit-transition: all .5s linear;
     -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -o-transition: all .5s linear;
     text-align: center;
     padding: 10px 0px 10px;
     margin-left: 25px;
     width: 250px;
     background-color: #085E5A;
     display: block
    background-image: url(https://31.media.tumblr.com/d94712b65b9ced022352e15abbc447d8/tumblr_inline_nhhffpzcDe1rucghh.png);
    }
    a.forumtitle:hover {
     font-family: 'Astloch', cusive;
     text-transform: lowercase;
     text-decoration: none;
     color: #085E5A;
     text-shadow: 2px 2px #000B0C, 4px 4px #1F747A;
     letter-spacing: 1px;
     font-size: 35px;
     -webkit-transition: all .5s linear;
     -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -o-transition: all .5s linear;
     text-align: center;
     padding: 10px 0px 10px;
     margin-left: 25px;
     width: 250px;
     background-color: #085E5A;
     display: block;
    background-image: url(https://31.media.tumblr.com/d94712b65b9ced022352e15abbc447d8/tumblr_inline_nhhffpzcDe1rucghh.png);
    }
    /*topic and post*/
    .forabg li.row dd.posts {
    background-color: #000B0C;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    height: 88px;
     position: relative;
     text-shadow: 2px 2px #000B0C, 4px 4px #1F747A;
     margin-left: -330px;
     margin-top: 104px;
     width: 88px;
     border-top: 5px solid #7796A3;
    }
    .forabg li.row dd.topics {
    background-color: #454B4C;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    height: 88px;
     position: relative;
     text-shadow: 2px 2px #000B0C, 4px 4px #1F747A;
     margin-left: -330px;
     margin-top: 4px;
     width: 88px;
     border-bottom: 5px solid #7796A3;
    }
    .last-post-icon{ display:none; }
    .lastpost br { display:none;}
    .sprite-icon_topic_latest{display:none}
    /*last post*/
    ul.topiclist.forums dd.lastpost {
     display: block;
     height: 91px;
     width: 338px;
     background-color: #085E5A;
     margin-left: -580px;
     margin-bottom: 4px;
     margin-top: 205px;
     text-align: center;
    }
    ul.topiclist.forums dd.lastpost span a[href^="/t"] {
     width: 230px;
     display: block;
     font-family: 'Ruge Boogie';
     text-transform: lowercase;
     font-size: 30px;
     text-shadow: 2px 2px #000B0C, 4px 4px #7796A3;
     letter-spacing: 1px;
     text-align: center;
     text-decoration: none;
     color: #fff;
    }
    dd.lastpost span, dd.moderation span, dd.redirect span, ul.topiclist dd.info span, ul.topiclist dd.searchby span, ul.topiclist dd.time span {
    color: #fff;
    font-family: calibri;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    width: 230px;
    }
    /*desc*/
    #desc {
     width: 250px;
     background-color: #085E5A;
     height: 120px;
     display: block;
     margin-left: 25px;
     margin-top: -15px;
     padding: 10px 0px 10px;
     background-image: url(https://31.media.tumblr.com/d94712b65b9ced022352e15abbc447d8/tumblr_inline_nhhffpzcDe1rucghh.png);
    }
    #desc3 {
     width: 240px;
     height: 110px;
     overflow: auto;
     background-color: #fff;
     color: #000;
     font-size: 12px;
     font-family: calibri;
     margin-left: 5px;
    }
    #desc3:first-letter {
    color: #fff;
    float: left;
    font-family: Oswald, sans-serif;
    font-size: 35px;
    font-style: normal;
    font-weight: 300;
    line-height: 100%;
    margin: 2px 8px 5px 0;
    text-shadow: 2px 2px #000B0C, 4px 4px #7796A3;
    text-transform: uppercase;
    }
    /*postprofile*/
    .postprofile {
    width: 225px;
    padding: 10px;
    background-color: #454B4C;
    float: right;
    border: 5px solid #454B4C;
     box-shadow: 1px 1px #000, 2px 2px #000, 3px 3px #000;
     background-image: url(https://31.media.tumblr.com/d94712b65b9ced022352e15abbc447d8/tumblr_inline_nhhffpzcDe1rucghh.png);
    }

    .nombre-post {
    width: 145px;
    text-align: center;
    padding: 40px;
     background-image: url(https://31.media.tumblr.com/d94712b65b9ced022352e15abbc447d8/tumblr_inline_nhhffpzcDe1rucghh.png);
    background: #000B0C;
     outline: 1px solid #fff;
    outline-offset: -3px;
    }


    #efecto-post:hover #author-avatar{
     transform: scale(0); transition: 0.5s;
     display:inline;
    }

    #author-avatar {
    position: absolute; transform: scale(1); width: 225px; height: 325px; transition:0.5s;
    }
    #efecto-post{
    width: 225px; height: 325px; overflow: hidden;
    }
    .nombre-post a {
    display: block;
    background: #1F747A;
     outline: 1px solid #fff;
    outline-offset: -3px;
    padding: 3px;
    text-transform: uppercase;
    font-family: 'Oswald';
     -moz-transition: all 1.2s ease-in-out;
    -ms-transition: all 1.2s ease-in-out;
    -o-transition: all 1.2s ease-in-out;
    -webkit-transition: all 1.2s ease-in-out;
     transition: all 1.2s ease-in-out;
     font-size: 25px;
    text-shadow: 1px 1px #B6CB4C, 2px 2px #562A4B, 3px 3px #B6CB4C;
    }
    .nombre-post a:hover {
    display: block;
    background: #085E5A;
     outline: 1px solid #fff;
    outline-offset: -3px;
    padding: 3px;
    text-transform: uppercase;
     text-decoration: none;
    font-weight: lighter;
    font-family: 'Oswald';
     -moz-transition: all 1.2s ease-in-out;
    -ms-transition: all 1.2s ease-in-out;
    -o-transition: all 1.2s ease-in-out;
    -webkit-transition: all 1.2s ease-in-out;
     transition: all 1.2s ease-in-out;
     font-size: 25px;
     text-shadow: 1px 1px #B6CB4C, 2px 2px #562A4B, 3px 3px #B6CB4C;
    }
    #rango-post {
    position: relative;
    margin-top: -17px;
    }
    #title-post {
    width: 200px;
    display: block;
    text-align: center;
    background: #EA8E4B;
    padding: 5px;
    text-transform: lowercase;
     display: none;
    }
    #info-datos {
    outline: 1px solid #000B0C;
    border: 3px solid #1F747A;
    background: url('http://i.imgur.com/xYrXSWq.png');
    display: block;
    width: 210px;
    padding: 5px;
    height: 290px;
     overflow: auto
    }
    #dato-post {
    width: 200px;
    display: block;
    text-align: justify;
    background: #fff;
    }
    #caja-botones {
    text-align: center;
    margin-top: 3px;
     background: #085E5A;
    }
    #total-post {
    background: transparent;
    position: relative;
    display: block;
    width: 210px;
    margin-top: -305px;
    margin-left: -220px;
    height: 255px;
    }
    /*sidebartitle*/
    .sidebar {
    width: 180px;
    border-left: 10px solid #7796A3;
     border-right: 10px solid #7796A3;
     height: 50px;
     background-color: #085E5A;
     font-family: 'Six Caps', sans-serif;
     color: #fff;
     text-shadow: 2px 2px #000B0C, 4px 4px #7796A3;
     letter-spacing: 1px;
     font-size: 35px;
     -webkit-transition: all .5s linear;
     -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -o-transition: all .5s linear;
     text-align: center
    }
    .sidebar:hover {
    width: 180px;
    border-left: 10px solid #000B0C;
     border-right: 10px solid #000B0C;
     height: 50px;
     background-color: #1F747A;
     font-family: 'Six Caps', sans-serif;
     color: #fff;
     text-shadow: 2px 2px #000B0C, 4px 4px #7796A3;
     letter-spacing: 1px;
     font-size: 35px;
     -webkit-transition: all .5s linear;
     -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -o-transition: all .5s linear;
     text-align: center;
    }

    /*fonts*/
    @font-face {
     font-family: 'Oswald';
     font-style: normal;
     font-weight: 400;
     src: local('Oswald Regular'), local('Oswald-Regular'), url(http://fonts.gstatic.com/s/oswald/v10/yg0glPPxXUISnKUejCX4qfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
    }
    @font-face {
     font-family: 'Astloch';
     font-style: normal;
     font-weight: 700;
     src: local('Astloch Bold'), local('Astloch-Bold'), url(http://fonts.gstatic.com/l/font?kit=oltd7j17n8tVuP3FbmAigyhqGa-CSr3nQtF3lrv2wWeu7RP096c_0cFQ7arjjB7ybFaXKHeky_O7IdzbE_trRh2NL1ThVuLv506WDWjwTFK0tkCcv8VGcP6XCC56Ww8-) format('woff2');
    }
    @font-face {
     font-family: 'Wire One';
     font-style: normal;
     font-weight: 400;
     src: local('Wire One'), local('WireOne'), url(http://fonts.gstatic.com/s/wireone/v6/-MxIyq7MjF_jN3IpMqrkQA.woff2) format('woff2');
    }
    @font-face {
     font-family: 'Six Caps';
     font-style: normal;
     font-weight: 400;
     src: local('Six Caps'), local('SixCaps'), url(http://fonts.gstatic.com/s/sixcaps/v7/qNkXrw9LMOJxGyQhtQ3sAw.woff2) format('woff2');
    }
    @font-face {
     font-family: 'Ruge Boogie';
     font-style: normal;
     font-weight: 400;
     src: local('Ruge Boogie'), local('RugeBoogie-Regular'), url(http://fonts.gstatic.com/s/rugeboogie/v7/U-TTmltL8aENLVIqYbI5QVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
    }
    avatar
    Fierce Star
    Forumember


    Male Posts : 110
    Reputation : 17
    Language : English
    Location : United States

    Solved Re: Most of CSS isn't Showing

    Post by Fierce Star February 9th 2015, 11:15 pm

    The only error I can find in that CSS code is on line 109; you need to put a semicolon after
    Code:
    display: block
    _Twisted_Mods_
    _Twisted_Mods_
    Helper
    Helper


    Male Posts : 2083
    Reputation : 336
    Language : English
    Location : Ms

    Solved Re: Most of CSS isn't Showing

    Post by _Twisted_Mods_ February 10th 2015, 12:57 am

    ok only things i found was like /\ said display:block u missed ;  its in "a.forumtitle " on line 109 and

    Unknown pseudo-element or pseudo-class ::selection [selection] on line 28
    Amber Sweet
    Amber Sweet
    New Member


    Posts : 20
    Reputation : 1
    Language : English

    Solved Re: Most of CSS isn't Showing

    Post by Amber Sweet February 10th 2015, 2:27 am

    I didn't notice that.

    The unknown element/unknown pseudo-element is supposed to be that way. 

    It's solved. Thanks!
    SLGray
    SLGray
    Administrator
    Administrator


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

    Solved Re: Most of CSS isn't Showing

    Post by SLGray February 10th 2015, 2:42 am

    Topic solved and archived



    Most of CSS isn't Showing Slgray10

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

      Current date/time is September 22nd 2024, 11:24 pm