Hubski Styles

@-moz-document url-prefix("https://hubski.com/") {
/* global: importing a font */
@font-face {
    font-family: 'Lora';
    src: local('Lora'), local('Lora'), /* in case the font is installed */
    url(https://fonts.gstatic.com/s/lora/v12/0QIvMX1D_JOuMwr7Iw.woff2) format('woff2');
}

/* global: setting site wide font */
* {
    font-family: "Lora" !important;
}


/* global: width of the main, central content div */
.middlepage {
    width: 60%;
}

/* global: adds extra space after paragraphs */
p {
    padding-bottom: 2px;
}

/* main feed: post titles */
.feedtitle {
    font-size: 17px;
    margin-bottom: 4px;
}

/* main feed: username and share number font and position adjustment */
.titlelinks {
    font-size: 13px;
    display: inline-block;
}

/* main feed: save-hide-stick position */
.savesplit {
    float: none;
    display: inline-block;
    margin-left: 20px;
}

/* main feed: submission tags position adjustment  */
.subtitle {
    float: right;
}

/* main feed: save-hide-stick colour  */
.savesplit a,
.prevmag {
    color: #e69500;
}

/* main feed: spacing within each listed submission  */
.box {
    padding: 10px 0;
}


/* post page: width of div containing submission text */
.wholepub {
    width: 100%;
}

/* post page: font and div width adjustments for comments */
.comm,
.ccom,
.pubtext {
    font-size: 19px;
    line-height: 1.4;
    width: 764px;
}


/* post page: removing margins from quotes to account for extra padding added to paragraphs */
.quotetext {
    margin: 0px;
}


/* post page: spacing of comments from each other  */
.outercomm {
    margin-bottom: 10px;
}

/* post page: adding an extra bit of space bewtween groups of comments  */
.whole > div > .outercomm {
    padding-top: 10px;
}

/* post page: adding an extra bit of space bewtween groups of comments  */
.textbox {
    font-size: 19px;
}

/* post page: spacing of comment stacks from each other (parent comment and all children)  */
.subsubcom {
    margin-bottom: 20px;
}

/* post page: post details padding adjustment   */
.sub {
    padding-bottom: 0;
}

/* post page: post title font adjustment   */
.title {
    width: 100%;
    font-size: 36px;
    font-family: Lora;
    margin-bottom: 5px
}

/* post page: username font adjustment   */
.subhead {
    font-size: 15px;
}

/* post page: adds extra space after paragraphs */
p {
    padding-bottom: 5px;
}

}

@-moz-document url-prefix("https://hubski.com/pub") {
/* global: width of the main, central content div */
.middlepage {
    width: 80%;
}


/* post page: submission tags position adjustment */
.subtitle {
    float: left;
    margin-bottom: 10px;
}

/* post page: position of post actions */
.titlelinks {
    display: block;
}

/* post page: position of post share wheel to account for new title size */
.plusminus {
    padding-top: 5px;
}
}

@-moz-document url-prefix("https://hubski.com/chat") {
/* Profile page: width of the main content div */
.middlepage {
    width: 85%;
}

/* centres chat */
.whole {
    margin: auto;
    width: 50%;
}

/* Increases font size and  and limits width */
.chatdata {
    font-size: 17px;
    max-width: 670px;
}


/* Formats username and adds spacing between posts*/
.chatdata a {
    display: inline-block;
    padding-top: 20px;
    padding-bottom: 2px;
}

/* formats timestamp */
.timest {
    padding-left: 5px;
    font-size: 12px
}

/* Adds a blank block element in after timestamp to force message text onto new line (as message text doesn't have it's own selector) */
.timest::after {
    content: "";
    display: block;
}


/* Positions submit button */
input[type="submit"] {
    margin-top: 5px;
    margin-left: 2px;
}
}