/* ................................................. Main CSS for VG Nett sports live Made by Hilde Skjoelberg (hils@vg.no) for VG Nett January 2010 DO NOT WRITE SKIN SPECIFIC CSS IN THIS STYLESHEET! Use seperate stylesheet in logically named folder to override ................................................... */ body {margin: 0; padding: 0; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: .9em; color: #222; background: #d4e0ec;} .hidden { display: none; } #wrapper {position: relative; width: 990px; margin: 0 auto; padding: 10px 0 0; background: #a8ccfe url(http://static.vglive.no/new/img/liveBackground.jpg) 0 0 no-repeat; border: 1px solid #79c; border-top: none; -moz-box-shadow: 0 0 15px #bbb; -webkit-box-shadow: 0 0 15px #bbb;} #leftCol {clear: both;width: 190px; min-height: 880px; float: left; margin-right: 10px; background: #b4d7ff; background: rgba(255,255,255,0.2);} #mainCol {float: left; width: 490px; background: transparent;} #rightCol {width: 290px; float: right; margin: -103px 0 0 10px; background: #bed7fc; background: rgba(255,255,255,0.2);} #footer {clear: both;} /* annonser */ #rightad {position: absolute; top: 0; left: 1000px; padding-right: 10px; background: transparent url(http://static04.vg.no/css/admark_right.gif) top right no-repeat;} #rightad a#templink {position: absolute; top: 0; left: 10px; width: 180px; height: 1000px; display: block; background: transparent;} /* styling ad in main column */ #centerAd {margin: 4px 0 0; padding-top: 10px; background: transparent url(http://static04.vg.no/css/admark_top.gif) top right no-repeat;} #centerAd img {border: none;} ul {list-style: none; margin: 0; padding: 0;} img {border: none;} a:link, a:visited {color: #d00;} a:hover {color: #000;} /* HEADER */ #header img {float: left; margin: 0 15px 11px; -moz-box-shadow: -2px 2px 5px #444; -webkit-box-shadow: -2px 2px 5px #444;} #header h1 {width: 490px; height: 93px; float: left; margin: 0; padding-top: 10px; font-size: 1.1em; text-align: center; color: #fff; text-shadow: 2px 2px 2px #000; background: #469; background: rgba(0,0,0,0.2);} #header span.main {display: block; margin: 0 0 15px; font-size: 1.3em;} #header:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /*auto-cleares floats*/ /* MAIN COLUMN */ #mainCol h2 {margin: 10px 0 0; padding: 3px 5px; font-size: .9em; text-transform: uppercase; color: #fff; background: #469; background: rgba(0,0,0,0.5); text-shadow: 2px 2px 2px #444;} #textLive h2 {margin-top: 0; position: relative;} #textLive h2 span {position: absolute; right: 5px; bottom: 6px; font-size: .7em; color: #eee;} #textLive ul.submenu {padding: 2px 5px; font-size: .8em; background: #b4cfef;} #textLive ul.submenu li {display: inline; margin-right: 10px;} #textLive ul.submenu a:link, #textLive ul.submenu a:visited {text-transform: uppercase; font-size: .9em; color: #666; text-decoration: none;} #textLive ul.submenu a:hover {color: #222;} #textLive ul.submenu a.active {color: #222; text-shadow: 0 1px 1px #fff; font-weight: bold;} #textLive dl.events {clear: both; height: 300px; overflow: auto; width: 480px; margin: 0; padding: 10px 0 0 10px; font-size: .9em; background: #fff;} #textLive dl.events dt {width: 30px; float: left; margin: 0; padding: 3px 10px 3px 30px; color: #246; font-weight: bold; border-top: 1px dotted #469; background-color: transparent; background-image: url(http://static.vglive.no/new/img/eventIcons.png); background-position: 0 30px; background-repeat: no-repeat;} /* commented backslash hack for mac-ie5 \*/ #textLive dl.events dt {clear: both; } /* end hack */ #textLive dl.events dd {float: left; width: 385px; margin: 0; padding: 3px 0; border-top: 1px dotted #469;} #textLive dl.events:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /*auto-cleares floats*/ /* Specific icon styles */ #textLive dl.events dt.iconExclamationmark {background-position: 3px 3px;} #textLive dl.events dt.iconInjury {background-position: 3px -17px;} #textLive dl.events dt.iconChange {background-position: 3px -56px;} #textLive dl.events dt.iconYellowcard {background-position: 3px -77px;} #textLive dl.events dt.iconRedcard {background-position: 3px -97px;} #textLive dl.events dt.iconWhistle, #textLive dl.events dt.iconFinished, #textLive dl.events dt.iconPause, #textLive dl.events dt.iconMatchStarted, #textLive dl.events dt.iconMatchResumed {background-position: 3px -137px;} #textLive dl.events dt.iconBoring {background-position: 3px -197px;} #textLive dl.events dt.iconForum {background-position: 3px -297px;} #textLive dl.events dt.iconInterview {background-position: 3px -817px;} #textLive dl.events dt.iconYeah {background-position: 3px -837px;} #textLive dl.events dt.iconFacebook {background-position: 3px -477px;} #textLive dl.events dt.iconTwitter {background-position: 3px -956px;} /* Not in use #textLive dl.events dt.iconGoalBlack, #textLive dl.events dt.iconPenaltyGoalBlack, #textLive dl.events dt.iconBackwardsGoalBlack {background-position: 3px -937px;} #textLive dl.events dt.iconGoal, #textLive dl.events dt.iconPenaltyGoal, #textLive dl.events dt.iconBackwardsGoal {background-position: 3px -37px;} #textLive dl.events dt.iconCorner {background-position: 3px -117px;} #textLive dl.events dt.iconChanceOn {background-position: 3px -157px;} #textLive dl.events dt.iconChanceOutside, #textLive dl.events dt.iconPenaltyMiss {background-position: 3px -178px;} #textLive dl.events dt.iconOffside {background-position: 3px -217px;} #textLive dl.events dt.iconSecondYellow {background-position:15px -237px;} #textLive dl.events dt.iconNorway {background-position: 3px -555px;} #textLive dl.events dt.iconSweden {background-position: 3px -587px;} #textLive dl.events dt.iconDenmark {background-position: 3px -603px;} #textLive dl.events dt.iconEngland {background-position: 3px -570px;} #textLive dl.events dt.iconFrance {background-position: 3px -634px;} #textLive dl.events dt.iconItaly {background-position: 3px -618px;} #textLive dl.events dt.iconNetherlands {background-position: 3px -651px;} #textLive dl.events dt.iconGermany {background-position: 3px -714px;} #textLive dl.events dt.iconChampionsLeague {background-position: 3px -672px;} #textLive dl.events dt.iconUefaCup {background-position: 3px -697px;} #textLive dl.events dt.iconVGnett {background-position: 3px -737px;} #textLive dl.events dt.iconVGlive {background-position: 3px -756px;} #textLive dl.events dt.iconNT {background-position: 3px -777px;} #textLive dl.events dt.iconViewClip {background-position: 0 -797px;} #textLive dl.events dt.iconSticky {background-position: 10px -877px;} */ /* COLUMNS */ #leftCol h2, #rightCol h2 {margin: 10px 0 0; padding: 3px 5px; font-size: .8em; text-transform: uppercase; color: #fff; background: #79c; background: rgba(29,56,68,0.5); text-shadow: 1px 1px 1px #444;} #leftCol h2 a:link, #leftCol h2 a:visited, #rightCol h2 a:link, #rightCol h2 a:visited {color: #fff; text-decoration: none; border-bottom: 1px dotted #fff;} #leftCol h2 a:hover, #rightCol h2 a:hover {color: #fff; border-bottom: 1px solid #fff;} /* LEFT COLUMN */ #leftCol #eventList h2 {margin: 0;} #leftCol #eventList ul.roundNav {position: relative; margin-top: 5px; padding: 1px 5px; text-align: center; font-size: .9em;} #leftCol #eventList ul.roundNav li {display: inline;} #leftCol #eventList ul.roundNav li.prev a {position: absolute; left: 2px; height: 18px; width: 18px; overflow: hidden; text-indent: -5000px; background: #378 url(http://static.vglive.no/new/img/liveIcons.png) -1px -21px no-repeat; background-color: rgba(0,0,0,0.3); border-radius: 5px; -moz-border-radius : 5px; -webkit-border-radius : 5px;} #leftCol #eventList ul.roundNav li.next a {position: absolute; right: 2px; height: 18px; width: 18px; overflow: hidden; text-indent: -5000px; background: #378 url(http://static.vglive.no/new/img/liveIcons.png) -1px -63px no-repeat; background-color: rgba(0,0,0,0.3); border-radius: 5px; -moz-border-radius : 5px; -webkit-border-radius : 5px;} #leftCol #eventList dl {clear: both; font-size: .9em;} #leftCol #eventList dl dt {padding: 2px 5px; color: #fff; background: #749cc0; background: rgba(29,56,68,0.3); text-shadow: 1px 1px 2px #000;} #leftCol #eventList dl dd {margin: 0; padding: 2px 5px; color: #246; font-weight: bold; text-shadow: 0 1px 1px #fff; background: transparent; background: rgba(255,255,255,0.2); border-top: 1px solid #eee; border-bottom: 1px solid #79c;} #leftCol #eventList dl dd.vgfollow {background: #d3e7fd; background: rgba(255,255,255,0.5);} #leftCol #eventList dl dd a:link, #leftCol #eventList dl dd a:visited {font-weight: normal; text-decoration: none; color: #246;} #leftCol #eventList dl dd a:hover {color: #000; text-decoration: underline;} #leftCol #eventList dl dd + dt {margin-top: 5px;} /* forumutlisting */ #leftCol .forumList ul {margin: 5px; font-size: .8em;} #leftCol .forumList ul a {display: block;} #leftCol .forumList ul li {padding: 2px; border-bottom: 1px dotted #469;} #leftCol .forumList p {font-size: .8em; margin: 5px;} /* RIGHT COLUMN */ /* ad hoc menu */ #rightCol .menu {height: 93px;} #rightCol .menu h2 {margin-top: 0;} #rightCol .menu ul {list-style: none; margin: 10px 5px; padding: 0; text-align: center;} #rightCol .menu ul li {display: inline; margin: 3px 0; padding: 2px 5px; font-size: .9em;} #rightCol .menu a:link, #rightCol .menu a:visited {color: #246; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);} /* list of last related articles */ #rightCol .lastArticles {padding-bottom: 0; border-bottom: 0;} #rightCol .lastArticles h2 {background: #469; background: rgba(29,56,68,0.6);} #rightCol .lastArticles ul {list-style: none; margin: 0; padding: 0; font-size: .9em;} #rightCol .lastArticles li {padding: 2px 0 2px 7px; border-top: 1px solid #aecaec; border-bottom: 1px solid #79c;} #rightCol .lastArticles li a:link, #rightCol .lastArticles li a:visited {text-decoration: none; color: #246; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);} #rightCol .lastArticles li a:hover {text-decoration: underline;} #rightCol .lastArticles p.lesmer {margin: 0; padding: 2px 0 5px 7px; font-size: .9em;} /* twitter */ #twitterfeed dl {margin: 0 0 0 5px; padding-right: 5px; font-size: .9em; height: 250px; overflow: auto; margin-bottom: 30px; border-bottom: 1px dotted #79c;} #twitterfeed dl dt {clear: both; margin: 3px 0 0 0; padding: 3px 0 0 55px; font-weight: bold; color: #469; border-top: 1px dotted #79c;} #twitterfeed dl dd {margin: 2px 0 2px 55px;} #twitterfeed dl dd.image {float: left; margin: -14px 5px 0 2px;} #twitterfeed img {width: 45px; height: 45px;} #twitterfeed dl dd.tweet a:link, #twitterfeed dl dd.tweet a:visited {color: #222; text-decoration: none;} #twitterfeed dl dd.tweet a:hover {color: #000; text-decoration: underline;} #twitterfeed dl dt:first-child {border: none;} /* Discussions */ #vgdThread iframe { height: 400px; width: 290px; border: 0; } /* FOOTER ---------------------------------------------- */ #footer {clear: both; margin: 0; padding: 40px 0 0; text-align: center; font-family: "Lucida Grande", arial, sans-serif; color: #444; font-size: 80%;} #footer a:link, #footer a:visited {color: #469;} #footer a:hover {color: #000;} #footer ul {list-style-type: none; margin: 10px 0 5px 0;} #footer li {display: inline;} #footer p {margin: 3px 0;}