diff -r b163a938e9c3 -r ce5cdc22fbe4 player/css/styles.css --- a/player/css/styles.css Wed Jun 26 11:35:21 2013 +0200 +++ b/player/css/styles.css Wed Jun 26 11:35:42 2013 +0200 @@ -85,6 +85,22 @@ background: #000000; font-family: 'OpenSans'; font-weight: 400; } +::-webkit-scrollbar { + width: 10px; +} + +::-webkit-scrollbar:hover { + background: rgba(128,128,128,.2); +} + +::-webkit-scrollbar-thumb { + background: rgba(128,128,128,.4); width: 10px; border-radius: 10px; +} + +::-webkit-scrollbar-thumb:hover { + background: rgba(128,128,128,.6); +} + /* Top Bar */ .top-bar { @@ -320,7 +336,7 @@ } .annotation { - position: absolute; + position: absolute; left: 50%; } .annotation-title { @@ -332,7 +348,7 @@ } .annotation { - left: 45px; top: 800px; right: 35px; + top: 800px; width: 920px; margin-left: -455px; transition: top 0.5s; -webkit-transition: top 0.5s; } @@ -343,13 +359,13 @@ /* Narrow annotations */ .narrow-annotation { - left: 210px; right: 200px; + width: 590px; margin-left: -290px; } /* White annotations */ .white-annotation { - background: #ffffff; max-height: 522px; overflow: auto; + background: #ffffff; } .white-annotation { @@ -365,7 +381,7 @@ } .white-annotation .annotation-title { - font-size: 23px; margin: 24px 0; + font-size: 23px; margin: 24px; line-height: 24px; } /* Black annotations */ @@ -393,10 +409,13 @@ /* Text annotation */ -.text-contents { +.text-contents, .link-contents { font-family: Georgia, 'Times New Roman', serif; - margin: 0 45px 35px; font-size: 15px; - + overflow: auto; +} + +.text-contents { + margin: 0 25px 35px; font-size: 15px; padding: 0 20px 0; } .text-contents p, .text-contents ul, .text-contents ol { @@ -413,12 +432,6 @@ float: left; margin: 0 5px 2px 0; } -.column-group { - column-count: 2; column-gap: 60px; - -moz-column-count: 2; -moz-column-gap: 60px; - -webkit-column-count: 2; -webkit-column-gap: 60px; -} - .text-contents h2 { font-size: 21px; } @@ -459,7 +472,7 @@ .link-contents { font-family: Georgia, 'Times New Roman', serif; - margin: 40px 80px 80px; + margin: 40px 60px 60px; padding: 0 20px 0; } .link-contents p {