web/res/css/custom.css
changeset 229 74c9ddc3640b
parent 203 8124cde38141
child 233 10d6fd6ce9ab
equal deleted inserted replaced
228:1bcc79e78fa1 229:74c9ddc3640b
    31 .menu{float:left;height:62px;border-left:1px solid #c3c3c3;list-style-type:none;padding:0px;margin:0px;}
    31 .menu{float:left;height:62px;border-left:1px solid #c3c3c3;list-style-type:none;padding:0px;margin:0px;}
    32 .menuUnderline{margin-left:0px;padding-left:0px;background-image:url(../../images/menu_underline.gif);background-repeat:no-repeat;background-position:left bottom; width:100px;margin-top:3px;}
    32 .menuUnderline{margin-left:0px;padding-left:0px;background-image:url(../../images/menu_underline.gif);background-repeat:no-repeat;background-position:left bottom; width:100px;margin-top:3px;}
    33 .menuLink{text-decoration:none; margin:5px; color:#000}
    33 .menuLink{text-decoration:none; margin:5px; color:#000}
    34 .menuLink:active {text-decoration:none;}
    34 .menuLink:active {text-decoration:none;}
    35 .menuLink:visited {text-decoration:none;}
    35 .menuLink:visited {text-decoration:none;}
    36 .mdselect{margin-left:100px; width: 150px}
    36 .mdselect{width: 150px}
    37 .mdselect select {margin-left:5px; width: 100px}
    37 .mdselect select {margin-left:5px; width: 100px}
    38 .lang{margin-left:450px;}
    38 .lang{margin-left:350px;}
    39 .shortlang{margin-left:300px;}
    39 .shortlang{margin-left:300px;}
    40 
    40 
    41 .tweetContainer{position:absolute; margin-top:70px;}
    41 .tweetContainer{position:absolute; margin-top:70px;}
    42 .tweetWriter{background-image:url(../../images/tweetWriterBgd.gif);width:359px;height:136px;padding:10px;position:absolute; margin-top:70px;}
    42 .tweetWriter{background-image:url(../../images/tweetWriterBgd.gif);width:359px;height:136px;padding:10px;position:absolute; margin-top:70px;}
    43 .tweetWriterTitle{color:4b4b4b;font-family: 'PT Sans Narrow', arial, serif;}
    43 .tweetWriterTitle{color:4b4b4b;font-family: 'PT Sans Narrow', arial, serif;}
    44 .tweetExplain{background-image:url(../../images/tweetExplainBgd.gif);width:359px;height:510px;padding:10px;position:absolute; margin-top:70px;}
    44 .tweetExplain{background-image:url(../../images/tweetExplainBgd.gif);width:359px;height:510px;padding:10px;position:absolute; margin-top:70px;}
       
    45 #tweetCounter{background-color:transparent;display:inline-block;border:0;border-style:none;font-weight:bold;}
       
    46 .tweetCounterNegative{color:red;}
    45 
    47 
    46 .tweetReader{width:377px;height:450px;position:absolute; margin-top:225px;border:1px solid #c3c3c3;background:#ffffff;}
    48 .tweetReader{width:377px;height:450px;position:absolute; margin-top:225px;border:1px solid #c3c3c3;background:#ffffff;}
    47 .tweetButton{float:right;margin-right:5px;}
    49 .tweetButton{float:right;margin-right:5px;cursor:pointer;}
    48 
    50 
    49 .timelinePlayer{border:1px solid #c3c3c3;width:650px;height:650px;}
    51 .timelinePlayer{border:1px solid #c3c3c3;width:650px;height:650px;}
    50 .videoLivePlayer{border:1px solid #c3c3c3;width:500px;height:375px;}
    52 .videoLivePlayer{border:1px solid #c3c3c3;width:500px;height:375px;}
    51 .videoLive{width:500px;height:378px;background:#fff;float:left;margin-top:20px;padding:5px;}
    53 .videoLive{width:500px;height:378px;background:#fff;float:left;margin-top:20px;padding:5px;}
    52 .videoLiveProgram{width:500px;margin-top:425px;margin-left:392px;position:absolute;}
    54 .videoLiveProgram{width:500px;margin-top:425px;margin-left:392px;position:absolute;}
    96 #positive:visited {text-decoration:none;}
    98 #positive:visited {text-decoration:none;}
    97 #negative{background: transparent url('../../images/bt_red.png') no-repeat;width:32px;height:20px;text-decoration: none;font: normal 12px;color: #444;text-align:center; }
    99 #negative{background: transparent url('../../images/bt_red.png') no-repeat;width:32px;height:20px;text-decoration: none;font: normal 12px;color: #444;text-align:center; }
    98 #negative:active {text-decoration:none;}
   100 #negative:active {text-decoration:none;}
    99 #negative:visited {text-decoration:none;}
   101 #negative:visited {text-decoration:none;}
   100 
   102 
       
   103 .scrollable {
       
   104     position:relative;
       
   105     overflow:hidden;
       
   106 /*    width: 660px;*/
       
   107 }
       
   108 
       
   109 
       
   110 .scrollable .items {
       
   111     /* this cannot be too large */
       
   112     width:20000em;
       
   113     position:absolute;
       
   114 }
       
   115 
       
   116 .item {
       
   117     float:left;
       
   118     margin: 0 10px;
       
   119 }
       
   120 
   101 .introBox{width:880px;height:280px;padding:10px;position:absolute; margin-top:70px;}
   121 .introBox{width:880px;height:280px;padding:10px;position:absolute; margin-top:70px;}
   102 .aboutBox{background-image:url(../../images/archivesBoxBody.gif);width:900px;position:absolute; margin-top:70px;}
   122 .aboutBox{background-image:url(../../images/archivesBoxBody.gif);width:900px;position:absolute; margin-top:70px;}
   103 .archivesBox{background-image:url(../../images/archivesBoxBody.gif);width:900px;position:absolute; margin-top:450px;}
   123 .archivesBox{background-image:url(../../images/archivesBoxBody.gif);width:900px;height:297px;position:absolute; margin-top:450px;}
   104 .archivesBoxContainer{padding:10px;width:880px;padding-bottom:0px;display:block; }
   124 .archivesBoxArchive{width:900px;}
       
   125 .archivesBoxContainer{padding:10px 10px 0 0;width:880px;display:block;height:280px; }
   105 .archivesBoxClear { /* generic container (i.e. div) for floating buttons */
   126 .archivesBoxClear { /* generic container (i.e. div) for floating buttons */
   106     overflow: hidden;
   127     overflow: hidden;
   107     width: 100%;
   128     width: 100%;
   108 	background-image:url(../../images/archivesBoxBody.gif);
   129 	background-image:url(../../images/archivesBoxBody.gif);
   109 	height:10px;
   130 	height:10px;
   110 }
   131 }
   111 .archivesBoxFooter{background-repeat:no-repeat;background-position:left bottom;background-image:url(../../images/archivesBoxFooter.gif);width:100%;height:3px;}
   132 .archivesBoxFooter{background-repeat:no-repeat;background-position:left bottom;background-image:url(../../images/archivesBoxFooter.gif);width:100%;height:3px;}
   112 .archivesBoxHeader{background-repeat:no-repeat;background-position:left top;background-image:url(../../images/archivesBoxHeader.gif);width:100%;height:3px;}
   133 .archivesBoxHeader{background-repeat:no-repeat;background-position:left top;background-image:url(../../images/archivesBoxHeader.gif);width:100%;height:3px;}
   113 
   134 
   114 .archivesTitle{color:4b4b4b;font-family: 'PT Sans Narrow', arial, serif;font-size:24px;}
   135 .archivesTitle{color:4b4b4b;font-family: 'PT Sans Narrow', arial, serif;font-size:24px;}
       
   136 .archivesTitleContainer{float:left;margin-left: 10px;}
       
   137 .archivesActionsContainer{width:45px;height:30px; float:right;}
       
   138 .archivesTitleActionsContainer{overflow: auto; width: 100%;}
   115 .archivesVideoBox{margin:5px;padding:5px;position:relative;display:inline-block;float:left;border: solid 1px #ccc;background:#f2f2f2;cursor:pointer;}
   139 .archivesVideoBox{margin:5px;padding:5px;position:relative;display:inline-block;float:left;border: solid 1px #ccc;background:#f2f2f2;cursor:pointer;}
   116 .AVBtitle{font-weight:bold;font-family: 'PT Sans Narrow', arial, serif; font-size:18px;}
   140 .AVBtitle{font-weight:bold;font-family: 'PT Sans Narrow', arial, serif; font-size:18px;}
   117 
   141 
   118 .slideTitle{font-size:20px;}
   142 .slideTitle{font-size:20px;}
   119 .slideText{font-size:15px;}
   143 .slideText{font-size:15px;}
   120 .slides{background-repeat:no-repeat;background-position:right top;}
   144 .slides{background-repeat:no-repeat;background-position:right top;}
   121 #minilogo{background-repeat:no-repeat;background-position:left top;background-image:url(../../images/pol_color.gif);width:46px;height:10px;margin-top:50px;z-index:9;position:absolute;margin-left:100px;}}
   145 #minilogo{background-repeat:no-repeat;background-position:left top;background-image:url(../../images/pol_color.gif);width:46px;height:10px;margin-top:50px;z-index:9;position:absolute;margin-left:100px;}
       
   146 
       
   147 a.browse {
       
   148 	background: url(../../images/horizontal.png) no-repeat;
       
   149 	display: block;
       
   150 	width: 20px;
       
   151 	height: 20px;
       
   152 	cursor: pointer;
       
   153 	font-size: 1px;
       
   154 }
       
   155 
       
   156 a.right                 { background-position: 0 -20px; }
       
   157 a.right:hover       { background-position:-20px -20px; }
       
   158 a.right:active  { background-position:-40px -20px; } 
       
   159 
       
   160 
       
   161 /* left */
       
   162 a.left              { margin-left: 0px; } 
       
   163 a.left:hover        { background-position:-20px 0; }
       
   164 a.left:active   { background-position:-40px 0; }
       
   165 
       
   166 /* disabled navigational button */
       
   167 #actions a.disabled {
       
   168     visibility:hidden !important;       
       
   169 }