Permalink
Browse files

CSS and HTML for Carousel

  • Loading branch information...
1 parent 9c20e27 commit ad918a0cf9055eb7c198ade9fe3f9ae138f16eb8 @mmansour committed May 3, 2012
Showing with 12 additions and 9 deletions.
  1. +9 −6 static/css/global23.css
  2. +3 −3 templates/pages/vlog.html
View
15 static/css/global23.css
@@ -217,19 +217,22 @@ border:2px solid white !important;
#grid-middle-vlog{float:left;width:835px;padding-bottom: 27px;
border-left:125px solid #000;}
#vlog-wrapper{
- width:835px; margin: 17px 0 0 17px;}
+ width:835px; margin: 18px 0 0 17px;}
#vlog-video{width:835px; height:623px; float:left; color:#eff1e6;
- background:#222 url('/static/images/vlog-vid-bg.png') repeat-x left center;
- padding: 0 0 0 0; position:relative;}
+ background:#222 url('/static/images/vlog-vid-bg.png') repeat-x left top;
+ padding: 0 0 0 0; position:relative; border:0;}
+#vlog-video iframe{margin:15px 0 0 15px;}
#vlog-copy p{font-family:helvetica, serif; font-size:.8em;
margin: 0 37px 17px 37px;}
#vlog-copy ul{margin: 17px 0 17px 49px;}
#vlog-copy li{list-style:disc; line-height: 17px;
font-size:.8em;}
-#vlog-copy h2{font-size:1.7em; font-family: 'SteelfishRegular', serif;
- margin: 0 37px 17px 37px; letter-spacing: 2px; color:#eff1e6; text-transform: uppercase;}
+#vlog-title h2{font-size:1.7em; font-family: 'SteelfishRegular', serif;
+ margin: 17px 0 0 17px; letter-spacing: 2px; text-transform: uppercase;
+ color:#c6fd1b;}
+#vlog-published-date{color:#ccc; font-size: 9pt;margin: 7px 0 17px 17px;}
+#vlog-description p{color:#eff1e6; font-size: 9pt;margin: 5px 0 17px 17px;}
#vlog-copy a{color:#ccff00;}
-/*#vlog-videos{float:none; clear:both;}*/
#vlog-videos-showing{float:left; background: green;}
.vlog-video-row{float:left;}
#vlog-carousel-wrapper{width:835px; background: #ccc;}
View
6 templates/pages/vlog.html
@@ -244,7 +244,7 @@
$('.videolink').click(function(e){
e.preventDefault();
$('.youtube-player').attr('src', this.href);
- $('#vlog-title').html(this.title);
+ $('#vlog-title').html('<h2>'+this.title+'</h2>');
$('#vlog-published-date').html(this.id);
$('#vlog-description').html(this.name);
});
@@ -281,9 +281,9 @@
<div id="vlog-wrapper">
<div id="vlog-video">
<iframe class="youtube-player" type="text/html" width="803" height="486" src="http://www.youtube.com/embed/{{ default_vid.videoid_youtube }}" frameborder="0"></iframe>
- <div id="vlog-title">{{ default_vid.title }}</div>
+ <div id="vlog-title"><h2>{{ default_vid.title }}</h2></div>
<div id="vlog-published-date">{{ default_vid.publish_date }}</div>
- <div id="vlog-description">{{ default_vid.desciption_text|safe }}</div>
+ <div id="vlog-description">{{ default_vid.desciption_text|truncchar:288|safe }}</div>
</div>
<div id="vlog-videos-showing"></div>

0 comments on commit ad918a0

Please sign in to comment.