Chris@3: /**
Chris@3:  * @file
Chris@3:  * Visual styles for Bartik's node component.
Chris@3:  */
Chris@3: 
Chris@3: .node__content {
Chris@3:   font-size: 1.071em;
Chris@3:   margin-top: 10px;
Chris@3: }
Chris@3: 
Chris@3: /* View mode teaser styles. */
Chris@3: .node--view-mode-teaser {
Chris@3:   border-bottom: 1px solid #d3d7d9;
Chris@3:   margin-bottom: 30px;
Chris@3:   padding-bottom: 15px;
Chris@3: }
Chris@3: .node--view-mode-teaser h2 {
Chris@3:   margin-top: 0;
Chris@3:   padding-top: 0.5em;
Chris@3: }
Chris@3: .node--view-mode-teaser h2 a {
Chris@3:   color: #181818;
Chris@3: }
Chris@3: .node--view-mode-teaser.node--sticky {
Chris@3:   background: #f9f9f9;
Chris@3:   background: rgba(0, 0, 0, 0.024);
Chris@3:   border: 1px solid #d3d7d9;
Chris@3:   padding: 0 15px 15px;
Chris@3: }
Chris@3: .node--view-mode-teaser .node__content {
Chris@3:   clear: none;
Chris@3:   font-size: 1em;
Chris@3:   line-height: 1.6;
Chris@3: }
Chris@3: 
Chris@3: /* Node metadata styles. */
Chris@3: .node__meta {
Chris@3:   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
Chris@3:   font-size: 0.857em;
Chris@3:   color: #68696b;
Chris@3:   margin-bottom: -5px;
Chris@3: }
Chris@3: .node__meta .field--name-user-picture img {
Chris@3:   float: left; /* LTR */
Chris@3:   margin: 1px 20px 0 0; /* LTR */
Chris@3: }
Chris@3: [dir="rtl"] .node__meta .field--name-user-picture img {
Chris@3:   float: right;
Chris@3:   margin-left: 20px;
Chris@3:   margin-right: 0;
Chris@3: }
Chris@3: 
Chris@3: /* Node links styles. */
Chris@3: .node__links {
Chris@3:   text-align: right; /* LTR */
Chris@3:   font-size: 0.93em;
Chris@3: }
Chris@3: [dir="rtl"] .node__links {
Chris@3:   text-align: left;
Chris@3: }
Chris@3: 
Chris@3: /* Unpublished node styles. */
Chris@3: .node--unpublished {
Chris@3:   padding: 20px 15px 0;
Chris@3: }
Chris@3: .node--unpublished .comment-text .comment-arrow {
Chris@3:   border-left: 1px solid #fff4f4;
Chris@3:   border-right: 1px solid #fff4f4;
Chris@3: }