From 8274ac3e80179fcf16e9ce537eaf0961049f212d Mon Sep 17 00:00:00 2001 From: Kyle Drake Date: Sat, 30 Aug 2014 15:55:08 -0700 Subject: [PATCH] tweak spacing for news items --- public/css/neo.css | 2296 ------------------------- sass/_project-sass/_project-Main.scss | 7 +- 2 files changed, 5 insertions(+), 2298 deletions(-) delete mode 100644 public/css/neo.css diff --git a/public/css/neo.css b/public/css/neo.css deleted file mode 100644 index 59242b86..00000000 --- a/public/css/neo.css +++ /dev/null @@ -1,2296 +0,0 @@ -@import url(/fonts/fonts.css); -@import url(/css/bootstrap.min.css); -@import url(/css/bootstrap-responsive.min.css); -@import url(/css/font-awesome.css); -*, *:before, *:after { - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; } - -html { - overflow-y: scroll; - min-height: 100%; } - -body { - line-height: 1.5; } - -body, blockquote, h1, h2, h3, h4, h5, h6, p, pre, form, fieldset, img, -legend, table, th, td, caption, hr { - border: 0; - margin: 0; - outline: 0; - padding: 0; } - -hr { - border-top: 1px solid #ddd; - display: block; - height: 1px; - margin: 24px 0; } - -article, aside, details, figure, figcaption, footer, -header, main, nav, section, summary { - display: block; } - -[hidden] { - display: none; } - -img { - color: red; - font-style: italic; } - -audio, img, object, embed, video { - max-width: 100%; } - -audio, canvas, video { - display: inline-block; } - -audio:not([controls]) { - display: none; - height: 0; } - -svg:not(:root) { - overflow: hidden; } - -small { - display: block; } - -p small, li small { - display: inline; - margin: 0; } - -b, strong { - font-weight: bold; } - -i, em, dfn { - font-style: italic; } - -blockquote { - font-size: 1.125em; - font-style: italic; } - blockquote:before, blockquote:after { - font-size: 1.375em; - font-weight: 400; - line-height: 1; - position: relative; - top: 2px; } - blockquote:before { - content: '"'; - left: -1px; } - blockquote:after { - content: '"'; - right: -1px; } - -q { - quotes: "\201C" "\201D" "\2018" "\2019"; } - -abbr[title], dfn[title] { - border-bottom: 1px dotted #cccccc; - cursor: help; } - -mark { - background: yellow; - color: #131313; } - -sub, sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; } - -sub { - bottom: -.25em; } - -sup { - top: -.5em; } - -code, kbd, pre, samp { - background: #16414c; - border-left: 6px solid #acd473; - color: #a9b9b9; - display: block; - font-family: monospace, serif; - font-size: 0.9em; - padding: 12px 8px 12px 20px; } - -pre { - overflow: auto; - white-space: pre-wrap; } - pre mark { - background: #eee; - border-bottom: 1px solid #ddd; - color: #333; } - -p code, p kbd, p pre, p samp, li code, li kbd, li pre, li samp, pre code, pre kbd, pre pre, pre samp { - display: inline-block; - margin: 0; - padding: 4px; } - -.code-Value { - color: #24b9af; } - -.code-Tag { - color: #8ab04c; } - -ol, ul { - margin: 0 0 8px; - padding: 0 0 0 24px; } - ol > li:last-child, ul > li:last-child { - margin-bottom: 0; } - ol li ol, ol li ul, ul li ol, ul li ul { - margin-top: 8px; } - ol li li, ul li li { - font-size: 1em; } - -dd { - margin: 0 0 8px; - padding-left: 16px; } - -button, input, select, textarea { - border: 0; - font-family: inherit; - font-size: 100%; - line-height: normal; - margin: 0; - text-transform: none; } - -button, html input[type='button'], input[type='reset'], input[type='submit'] { - cursor: pointer; - -webkit-appearance: button; } - -input[type='search'] { - -webkit-appearance: textfield; } - -input[disabled] { - background: #eeeeee; - cursor: not-allowed; } - -input[readonly] { - background: #fafafa; } - -input[type='search']::-webkit-search-decoration { - -webkit-appearance: none; } - -buton::-moz-focus-inner, input::-moz-focus-inner { - border: 0; - padding: 0; } - -textarea { - overflow: auto; - vertical-align: top; - border: 2px solid #DCE4EC; } - -.tooltip-inner { - white-space: pre-wrap; } - -table { - border-collapse: collapse; - border-spacing: 0; } - -.table-Base, .table-Border, .table-Stripe { - background: #fafafa; - font-size: 0.9em; - width: 100%; } - .table-Base th, .table-Border th, .table-Stripe th, - .table-Base td, - .table-Border td, - .table-Stripe td { - padding: 4px; - text-align: left; } - -.table-Header { - background: #eee; } - -.table-Footer { - background: #e3e3e3; } - -.table-Border { - border-bottom: 1px solid #cccccc; - border-right: 1px solid #cccccc; } - .table-Border tr { - border-top: 1px solid #cccccc; } - .table-Border th, .table-Border td { - border-left: 1px solid #cccccc; } - -.table-Stripe tr:nth-child(2n) { - background: #eeeeee; } - -.row, .c-Row { - margin-left: -20px; - margin-bottom: 20px; } - -.col { - float: left; - margin-bottom: 0 !important; - padding-left: 20px; - position: relative; - width: 100%; } - @media (max-device-width: 480px), screen and (max-width: 800px) { - .col { - float: none; - padding: 0; } } - -.c-Row { - font-size: 0; - text-align: center; } - .c-Row .col { - display: inline-block; - float: none; - font-size: 16px; - text-align: left; } - -.col-90 { - width: 90%; } - -.col-80 { - width: 80%; } - -.col-75 { - width: 75%; } - -.col-66 { - width: 66.6666%; } - -.col-60 { - width: 60%; } - -.col-50 { - width: 50%; } - -.col-40 { - width: 40%; } - -.col-33 { - width: 33.3333%; } - -.col-25, .website-Gallery li { - width: 25%; } - -.col-20 { - width: 20%; } - -.col-10 { - width: 10%; } - -.rfl { - padding-left: 300px; } - .rfl .f-Col { - float: left; - margin-left: -280px; - width: 280px; } - -.rfr { - padding-right: 300px; } - .rfr .f-Col { - float: right; - margin-right: -300px; - width: 280px; } - -.block { - background: #ccc; - color: #333; - padding: 4px; } - .block > :last-child { - margin-bottom: 0; } - -nav ul, -nav ol { - list-style: none; - margin: 0; - padding: 0; } -nav li { - margin: 0; } -nav a { - display: inline-block; - padding: 4px 8px; - text-decoration: underline; } - nav a:hover { - text-decoration: none; } - -.grouping { - padding: 4px 0; } - -.fs-Legend { - border: 1px solid #cccccc; - margin-bottom: 8px; - padding: 8px 12px; } - -legend, .legend { - font-size: 1.375em; - margin-left: -4px; - padding: 0 4px; } - -/* Text Input Areas & Labels */ -.text-Label, .option-Container { - font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; - cursor: pointer; - display: block; - margin-bottom: 4px; } - -.dis-Label { - cursor: not-allowed; } - -.input-Area, .text-Area, .select-Container, .input-Number { - background: #fff; - border: 2px solid #cccccc; - font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; - line-height: 1.25; - margin-bottom: 8px; - padding: 8px 4px; - width: 80%; } - .input-Area:focus, .text-Area:focus, .select-Container:focus, .input-Number:focus { - background: #f8f8f8; - border: 2px solid #50B6D5; - -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.25) inset; - -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.25) inset; - box-shadow: 0 0 6px rgba(0, 0, 0, 0.25) inset; } - -.text-Area { - display: block; - min-height: 150px; - resize: vertical; - width: 100%; } - -/* Check/Radio Inputs & Labels */ -.option-Container { - position: relative; } - .option-Container:hover .btn-Radio, - .option-Container:hover .btn-Check { - border-color: #333; } - -.option-Label { - cursor: pointer; - display: block; - padding-left: 28px; - position: relative; - z-index: 2; } - -.input-Hide { - border: 0 !important; - height: 1px !important; - left: -999999px !important; - overflow: hidden !important; - position: absolute !important; - width: 1px !important; } - -.btn-Radio, .btn-Check { - background: #eeeeee; - border: 1px solid #ccc; - font-size: 14px; - font-weight: bold; - height: 19px; - left: 0; - padding: 2px; - position: absolute; - top: 0; - width: 19px; } - .btn-Radio:hover, .input-Radio.selected-Radio .btn-Radio, .btn-Check:hover, .input-Check.selected-Check .btn-Check { - background: #e93250; } - -.btn-Radio { - -moz-border-radius: 15px; - -webkit-border-radius: 15px; - border-radius: 15px; - background-clip: padding-box; } - -.input-Radio.selected-Radio .btn-Radio { - border-color: #333; } - -.input-Check.selected-Check .btn-Check { - border-color: #333; } - -.ifChecked { - visibility: hidden; } - -.selected-Check .ifChecked { - visibility: visible; } - -/* Drop Down Selection Inputs */ -.select-Container { - background: url(/img/drop-Arrow.png) no-repeat 99% center white; - display: inline-block; } - -.input-Select { - background: none; - border: 0; - font-size: 0.9em; - padding-right: 16px; - width: 100%; - -webkit-appearance: textarea; } - -.file-Input-Area { - position: relative; } - .file-Input-Area label { - cursor: default; } - -.input-File { - cursor: pointer; - left: 0; - height: 100%; - opacity: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 9; } - -.input-File-Text { - cursor: pointer; - display: inline-block; } - -/* Inputs not supported in all browsers */ -.input-Color { - border: 1px solid #cccccc; - font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; - margin-bottom: 8px; - padding: 0 4px; - height: 45px; - width: 50%; } - .input-Color:focus { - background: #f8f8f8; - border: 1px solid #50B6D5; - -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.25) inset; - -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.25) inset; - box-shadow: 0 0 6px rgba(0, 0, 0, 0.25) inset; } - -.input-Number { - font-size: 0.9em; } - -::-webkit-input-placeholder { - /* WebKit browsers */ - color: #5e7f8d; - font-style: italic; } - -:-moz-placeholder { - /* Mozilla Firefox 4 to 18 */ - color: #5e7f8d; - font-style: italic; } - -::-moz-placeholder { - /* Mozilla Firefox 19+ */ - color: #5e7f8d; - font-style: italic; } - -:-ms-input-placeholder { - /* Internet Explorer 10+ */ - color: #5e7f8d; - font-style: italic; } - -.btn, .btn-Radio, .btn-Check, .btn-Small, .btn-Large, .btn-XLarge, .btn-Wide, .btn-Action, .btn-Action-2, .btn-Action-3, .btn-Neg, -.btn-Neg:hover, .btn-Disable, .btn-Disable:hover, .btn-Disable:visited, .btn-Square, .btn-Round { - background: #343434; - -moz-border-radius: 18px; - -webkit-border-radius: 18px; - border-radius: 18px; - background-clip: padding-box; - -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.25); - -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.25); - box-shadow: 0 0 6px rgba(0, 0, 0, 0.25); - color: #f8f8f8; - cursor: pointer; - display: inline-block; - font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; - font-size: 0.9em; - line-height: 1; - padding: 8px 20px; - text-align: center; - text-decoration: none !important; - text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); - -moz-transition: all 0.25s ease-in-out 0s; - -ms-transition: all 0.25s ease-in-out 0s; - -o-transition: all 0.25s ease-in-out 0s; - -webkit-transition: all 0.25s ease-in-out 0s; - transition: all 0.25s ease-in-out 0s; - vertical-align: middle; - -webkit-appearance: none; } - .btn.btn-Pad, .btn-Pad.btn-Radio, .btn-Pad.btn-Check, .btn-Pad.btn-Small, .btn-Pad.btn-Large, .btn-Pad.btn-XLarge, .btn-Pad.btn-Wide, .btn-Pad.btn-Action, .btn-Pad.btn-Action-2, .btn-Pad.btn-Action-3, .btn-Pad.btn-Neg, .btn-Pad.btn-Disable, .btn-Pad.btn-Square, .btn-Pad.btn-Round { - padding: 8px 16px; } - .btn:hover, .btn:active, .btn-Radio:hover, .input-Radio.selected-Radio .btn-Radio, .btn-Check:hover, .input-Check.selected-Check .btn-Check, .btn-Small:hover, .btn-Large:hover, .btn-XLarge:hover, .btn-Wide:hover, .btn-Action:hover, .btn-Action-2:hover, .btn-Action-3:hover, .btn-Neg:hover, .btn-Disable:hover, .btn-Square:hover, .btn-Round:hover, .btn-Radio:active, .btn-Check:active, .btn-Small:active, .btn-Large:active, .btn-XLarge:active, .btn-Wide:active, .btn-Action:active, .btn-Action-2:active, .btn-Action-3:active, .btn-Neg:active, .btn-Disable:active, .btn-Square:active, .btn-Round:active { - background: #131313; - color: #f8f8f8; } - .btn:visited, .btn-Radio:visited, .btn-Check:visited, .btn-Small:visited, .btn-Large:visited, .btn-XLarge:visited, .btn-Wide:visited, .btn-Action:visited, .btn-Action-2:visited, .btn-Action-3:visited, .btn-Neg:visited, .btn-Disable:visited, .btn-Square:visited, .btn-Round:visited { - color: #f8f8f8; } - -.btn-Small { - font-size: 0.875em; - padding: 4px 8px; } - .btn-Small.btn-Pad { - padding: 4px 12px; } - -.btn-Large { - font-size: 2em; - padding: 12px; } - .btn-Large.btn-Pad { - padding: 12px 20px; } - -.btn-XLarge { - font-size: 2.5em; - padding: 12px 16px; } - .btn-XLarge.btn-Pad { - padding: 16px 24px; } - -.btn-Wide { - display: block; } - -.btn-Action { - background: #e93250; - background: -webkit-linear-gradient(top, #e93250, #b11f36); - background: -moz-linear-gradient(top, #e93250, #b11f36); - background: -o-linear-gradient(top, #e93250, #b11f36); - background: linear-gradient(top, #e93250, #b11f36); } - .btn-Action:hover { - background: -webkit-linear-gradient(top, #d51c3a, #841526); - background: -moz-linear-gradient(top, #d51c3a, #841526); - background: -o-linear-gradient(top, #d51c3a, #841526); - background: linear-gradient(top, #d51c3a, #841526); } - -.btn-Action-2 { - background: #daeea5; } - .btn-Action-2:hover { - background: #c0e265; } - -.btn-Action-3 { - background: #f6f0e6; } - .btn-Action-3:hover { - background: #e2ceae; } - -.btn-Neg, -.btn-Neg:hover { - background: #aaaaaa; - color: #f8f8f8; } - -.btn-Disable, .btn-Disable:hover, .btn-Disable:visited { - background: #fafafa; - border: 1px solid #eee; - color: #343434; - cursor: default; } - -.btn-Square { - -moz-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; - background-clip: padding-box; } - -.btn-Round { - -moz-border-radius: 12px; - -webkit-border-radius: 12px; - border-radius: 12px; - background-clip: padding-box; } - -.nav ul, -.nav ol { - border: 1px solid #ccc; - padding: 4px; } -.nav li { - margin: 0; } -.nav a { - display: block; - padding: 4px 8px; - text-decoration: underline; } - .nav a:hover { - text-decoration: none; } - -.h-Nav > li, .bread > li { - float: left; } - -.c-Nav { - font-size: 0; - text-align: center; } - -.c-Nav > li, .ah-Nav a { - display: inline-block; - font-size: 16px; } - -.v-Nav { - /* really only needs styling applied to it, as vertical nav is default */ } - -.ah-Nav { - font-size: 0; } - -.av-Nav .drop-Start { - display: block; } - -.drop-Start { - position: relative; } - .drop-Start:hover { - background: #eee; } - .drop-Start:hover .drop-Menu { - visibility: visible; } - .drop-Start a { - white-space: nowrap; } - -.drop-Menu { - background: #eee; - border: 1px solid #ddd; - position: absolute; - visibility: hidden; - z-index: 5; } - -.v-Nav .drop-Menu, .av-Nav .drop-Menu { - left: 100%; - top: 0; } - -.h-Nav .drop-Menu, .bread .drop-Menu, .ah-Nav .drop-Menu { - left: 0; - top: 100%; } - -.bread li:last-child:after { - content: none; } -.bread li:after { - content: ">"; - display: inline-block; } -.bread a { - display: inline-block; } -.bread span { - display: inline-block; - padding: 4px 8px; } - -.float-Left { - float: left; } - -.float-Right { - float: right; } - -.float-None { - float: none; } - -.clear { - clear: both; } - -.clearfix, .row, .c-Row, nav ul, -nav ol, .media, .media-Reverse, .media-No-Wrap-Reverse, .media-No-Wrap { - *zoom: 1; } - .clearfix:before, .row:before, .c-Row:before, nav ul:before, - nav ol:before, .media:before, .media-Reverse:before, .media-No-Wrap-Reverse:before, .media-No-Wrap:before, .clearfix:after, .row:after, .c-Row:after, nav ul:after, - nav ol:after, .media:after, .media-Reverse:after, .media-No-Wrap-Reverse:after, .media-No-Wrap:after { - content: ""; - display: table; } - .clearfix:after, .row:after, .c-Row:after, nav ul:after, - nav ol:after, .media:after, .media-Reverse:after, .media-No-Wrap-Reverse:after, .media-No-Wrap:after { - clear: both; } - -.overflow { - overflow: hidden; } - -blockquote, h1, h2, h3, h4, h5, h6, li, p, small, code, kbd, pre, samp, dt, form, table { - margin-bottom: 12px; } - -.d-Block, .show { - display: block; } - -.d-None, .mobile-Show { - display: none; } - -.hidden { - display: none !important; - visibility: hidden; } - -.invis { - border: 0 !important; - height: 1px !important; - left: -999999px !important; - overflow: hidden !important; - position: absolute !important; - width: 1px !important; } - -.pic, .pic-Rounded { - border: 1px solid white; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - border-radius: 4px; - background-clip: padding-box; - -moz-box-shadow: 0 8px 8px -8px rgba(0, 0, 0, 0.2); - -webkit-box-shadow: 0 8px 8px -8px rgba(0, 0, 0, 0.2); - box-shadow: 0 8px 8px -8px rgba(0, 0, 0, 0.2); - display: inline-block; - overflow: hidden; - width: 90px; } - .pic img, .pic-Rounded img { - display: block; } - -.pic-Rounded { - -moz-border-radius: 100px; - -webkit-border-radius: 100px; - border-radius: 100px; - background-clip: padding-box; } - -/* - Code Example - -------------------------- - - - -*/ -.media, .media-Reverse, .media-No-Wrap-Reverse, .media-No-Wrap { - margin-bottom: 16px; - position: relative; - z-index: 2; } - .media .media-Text > :last-child, .media-Reverse .media-Text > :last-child, .media-No-Wrap-Reverse .media-Text > :last-child, .media-No-Wrap .media-Text > :last-child { - margin-bottom: 0; } - .media .media-Object, .media-Reverse .media-Object, .media-No-Wrap-Reverse .media-Object, .media-No-Wrap .media-Object { - float: left; - margin: 0 16px 8px 0; - max-width: 30%; } - -.media-Reverse .media-Object, .media-No-Wrap-Reverse .media-Object { - float: right; - margin: 0 0 8px 16px; - max-width: 30%; } - -.media-No-Wrap { - padding-left: 100px; } - .media-No-Wrap .media-Text { - float: left; - width: 100%; } - .media-No-Wrap .media-Object { - margin-left: -100px; - margin-right: 0; } - -.media-No-Wrap-Reverse { - padding-right: 100px; } - .media-No-Wrap-Reverse .media-Object { - margin-right: -100px; - margin-left: 0; } - -/* - Code Example - -------------------------- -
-
- -
-
-

Title for Meida Element

-

Paragraph text to go along with media element.

-
-
- - -- Divs were used in this example, but the media element could be applied to various situations. - Ie. could be used for a header or footer area where a logo is placed on the right or left w/text to the side. -*/ -.emph-Block { - background: #fafafa; - border: 1px solid #ddd; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - border-radius: 4px; - background-clip: padding-box; - -moz-box-shadow: 0 8px 8px -8px rgba(0, 0, 0, 0.2); - -webkit-box-shadow: 0 8px 8px -8px rgba(0, 0, 0, 0.2); - box-shadow: 0 8px 8px -8px rgba(0, 0, 0, 0.2); - margin-bottom: 16px; - min-height: 50px; - padding: 16px; } - .emph-Block > :last-child { - margin-bottom: 0; } - -.kill-List, .intro-List { - list-style: none; - padding: 0; } - -.numbered { - list-style-type: decimal; } - -.shout-Out { - background: #f8f8f8; - border-left: 4px solid #343434; - padding: 16px; } - .shout-Out:before, .shout-Out:after { - display: none; } - -.action-Link:after { - content: "\00A0" "\00BB"; } - -.txt-Center { - text-align: center; } - -.txt-Left { - text-align: left; } - -.txt-Right { - text-align: right; } - -.txt-Just { - text-align: justify; } - -.highlight, .slant { - background: yellow; - color: #131313; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - background-clip: padding-box; - display: inline-block; - padding: 4px; - vertical-align: text-top; } - -.slant { - -moz-transform: skewX(-16deg); - -ms-transform: skewX(-16deg); - -o-transform: skewX(-16deg); - -webkit-transform: skewX(-16deg); - transform: skewX(-16deg); } - -.text-Correct { - display: inline-block; - -moz-transform: skewX(16deg); - -ms-transform: skewX(16deg); - -o-transform: skewX(16deg); - -webkit-transform: skewX(16deg); - transform: skewX(16deg); } - -/* - Code Example: Slanted Text w/Highlight - -------------------------- - - Text Goes here - - - Code Example: Normal flowing text w/slanted highlight - -------------------------- - - Text Goes here - -*/ -.multi { - -moz-column-count: 3; - -webkit-column-count: 3; - column-count: 3; - -moz-column-gap: 40px; - -webkit-column-gap: 40px; - column-gap: 40px; - -moz-column-rule: 1px outset #eeeeee; - -webkit-column-rule: 1px outset #eeeeee; - column-rule: 1px outset #eeeeee; } - -body { - font-family: "Lucida Grande", verdana, "Helvetica Neue", Helvetica, Arial, sans-serif; - font-weight: 300; } - -h1, h2, h3, h4, h5, h6 { - font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif; } - -.giga { - font-size: 4.375em; - font-weight: 700; } - -.ultra { - font-size: 3.75em; - font-weight: 600; } - -.mega { - font-size: 3.5em; - font-weight: 300; } - -h1, .alpha { - font-size: 3.125em; - font-weight: 400; } - -h2, .beta { - font-size: 2.5em; - font-weight: 400; } - -h3, .gamma { - font-size: 2em; - font-weight: 400; } - -h4, .delta { - font-size: 1.625em; - font-weight: 300; } - -h5, .eps { - font-size: 1.375em; - font-weight: 300; } - -h6, .zeta { - font-size: 1.125em; - font-weight: 300; } - -p, li, .base { - font-size: 0.9em; - font-weight: 300; } - -small, .tiny { - font-size: 0.875em; - font-weight: 300; } - -.mini { - font-size: 0.75em; - font-weight: 300; } - -.action-Link { - float: right; } - -body { - background: #CCDF9B; } - -::-moz-selection { - background: #e93250; - color: #eeeeee; - text-shadow: none; } - -::selection { - background: #e93250; - color: #eeeeee; - text-shadow: none; } - -.page { - min-height: 600px; } - @media (max-device-width: 480px), screen and (max-width: 800px) { - .page { - min-height: 25px; } } - -.content, .footer-Content { - margin: 0 auto; - max-width: 1200px; - padding: 20px; } - .content > :last-child, .footer-Content > :last-child { - margin-bottom: 0; } - -a { - color: #e93250; } - a:hover, a:active { - color: #ba142f; } - a:visited { - color: #A5424B; } - -:focus, a:focus, a:active, input[type="submit"]::-moz-focus-inner { - outline: none; } - -@media (max-device-width: 480px), screen and (max-width: 800px) { - .col-33, .col-40, .col-60 { - float: none; - width: 100%; } } - -@media (max-device-width: 480px), screen and (max-width: 800px) { - .col-50 { - float: none; - padding: 0; - width: 100% !important; } } - -.header-Base { - background: #65a0ad; - border-bottom: 6px solid #e93250; - min-height: 42px; - overflow: hidden; } - -@media (max-device-width: 480px), screen and (max-width: 800px) { - .header-Content { - padding: 0; } } - -.blurb { - background: #fff; } - -.header-Intro { - background: url(/img/neocity.jpg) 95% bottom no-repeat; - min-height: 214px; } - @media (max-device-width: 480px), screen and (max-width: 800px) { - .header-Intro { - -moz-background-size: cover; - -ms-background-size: cover; - -o-background-size: cover; - -webkit-background-size: cover; - background-size: cover; - min-height: 2px; } } - -.header-Outro { - background: #30424b -moz-linear-gradient(top, #2b3c43 0%, #354751 100%); - /* FF3.6+ */ - background: #30424b -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b3c43), color-stop(100%, #354751)); - /* Chrome,Safari4+ */ - background: #30424b -webkit-linear-gradient(top, #2b3c43 0%, #354751 100%); - /* Chrome10+,Safari5.1+ */ - background: #30424b -o-linear-gradient(top, #2b3c43 0%, #354751 100%); - /* Opera 11.10+ */ - background: #30424b -ms-linear-gradient(top, #2b3c43 0%, #354751 100%); - /* IE10+ */ - background: #30424b linear-gradient(to bottom, #2b3c43 0%, #354751 100%); - /* W3C */ - -moz-box-shadow: inset 0 7px 10px 0 rgba(0, 0, 0, 0.1); - -webkit-box-shadow: inset 0 7px 10px 0 rgba(0, 0, 0, 0.1); - box-shadow: inset 0 7px 10px 0 rgba(0, 0, 0, 0.1); - color: #fafafa; } - -.hp .header-Outro .col-50 { - width: 48%; } - -.hp .header-Outro .signup-Area { - float: right; } - -@media (max-device-width: 480px), screen and (max-width: 800px) { - .intro-List { - margin-bottom: 20px; - padding: 20px !important; } } -.intro-List li { - padding-left: 36px; - padding-right: 12px; - margin-bottom: 20px; } -.intro-List h2 { - margin-bottom: 2px; } -.intro-List p { - color: #B2BCC1; } - -.intro-Icon { - background: url(/img/icons.png) no-repeat; - display: block; - height: 37px; - left: -10px; - position: absolute; - top: 2px; - width: 37px; } - -.intro-Tools { - position: relative; } - -.intro-Question { - position: relative; } - .intro-Question .intro-Icon { - background-position: 0 -40px; } - -.intro-Social { - position: relative; } - .intro-Social .intro-Icon { - background-position: 0 -80px; } - -.signup-Area { - min-height: 100px; - position: relative; } - -.signup-Form { - background: #354751; - border-radius: 4px 4px 0 0; - -moz-box-shadow: 1px 2px 12px 2px rgba(0, 0, 0, 0.15); - -webkit-box-shadow: 1px 2px 12px 2px rgba(0, 0, 0, 0.15); - box-shadow: 1px 2px 12px 2px rgba(0, 0, 0, 0.15); - height: 600%; - overflow: hidden; - position: absolute; - top: -45px; - width: 95%; } - @media (max-device-width: 480px), screen and (max-width: 800px) { - .signup-Form { - height: auto; - margin: 0; - overflow: visible; - padding-bottom: 20px; - position: static; - width: auto; } } - .signup-Form h2 { - margin-bottom: 0; - text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); - font-size: 1.8em; } - .signup-Form hr { - border-bottom: 1px solid #4a6677; - border-top: 1px solid #1d282d; - margin: 4px 0 22px; } - .signup-Form fieldset { - background: url(/img/sign-up-bg.png) repeat-x center top; - padding: 20px 33px; } - .signup-Form label { - color: #81b8c6; } - @media (max-device-width: 480px), screen and (max-width: 800px) { - .signup-Form label { - font-size: 70%; } } - .signup-Form .input-Area { - background: #29383f; - border: 0 solid black; - -moz-box-shadow: inset 1px 3px 10px 0px rgba(0, 0, 0, 0.2); - -webkit-box-shadow: inset 1px 3px 10px 0px rgba(0, 0, 0, 0.2); - box-shadow: inset 1px 3px 10px 0px rgba(0, 0, 0, 0.2); - color: #557380; - margin-bottom: 28px; - margin-right: 4px; - padding: 11px 12px 9px 12px; - width: 62%; } - .signup-Form .input-Area:focus { - color: #eee; } - .signup-Form .btn-Action { - padding: 10px 25px; } - -.small-Nav { - background: #30424B; - display: none; - position: fixed; - right: 0; - top: 0; - width: 50px; - z-index: 9999; } - @media (max-device-width: 480px), screen and (max-width: 800px) { - .small-Nav { - display: block; } } - -.header-Nav { - background: #5e95a1; - border-bottom: 1px solid #92B4BD; - -moz-transition: all 0.35s; - -ms-transition: all 0.35s; - -o-transition: all 0.35s; - -webkit-transition: all 0.35s; - transition: all 0.35s; } - @media (max-device-width: 480px), screen and (max-width: 800px) { - .header-Nav { - position: fixed; - top: -900px !important; } } - .header-Nav.show-Nav { - top: 0 !important; } - .header-Nav a, .header-Nav a:visited { - color: #fff; - padding: 8px 12px; - text-decoration: none; } - @media (max-device-width: 480px), screen and (max-width: 800px) { - .header-Nav a, .header-Nav a:visited { - display: block; } } - .header-Nav a:hover, .header-Nav a:visited:hover { - background: #528995; - text-decoration: underline; } - .header-Nav a.selected, .header-Nav a:active, .header-Nav a:visited.selected, .header-Nav a:visited:active { - background: #528995; - text-decoration: underline; } - -.constant-Nav { - float: left; - position: relative; } - @media (max-device-width: 480px), screen and (max-width: 800px) { - .constant-Nav { - float: none; } - .constant-Nav li { - float: none; } } - -.status-Nav { - float: right; } - @media (max-device-width: 480px), screen and (max-width: 800px) { - .status-Nav { - float: none; } } - .status-Nav li { - float: left; } - @media (max-device-width: 480px), screen and (max-width: 800px) { - .status-Nav li { - float: none; } } - -.hp .header-Base { - padding-top: 46px; } - -.hp .header-Nav { - left: 0; - position: fixed; - top: 0; - width: 100%; - z-index: 3; } - -.hp .hp-Logo { - left: -90px; - position: fixed; - -moz-transition: all 0.35s; - -ms-transition: all 0.35s; - -o-transition: all 0.35s; - -webkit-transition: all 0.35s; - transition: all 0.35s; } - .hp .hp-Logo.in-View { - left: 0 !important; - z-index: 99; } - @media (max-device-width: 480px), screen and (max-width: 800px) { - .hp .hp-Logo.in-View { - left: -90px !important; } } - -.hp .logo { - padding-top: 45px; } - @media (max-device-width: 480px), screen and (max-width: 800px) { - .hp .logo { - padding-left: 20px; - padding-right: 20px; } } - -.constant-Nav { - margin-left: -88px; - -moz-transition: all 0.35s; - -ms-transition: all 0.35s; - -o-transition: all 0.35s; - -webkit-transition: all 0.35s; - transition: all 0.35s; } - @media (max-device-width: 480px), screen and (max-width: 800px) { - .constant-Nav { - margin-left: 0; } } - .constant-Nav.in-View { - margin-left: 0; - padding-left: 70px; } - @media (max-device-width: 480px), screen and (max-width: 800px) { - .constant-Nav.in-View { - padding-left: 0; } } - -.add-Stripe { - border-bottom: 6px solid #E93250; } - @media (max-device-width: 480px), screen and (max-width: 800px) { - .add-Stripe { - border: 0; } } - -.interior .page { - padding-top: 22px; - float: left; - width: 100%; } - -.interior .signup-Form { - top: 0; } - -.interior .header-Base { - left: 0; - overflow: visible; - position: fixed; - top: 0; - width: 100%; - z-index: 9; } - -.int-Logo { - left: 0; - position: absolute; - top: 0; - width: 70px; - z-index: 9; } - -.interior .header-Nav { - padding-left: 70px; } - @media (max-device-width: 480px), screen and (max-width: 800px) { - .interior .header-Nav { - width: 100%; } } - -.interior .constant-Nav { - margin: 0; } - -.content-Base { - background: #f6f0e6; - min-height: 500px; - padding-bottom: 50px; - padding-top: 10px; } - .content-Base h1, .content-Base h2, .content-Base h3, .content-Base h4, .content-Base h5, .content-Base h6 { - color: #e93250; } - -.content, .footer-Content, .footer-Content { - padding: 20px 3%; } - -.single-Col { - max-width: 800px; } - -.twitter-tweet.twitter-tweet-rendered { - margin: 0 auto 30px !important; } - -.interior .header-Outro { - padding-top: 30px; - overflow: hidden; } - -.interior .header-Outro h1 { - font-size: 2.5em; - margin-top: 15px; } - -.site-url { - font-size: 18px; - margin-bottom: 8px; } - -.site-url a { - color: #e93250; - font-weight: bold; } - -.interior .header-Outro .subtitle { - font-size: 1em; - margin-top: -15px; } - -.content.wide, .wide.footer-Content { - padding-left: 6%; - padding-right: 6%; } - -.content.misc-page, .misc-page.footer-Content { - background: #FAF6F1; - -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); - -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); - box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); - padding: 1px 3% 40px 3%; } - -.content.misc-page h3, .misc-page.footer-Content h3, .content.misc-page h4, .misc-page.footer-Content h4, .content.misc-page h5, .misc-page.footer-Content h5, .content.misc-page h6, .misc-page.footer-Content h6 { - margin-top: 1em; } - -.content.misc-page h2, .misc-page.footer-Content h2 { - font-size: 1.6em; - margin-top: 1em; } - -.content.misc-page h3, .misc-page.footer-Content h3, .content.misc-page h4, .misc-page.footer-Content h4, .content.misc-page h5, .misc-page.footer-Content h5 { - font-size: 1.2em; } - -.content.misc-page h6, .misc-page.footer-Content h6 { - font-size: 1em; } - -.content.misc-page h1, .misc-page.footer-Content h1 { - font-size: 2.2em; - margin-bottom: 20px; } - -.content.misc-page hr, .misc-page.footer-Content hr { - margin: 35px 0 25px 0; } - -.interior .header-Outro .col.col-50.signup-Area { - padding-left: 0; } - -.interior .header-Outro a { - color: #E93250; } - -.interior .header-Outro .btn-Action { - color: #fff; } - -.interior .signup-Area { - min-height: 164px; } - -.interior .signup-Area img { - -moz-box-shadow: 1px 2px 5px 2px rgba(0, 0, 0, 0.1); - -webkit-box-shadow: 1px 2px 5px 2px rgba(0, 0, 0, 0.1); - box-shadow: 1px 2px 5px 2px rgba(0, 0, 0, 0.1); - border: 4px solid white; } - -.interior .signup-Area.large img { - border: 6px solid white; } - -.interior .header-Outro .screenshot { - width: 235px; - height: 141px; } - -.interior .header-Outro ul { - margin: 0; - padding: 0; } - -.interior .header-Outro ul li { - list-style: none; - font-size: 80%; - margin-bottom: 2px; } - -.interior .signup-Form fieldset { - padding: 20px; } - -.interior .header-Outro h2 { - margin-top: 12px; - font-size: 1.8em; } - -.welcome { - background: #daeea5 url(/img/heartcat.png) no-repeat 20px center; - background-size: 77px 81px; - padding: 20px 20px 20px 108px; - margin-bottom: 30px; } - -.welcome h4 { - font-size: 1.2em; - margin-bottom: 4px; } - -.welcome .close-button { - float: right; - background: url(/img/welcome-close.png) no-repeat; - width: 19px; - height: 19px; } - -.files { - float: left; - background: #E4D8CB; - width: 100%; - position: relative; } - -.files .header { - background: #5E95A1; - color: #fff; - float: left; - width: 100%; - padding: 10px 20px; } - -.files .breadcrumbs { - float: left; - font-weight: bold; - margin-top: 4px; } - -.files .actions { - float: right; } - -.files .btn-Action { - margin-left: 8px; } - -.btn-Action span { - background-repeat: no-repeat; } - -.btn-Action.new-Page span { - background-image: url(/img/new-page.png); - background-position-y: 1px; - padding-left: 29px; } - -.btn-Action.new-Folder span { - background-image: url(/img/new-folder.png); - padding-left: 26px; } - -.btn-Action.upload span { - background-image: url(/img/upload.png); - padding-left: 24px; } - -.files .list { - padding: 20px; } - -.files .list .upload-Boundary { - float: left; - border: 3px dashed #F6F0E6; - width: 100%; - margin: 18px 0; - padding: 10px; - -webkit-border-radius: 8px; - -moz-border-radius: 8px; - border-radius: 8px; - min-height: 300px; } - -.files .list .upload-Boundary.with-instruction { - background: url(/img/drag-drop.png) no-repeat center center; } - -.files .uploading-overlay { - width: 100%; - height: 100%; - position: absolute; - background-color: rgba(0, 0, 0, 0.35); - z-index: 100; } - -.files .uploading { - background: #fff; - font-style: italic; - margin-left: auto; - margin-right: auto; - width: 400px; - margin-top: 14%; - padding: 25px 40px 28px 40px; - -webkit-box-shadow: 1px 1px 21px 5px rgba(50, 50, 50, 0.5); - -moz-box-shadow: 1px 1px 21px 5px rgba(50, 50, 50, 0.5); - box-shadow: 1px 1px 21px 5px rgba(50, 50, 50, 0.5); - border-radius: 10px; } - -.files .uploading p { - margin-bottom: 2px; } - -.files .progress-bar { - background: #CCCCCC; - -webkit-border-radius: 8px; - -moz-border-radius: 8px; - border-radius: 8px; - width: 100%; - position: relative; - margin-top: 14px; - height: 10px; - overflow: hidden; } - -.files .progress-bar .progress { - background: #E93250; - height: 100%; - -webkit-border-top-right-radius: 0px; - -webkit-border-bottom-right-radius: 0px; - -moz-border-radius-topright: 0px; - -moz-border-radius-bottomright: 0px; - border-top-right-radius: 0px; - border-bottom-right-radius: 0px; - -webkit-border-top-left-radius: 20px; - -webkit-border-bottom-left-radius: 20px; - -moz-border-radius-topleft: 20px; - -moz-border-radius-bottomleft: 20px; - border-top-left-radius: 20px; - border-bottom-left-radius: 20px; - position: relative; - overflow: hidden; - display: block; } - -.file { - float: left; - padding: 5px 0px; - margin-right: 10px; - margin-bottom: 10px; - width: 125px; - text-align: center; - display: block; - position: relative; } - -.file .title { - font-weight: bold; - font-size: 8px; - color: #666; - margin-top: 4px; - text-decoration: none; - white-space: nowrap; - overflow: hidden; - display: block; } - -.html-thumbnail { - font-size: 11px; - margin-top: 5px; - margin-left: 10px; - display: block; - position: relative; - width: 105px; - height: 63px; } - -.html-thumbnail.html img { - width: 105px; - height: 63px; - -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3); - -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3); - box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3); } - -.html-thumbnail.image img { - max-width: 105px; - max-height: 63px; - width: auto; - height: auto; } - -.html-thumbnail.misc { - width: 63px; - height: 63px; - margin-left: auto; - margin-right: auto; } - -.misc-icon { - background: url(/img/misc-file.png) no-repeat 0px 0px; - width: 67px; - height: 67px; - display: block; - padding-top: 35px; - font-size: 14px; - color: #bbb; - font-weight: bold; - margin-left: auto; - margin-right: auto; } - -.folder-icon { - background: url(/img/folder.png) no-repeat 0px 0px; - width: 95px; - height: 65px; - display: block; - padding-top: 35px; } - -.overlay a { - color: white; - text-decoration: none; - font-size: 14px; - display: block; } - -.overlay i { - font-weight: bold; } - -.overlay { - position: absolute; - top: 0; - width: 0; - width: 100%; - height: 100%; - background-color: rgba(0, 0, 0, 0.5); - display: none; } - -.link-overlay { - display: block; - position: absolute; - bottom: 0px; - left: 0px; - width: 123px; - height: 30px; } - -.file > .overlay { - -webkit-border-radius: 8px; - -moz-border-radius: 8px; - border-radius: 8px; - padding-top: 15px; - background-color: rgba(0, 0, 0, 0.15); } - -.filehover:hover .overlay, .fileimagehover:hover .overlay { - display: block; } - -.html-thumbnail.misc.fileimagehover .overlay { - margin: 1px 0 0 2px; } - -.site-actions { - float: left; - margin-top: 20px; - font-size: 90%; } - -.site-actions a { - color: #666; } - -@media (min-width: 1200px) { - .container { - width: 1200px; } } -@media (min-width: 700px) and (max-width: 1200px) { - .container { - width: 100%; } } -.content.misc-page.columns, .misc-page.columns.footer-Content { - float: left; - padding: 0; - position: relative; - clear: both; - width: 100%; - overflow: hidden; } - -.col-left { - float: left; - width: 100%; - position: relative; - border-right: 1px solid #ddd; } - -.right-col { - background: #FAF6F1; } - -.content.misc-page .col-33 h3, .misc-page.footer-Content .col-33 h3 { - font-size: 1.5em; } - -.content.misc-page .col-33 h3:nth-of-type(1), .misc-page.footer-Content .col-33 h3:nth-of-type(1) { - margin-top: 0; } - -.right-col .col-left { - background-color: white; - right: 33%; } - -.content.misc-page.columns .col, .misc-page.columns.footer-Content .col { - padding: 25px 30px 30px 30px; - position: relative; - overflow: hidden; } - -.content.misc-page.columns .col-66, .misc-page.columns.footer-Content .col-66 { - width: 67%; - left: 33%; } - -.content.misc-page.columns .col-33, .misc-page.columns.footer-Content .col-33 { - width: 33%; - left: 33%; } - -.interior .header-Outro.with-columns { - padding-top: 22px; } - -.interior .header-Outro.with-columns h3 { - float: left; - margin-bottom: 0; - font-size: 1.7em; } - -.interior .header-Outro.with-columns .content, .interior .header-Outro.with-columns .footer-Content { - padding: 0; } - -.interior .header-Outro.with-columns .col { - padding: 25px 0 8px 30px; } - -.interior .header-Outro.with-columns .col-32 { - width: 33%; } - -.interior .header-Outro.with-columns .col-66 { - width: 67%; - border-right: 1px solid #0B0F11; } - -.interior .header-Outro.with-columns .col-32 .edit { - margin-top: 4px; - float: right; - margin-right: 30px; - color: #fff; } - -.feed-filter { - float: left; - margin-top: 1.4em; - font-size: 0.8em; - margin-left: 1.5em; } - -.interior .header-Outro .feed-filter a { - color: white; - margin-left: 13px; } - -.site-suggestion { - float: left; - width: 156px; - margin-right: 20px; - margin-bottom: 20px; - height: 160px; } - -.stats { - margin-bottom: 2em; - float: left; - width: 100%; } - -.content.misc-page.columns .stats .col, .misc-page.columns.footer-Content .stats .col { - padding: 0; - margin-bottom: 2em; } - -.large-portrait { - border: 10px solid white; - -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2); - -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2); - box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2); } - -.site-portrait { - border: 5px solid white; - -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2); - -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2); - box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2); - float: left; - margin-bottom: .5em; } - -.site-portrait img { - width: 146px; } - -.site-portrait .caption { - display: block; - clear: both; - font-size: .8em; - margin-top: .2em; - margin-bottom: -.2em; } - -a.tag { - font-size: .7em; - text-transform: uppercase; - background: #FFFFCC; - color: #C1A009; - float: left; - padding: 1px 5px; - -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2); - -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2); - box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2); - margin-right: 3px; - margin-right: 10px; - margin-bottom: 7px; } - -a.tag:hover { - text-decoration: none; - background: #FFEE8A; } - -.following { - width: 100%; - float: left; - margin-bottom: 2em; } - -.avatar { - height: 37px; - width: 37px; - margin: 0 4px 4px 0; - float: left; } - -.news-item { - width: 100%; - float: left; } - -.news-item.update, .news-item.tags, .news-item.comment.for-me, .news-item.tip.for-me { - margin: 1.8em 0; } - -.news-item:nth-of-type(1) { - margin-top: 0; } - -.news-item.first { - margin-top: 0; } - -.news-item .user { - font-weight: bold; - color: #000; } - -.news-item .comment { - color: #000; - font-style: normal; - font-size: .8em; } - -.news-item.for-me .comment { - color: #000; - font-style: normal; - margin-top: .2em; - font-size: .9em; - margin-bottom: -.4em; } - -.news-item .icon { - width: 20px; - height: 20px; - background: #E6E6E6; - float: left; - margin-right: 12px; } - -.news-item.comment .icon { - background: #DAEEA5; } - -.news-item.comment.for-me .icon, .news-item.tip.for-me .icon { - background-size: 62px 62px; - width: 82px; - height: 62px; - background-position: right top; - background-repeat: no-repeat; } - -.news-item.update .icon { - background: #E93250; } - -.news-item.tip .icon { - background: #FFCC00; } - -.news-item.follow .icon { - background: #3399CC; } - -.news-item .title { - margin-bottom: .4em; - position: relative; - width: 100%; - float: left; } - -.news-item .date { - float: right; - color: #aaa; - font-size: 11px; - margin-top: .5em; } - -.news-item .files { - background: #eee; - padding: 8px 10px 2px 10px; - border-top: 1px solid #ddd; - margin-bottom: 4px; } - -.news-item .file { - width: 90px; - margin-bottom: 0; - padding: 0; } - -.news-item .file a:hover { - text-decoration: none; } - -.news-item .html-thumbnail { - margin-top: 1px; - margin-left: 0px; - width: auto; } - -.news-item .site-suggestion { - height: auto; - margin-bottom: 10px; } - -.news-item .tag { - float: none; - margin-left: 4px; } - -.news-item .actions { - font-size: 11px; } - -.news-item .actions a { - margin-right: 6px; } - -.news-item .content, .news-item .footer-Content { - padding: 0 0 0 32px; } - -.news-item .comments { - margin-bottom: 1.5em; - margin-top: .7em; } - -.news-item .comments .comment { - font-size: .8em; - clear: both; } - -.news-item .comments .comment .user { - margin-right: 5px; } - -.news-item .comments .comment .actions { - margin-top: .3em; } - -.news-item .avatar { - margin-right: 10px; } - -.signup-Area.large { - width: 418px; - height: 236px; } - -.interior .header-Outro.with-site-image { - padding-top: 20px; } - -.report { - margin-top: 2em; - float: left; - width: 100%; - font-size: .8em; } - -.report, .report a { - color: #999; } - -.interior .header-Outro .actions a { - margin-right: 6px; } - -.interior .header-Outro .stats { - margin-bottom: 1.2em; - float: left; - width: 100%; - margin-top: 2em; } - -.interior .header-Outro .stats strong { - font-size: 1.5em; - font-weight: bold; - color: #DAEEA5; } - -.interior .header-Outro .stats span { - font-size: .7em; - text-transform: uppercase; - clear: both; - display: block; } - -.interior .header-Outro .stats .stat { - float: left; - width: 90px; - text-align: center; } - -.interior .header-Outro .stats .stat.tips { - width: 60px; } - -.btn-Action.follow span { - background-image: url(/img/follow.png); - padding-left: 22px; } - -.btn-Action.tip span { - background-image: url(/img/tip.png); - padding-left: 26px; - background-position-y: -1px; } - -.btn-Action.share span { - background-image: url(/img/share.png); - padding-left: 26px; } - -.col-33 .stats .stat { - margin-bottom: .4em; } - -.col-33 .stats .stat span { - width: 10em; - float: left; } - -.archives { - float: left; - width: 100%; - margin-bottom: 2em; } - -.archives img { - float: left; - border: 3px solid white; - -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3); - -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3); - box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3); - width: 72px; } - -.archives img { - margin-right: 10px; } - -.more { - float: left; - clear: both; - margin-top: 1em; - font-size: .8em; } - -.post-comment { - background: #DAEEA5; - float: left; - width: 111%; - padding: 20px 0 10px 30px; - margin: -25px 0 28px -30px; } - -.post-comment input { - width: 84%; - float: left; } - -.post-comment .btn-Action { - margin-left: 10px; - margin-top: 4px; } - -.supporter-badge { - background: url(/img/supporter.png); - width: 99px; - height: 26px; - float: left; - margin-top: 7px; - margin-left: 10px; } - -.title-with-badge { - float: left; - width: 100%; } - -.title-with-badge span { - float: left; } - -.section.featured-Websites { - background: #65A0AD; } - -.section.featured-Websites h2 { - color: white; } - -.section { - padding: 50px 10%; - margin: 0 auto; } - -.section.previews { - background: #f6f0e6; } - -.section.previews h2, .section.previews p { - color: #31424B; } - -.section h2 { - font-size: 1.6em; } - -.section.last { - background: #666666; } - -.section.last h2, .section.last blockquote { - color: white; } - -.selected { - font-weight: bold; } - -.modal-body { - max-height: 800px; - overflow-y: visible; } - -.tt-dropdown-menu { - padding: 0px 10px 0px 10px; - background: #FFFFFF; - cursor: pointer; } - -.interior .header-Outro.browse-page { - overflow: visible; } - -.interior .header-Outro.browse-page .select-Container { - overflow: none; - padding: 2px 4px; - width: 40%; } - -.browse-page .input-Area { - width: 100%; - padding: 4px 5px; } - -.header-Outro .twitter-typeahead { - top: -2px; - color: #000; } - -.header-Outro .btn-Action { - margin: 0 0 0 10px; } - -.browse-page .text-Label, .browse-page .option-Container { - float: left; - margin-right: 8px; - font-weight: bold; - line-height: 31px; } - -.browse-page h1 { - margin-top: 0; } - -.interior .header-Outro.with-columns .col.filter { - padding-top: 0px; - padding-bottom: 4px; } - -.footer-Base { - color: #5e5b56; - float: left; - width: 100%; } - .footer-Base h1, .footer-Base h2, .footer-Base h3, .footer-Base h4 { - color: #8b9a7a; } - -.footer-Intro { - background: #daeea5; - border-top: 1px solid #cedbab; - -moz-box-shadow: 0 8px 8px -8px rgba(0, 0, 0, 0.2); - -webkit-box-shadow: 0 8px 8px -8px rgba(0, 0, 0, 0.2); - box-shadow: 0 8px 8px -8px rgba(0, 0, 0, 0.2); - position: relative; } - -.footer-Content { - padding-top: 20px; - padding-bottom: 20px; - padding-left: 40px; - padding-right: 20px; } - @media (max-device-width: 480px), screen and (max-width: 800px) { - .footer-Content { - padding-left: 20px; } } - -.footer-Content .row, .footer-Content .c-Row { - margin-left: 0; } - -.f-Col { - -moz-box-sizing: content-box; - -webkit-box-sizing: content-box; - box-sizing: content-box; - min-height: 125px; - padding-bottom: 28px; - position: relative; } - @media (max-device-width: 480px), screen and (max-width: 800px) { - .f-Col { - min-height: 2px; - padding-left: 15px !important; - padding-right: 100px !important; } } - .f-Col .action-Link { - bottom: 0; - position: absolute; - right: 12px; } - @media (max-device-width: 480px), screen and (max-width: 800px) { - .f-Col .action-Link { - position: static; } } - -.footer-icon { - background-repeat: no-repeat; - position: absolute; - right: 0; - top: -70px; } - @media (max-device-width: 480px), screen and (max-width: 800px) { - .footer-icon { - -moz-background-size: 100%; - -ms-background-size: 100%; - -o-background-size: 100%; - -webkit-background-size: 100%; - background-size: 100%; - height: 90px !important; - top: 0; - width: 77px !important; } } - -.f-Col-1 { - padding-right: 12px; } - .f-Col-1 .footer-icon { - background-image: url(/img/support-us.png); - height: 104px; - right: 5px; - width: 92px; } - -.f-Col-2 { - padding-left: 15px; - padding-right: 6px; - position: relative; } - @media (max-device-width: 480px), screen and (max-width: 800px) { - .f-Col-2 { - border-bottom: 1px solid rgba(0, 0, 0, 0.1); - border-top: 1px solid rgba(0, 0, 0, 0.1); - margin: 20px 0; - overflow: hidden; - padding: 20px 0; } - .f-Col-2 .footer-icon { - top: 14px; } } - .f-Col-2:before, .f-Col-2:after { - background: url("/img/border.png") no-repeat 0 -20px; - content: ""; - height: 200px; - opacity: 0.2; - position: absolute; - top: 0; - width: 1px; } - @media (max-device-width: 480px), screen and (max-width: 800px) { - .f-Col-2:before, .f-Col-2:after { - display: none; } } - .f-Col-2:before { - left: -14px; } - .f-Col-2:after { - right: -14px; } - .f-Col-2 .footer-icon { - background-image: url(/img/about-neocities.png); - width: 100px; - height: 106px; } - -.f-Col-3 { - padding-left: 20px; } - @media (max-device-width: 480px), screen and (max-width: 800px) { - .f-Col-3 { - padding-left: 0; } } - .f-Col-3 .footer-icon { - background-image: url(/img/latest-news.png); - height: 103px; - width: 134px; } - -.footer-Outro { - background: #ccdf9b; - border-top: 1px solid #b3c388; - overflow: hidden; } - .footer-Outro a { - color: #5e5b56; } - -.credits { - margin-bottom: 0; } - -.footer-Nav { - text-transform: uppercase; } - .footer-Nav .h-Nav, .footer-Nav .bread { - float: right; } - @media (max-device-width: 480px), screen and (max-width: 800px) { - .footer-Nav .h-Nav, .footer-Nav .bread { - float: none; - margin-top: 15px; } - .footer-Nav .h-Nav li:first-child a, .footer-Nav .bread li:first-child a { - padding-left: 0; } } - .footer-Nav .h-Nav a, .footer-Nav .bread a { - padding: 0 8px; } - .footer-Nav .h-Nav li:last-child a, .footer-Nav .bread li:last-child a { - padding-right: 0; } - -.alert { - background-color: #F5BA00; - color: #fff; } - -.website-Gallery { - list-style: none; - padding: 30px 20px; } - .website-Gallery li { - float: left; - margin-bottom: 8px; } - @media (max-device-width: 480px), screen and (max-width: 800px) { - .website-Gallery li { - width: 50%; } } - .website-Gallery li a { - display: block; } - .website-Gallery .site-info a { - color: #666; - font-size: 80%; } - .website-Gallery .title { - margin-top: 8px; - margin-bottom: 2px; } - .website-Gallery.int-Gall li { - margin: 0 .5% 12px; - width: 24%; - background-color: white; - border: 9px solid white; - -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2); - -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2); - box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2); } - @media (max-device-width: 480px), screen and (max-width: 800px) { - .website-Gallery.int-Gall li { - width: 49%; } } - -.neo-SS, .neo-Screen-Shot { - border: 1px solid #eee; - display: block; - height: auto !important; - position: relative; - width: 100%; } - -.img-Holder { - -moz-background-size: cover !important; - -webkit-background-size: cover !important; - background-size: cover !important; - display: block; } - -.hp-Gallery img, .neo-Screen-Shot img { - width: 100%; } - -::-webkit-input-placeholder { - /* WebKit browsers */ - color: #999; } - -:-moz-placeholder { - /* Mozilla Firefox 4 to 18 */ - color: #999; } - -::-moz-placeholder { - /* Mozilla Firefox 19+ */ - color: #999; } - -:-ms-input-placeholder { - /* Internet Explorer 10+ */ - color: #999; } - -textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { - color: #000000; } - -#file_criteria li { - padding-bottom: 20px; } - -select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { - color: #000000; } - -.page { - background: #F6F0E6; } - -select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { - line-height: inherit; - height: auto !important; } - -.scroll-Admin { - background: rgba(255, 255, 255, 0.4); - border: 1px solid #ccc; - max-height: 400px; - overflow: auto; } - -textarea { - margin-bottom: 10px; } - -input[type=submit] { - margin-top: 10px; } - -.recaptcha { - background: #fff; - width: 440px; - overflow: auto; } diff --git a/sass/_project-sass/_project-Main.scss b/sass/_project-sass/_project-Main.scss index 93c9b699..0aad91f2 100644 --- a/sass/_project-sass/_project-Main.scss +++ b/sass/_project-sass/_project-Main.scss @@ -514,10 +514,13 @@ a.tag:hover { .news-item { width: 100%; float: left; + margin: 1.5em 0; } +/* .news-item.update, .news-item.tags, .news-item.comment.for-me, .news-item.tip.for-me { - margin: 1.8em 0; + margin: 1.0em 0; } +*/ .news-item:nth-of-type(1) { margin-top: 0; } @@ -566,6 +569,7 @@ a.tag:hover { .news-item.tip .icon { background: #FFCC00; } + .news-item.follow .icon { background: #3399CC; } @@ -618,7 +622,6 @@ a.tag:hover { padding: 0 0 0 32px; } .news-item .comments { - margin-bottom: 1.5em; margin-top: .7em; } .news-item .comments .comment {