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-repeat:no-repeat;
background-position: -280px -24px; background-position: -280px -24px;
} }
.icon-wikipedia() { .icon-link() {
.base-sprite(); .base-sprite();
background-repeat:no-repeat; background-repeat:no-repeat;
background-position: -184px -48px; background-position: -184px -72px;
} }
/* Thumbnail Icons (Extra) /* 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() { .icon-vimeo() {
.base-sprite(); .base-sprite();
background-repeat:no-repeat; background-repeat:no-repeat;

6
source/less/Typography.less

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

54
source/less/VMM.Slider.less

@ -211,6 +211,7 @@
min-width:50%; min-width:50%;
float: left; float: left;
.media-wrapper { .media-wrapper {
display:inline-block;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
.media-container { .media-container {
@ -295,15 +296,15 @@
} }
} }
} }
.twitter { .twitter, .plain-text-quote {
text-align:left; text-align:left;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
margin-bottom:@base-space; margin-bottom:@base-space;
clear:both; clear:both;
blockquote { blockquote {
font-size: @base-font; //font-size: @base-font;
line-height: @base-line; //line-height: @base-line;
color:@color-feature-description; color:@color-feature-description;
p { p {
font-size: 28px; font-size: 28px;
@ -331,49 +332,7 @@
.created-at:hover { .created-at:hover {
.opacity(100); .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 { .wikipedia {
font-size: @base-font; font-size: @base-font;
@ -474,6 +433,7 @@
color: @color-caption; color: @color-caption;
.text-font(@base-font-small); .text-font(@base-font-small);
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
word-wrap: break-word;
//max-height:45px; //max-height:45px;
//overflow-x:hidden; //overflow-x:hidden;
//overflow-y:auto; //overflow-y:auto;
@ -555,7 +515,7 @@
min-width:50%; min-width:50%;
float: none; float: none;
.media-wrapper { .media-wrapper {
display:block; //display:block;
.media-container { .media-container {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;

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

@ -141,6 +141,49 @@
color:@color-theme-dark; color:@color-theme-dark;
text-decoration: underline; 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 { .thumbnail.thumb-website {
.icon-website(); .icon-website();
} }
.thumbnail.thumb-link {
.icon-link();
}
.thumbnail.thumb-wikipedia { .thumbnail.thumb-wikipedia {
.icon-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 { .zFront {
z-index:204; z-index:204;

Loading…
Cancel
Save