Browse Source

Addition of storify styles

pull/127/head
Zach Wise 13 years ago
parent
commit
e66ccf52d2
  1. 35
      source/less/GFX.less
  2. 6
      source/less/Typography.less
  3. 54
      source/less/VMM.Slider.less
  4. 59
      source/less/VMM.Timeline.Core.less

35
source/less/GFX.less

@ -104,14 +104,45 @@
background-repeat:no-repeat;
background-position: -280px -24px;
}
.icon-wikipedia() {
.icon-link() {
.base-sprite();
background-repeat:no-repeat;
background-position: -184px -48px;
background-position: -184px -72px;
}
/* Thumbnail Icons (Extra)
----------------------------------------------------------------- */
.icon-wikipedia() {
.base-sprite();
background-repeat:no-repeat;
background-position: -184px -48px;
}
.icon-storify() {
.base-sprite();
background-repeat:no-repeat;
background-position: -328px -96px;
}
.icon-storify-full() {
.base-sprite();
background-repeat:no-repeat;
background-position: -280px -96px;
width:@base-thumb*2;
height:@base-thumb;
}
.icon-instagram() {
.base-sprite();
background-repeat:no-repeat;
background-position: -208px -96px;
}
.icon-instagram-full() {
.base-sprite();
background-repeat:no-repeat;
background-position: -232px -96px;
width:@base-thumb*2;
height:@base-thumb;
}
.icon-vimeo() {
.base-sprite();
background-repeat:no-repeat;

6
source/less/Typography.less

@ -36,6 +36,9 @@
p {
color: @color-feature-description;
}
blockquote, blockquote p {
color:@color-feature-title;
}
}
.date, .title {
a {
@ -144,7 +147,7 @@
/* BLOCKQUOTES
================================================== */
blockquote {
blockquote, blockquote p {
font-size: 28px;
text-align:left;
line-height: 36px;
@ -152,6 +155,7 @@
padding-top: 10px;
background-color:@white;
color:@color-feature-title;
}
/* Caption and Credits

54
source/less/VMM.Slider.less

@ -211,6 +211,7 @@
min-width:50%;
float: left;
.media-wrapper {
display:inline-block;
margin-left: auto;
margin-right: auto;
.media-container {
@ -295,15 +296,15 @@
}
}
}
.twitter {
.twitter, .plain-text-quote {
text-align:left;
margin-left: auto;
margin-right: auto;
margin-bottom:@base-space;
clear:both;
blockquote {
font-size: @base-font;
line-height: @base-line;
//font-size: @base-font;
//line-height: @base-line;
color:@color-feature-description;
p {
font-size: 28px;
@ -331,49 +332,7 @@
.created-at:hover {
.opacity(100);
}
.vcard {
float:right;
margin-bottom:@base-space;
//position: relative;
a {
color: @color-dark-second;
}
a:hover {
text-decoration: none;
.fn {
text-decoration: underline;
}
}
.fn, .nickname {
padding-left: 42px;
}
.fn {
display:block;
//display:inline;
font-weight: bold;
}
.nickname {
margin-top:3px;
display:block;
color: @color-dark-third;
}
.avatar {
float:left;
//position: absolute;
display: block;
width: 32px;
height: 32px;
img {
//border: 0px solid #999;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
}
}
}
.wikipedia {
font-size: @base-font;
@ -474,6 +433,7 @@
color: @color-caption;
.text-font(@base-font-small);
text-rendering: optimizeLegibility;
word-wrap: break-word;
//max-height:45px;
//overflow-x:hidden;
//overflow-y:auto;
@ -555,7 +515,7 @@
min-width:50%;
float: none;
.media-wrapper {
display:block;
//display:block;
.media-container {
margin-left: auto;
margin-right: auto;

59
source/less/VMM.Timeline.Core.less

@ -141,6 +141,49 @@
color:@color-theme-dark;
text-decoration: underline;
}
.vcard {
float:right;
margin-bottom:@base-space;
//position: relative;
a {
color: @color-dark-second;
}
a:hover {
text-decoration: none;
.fn {
text-decoration: underline;
}
}
.fn, .nickname {
padding-left: 42px;
}
.fn {
display:block;
//display:inline;
font-weight: bold;
}
.nickname {
margin-top:3px;
display:block;
color: @color-dark-third;
}
.avatar {
float:left;
//position: absolute;
display: block;
width: 32px;
height: 32px;
img {
//border: 0px solid #999;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
}
}
@ -208,9 +251,25 @@
.thumbnail.thumb-website {
.icon-website();
}
.thumbnail.thumb-link {
.icon-link();
}
.thumbnail.thumb-wikipedia {
.icon-wikipedia();
}
.thumbnail.thumb-storify {
.icon-storify();
}
.thumb-storify-full {
.icon-storify-full();
}
thumbnail.thumb-instagram {
.icon-instagram();
}
thumbnail.thumb-instagram-full {
.icon-instagram-full();
}
.zFront {
z-index:204;

Loading…
Cancel
Save