/* UNED5 General Layout and Text Style CSS. */ /* uned 5 colour red #d80828 */ /* uned 5 colour xmas blue #d80828 */ /* Basic HTML ----------------------------------------------------------------------------------------------------*/ html { height: 100%; background: #d80828 url(../img/layout/bg_html_red.jpg) repeat; } body { font: 13px/1.5 Helvetica, Arial, sans-serif; color: #fff; } /* Valentine Change */ /* html { height: 100%; } body { font: 13px/1.5 Helvetica, Arial, sans-serif; color: #fff; background: #ff2a7f url(../img/layout/bg_calonau.jpg) no-repeat center top; } */ a:link, a:visited { margin: 0px; padding: 0px; color: #d80828; text-decoration: none; } a:hover { color: #fff; text-decoration: underline; } a:focus { outline: 1px dotted invert; } hr { border: 0 #ccc solid; border-top-width: 1px; clear: both; height: 0; } .hidden { display: none; } /* Containers ----------------------------------------------------------------------------------------------------*/ .container_100_percent { position: relative; width: 100%; margin: 0px auto; } /* `Clear Floated Elements ----------------------------------------------------------------------------------------------------*/ /* http://sonspring.com/journal/clearing-floats */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */ .clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } .clearfix { display: inline-block; } .clear_right { clear: right; } .clear_both { clear: both; } * html .clearfix { height: 1%; } .clearfix { display: block; } /* Custom Grid / Boxes ----------------------------------------------------------------------------------------------------*/ .box_65 { float: left; width: 65px; position: relative; } .box_198 { float: left; width: 198px; position: relative; } .box_230 { float: left; width: 230px; position: relative; } .box_235 { float: left; width: 235px; position: relative; } .box_270 { float: left; width: 270px; position: relative; } .box_345 { float: left; width: 345px; position: relative; } .box_355 { float: left; width: 355px; position: relative; } .box_365 { float: left; width: 365px; position: relative; } .box_420 { float: left; width: 420px; position: relative; } .box_440 { float: left; width: 440px; position: relative; } .box_530 { float: left; width: 530px; position: relative; } .box_650 { float: left; width: 650px; position: relative; } .box_760 { float: left; width: 760px; position: relative; } /* Only used on home page */ /* UNED5 Header Layout ----------------------------------------------------------------------------------------------------*/ #uned5_logo { float: left; margin-left: 16px; margin-bottom: 0px; } #uned5_header { position: relative; margin: 0 auto; background: url(../img/layout/bg_header.png) no-repeat; width: 760px; height: 92px; } #uned5_header .header_top { height: 58px; } #uned5_header .header_top ol { padding-top: 19px; padding-left: 170px; margin-bottom: 0px; } #uned5_header .header_top li { list-style: none; display: inline; font: bold 15px Helvetica, Arial, sans-serif; color: #fff; margin: 0 16px; height: 60px; } #uned5_header .header_top li a { padding: 18px 0px; color: #fff; text-decoration: none; } #uned5_header .header_top li a:hover { color: #d80828; } #uned5_header .header_bottom { height: 30px; margin-top: 4px; } #uned5_header #search { float: right; margin: 0px; padding: 0px; width: 255px; margin-bottom: 0px; } #uned5_header fieldset { margin-bottom: 0px; } #uned5_header label {float: left; padding-top: 3px; font-weight: bold; padding-right: 4px; } #uned5_header .header_bottom #search_box { float: left; width: 154px; height: 25px; background: url(../img/layout/header_search_input.png) no-repeat; } #uned5_header .header_bottom .input { float: left; padding: 0; margin: 5px 0 0 6px; border: 0; width: 147px; background: #fff; } #uned5_header .header_bottom button { float: right; margin: 0px; width: 34px; height: 25px; } /* UNED5 Banner Styles ----------------------------------------------------------------------------------------------------*/ #uned5_banner { position: relative; width: 760px; height: 229px; margin: 0px auto; } #uned5_banner_hidden { position: relative; width: 760px; height: 10px; margin: 0px auto; } /* UNED5 Content Styles ----------------------------------------------------------------------------------------------------*/ .uned5_content { width: 740px; margin: 0px auto; background: #000; padding: 0px 10px; } .uned5_content_top_curve { background: url(../img/layout/content_top_curve.png) no-repeat; margin: 0px auto; width: 760px; height: 12px; } .uned5_content_bottom_curve { background: url(../img/layout/content_bottom_curve.png) no-repeat; margin: 0px auto; width: 760px; height: 40px;} /* margin-bottom:20px; (Dolig) */ /* UNED5 Footer Styles ----------------------------------------------------------------------------------------------------*/ .uned5_footer_top_curve { background: url(../img/layout/footer_top_curve.png) no-repeat; margin: 30px auto 0px; width: 728px; height: 20px; } .uned5_footer_bottom_curve { background: url(../img/layout/footer_bottom_curve.png) no-repeat; margin: 0px auto; padding-bottom: 10px; width: 728px; height: 8px;} #uned5_footer { margin: 0px auto; background: #1f1f1f; width: 728px; z-index: 2; color: #fff; padding: 0px 0px; } #uned5_footer .box1 { float: left; width: 250px; padding-left: 8px; border-right: 1px solid #333; } #uned5_footer .box2 { float: left; width: 250px; margin-right: 0px; padding-left: 10px; border-right: 1px solid #333; } #uned5_footer .box3 { float: left; width: 185px; padding-left: 10px; padding-right: 8px; text-align: right; } #uned5_footer h1 { font: bold 22px Helvetica, Arial, sans-serif; color: #f4f4f4; margin-bottom: 10px; margin-top: 0px;} #uned5_footer p { font: 12px/20px Helvetica, Arial, sans-serif; color: #f4f4f4; margin-bottom: 3px; } #uned5_footer ul { float: left; margin-right: 12px; } #uned5_footer li { list-style: none; font-size: 12px; margin: 0px; padding: 0px; margin-bottom: 5px; } #uned5_footer li a { color: #f4f4f4; text-decoration: underline; } /* UNED5 Footer Styles ----------------------------------------------------------------------------------------------------*/ #uned5_footer #socialicons ul { position: relative; right: 0px; } #uned5_footer #socialicons li { display: inline; margin-left: 3px; } /* facebook etc */ ul#social{list-style:none;overflow:auto;width:100%;margin-bottom:3px;padding-left:92px;} ul#social li{float:left;margin-left:6px;} /* Tabs ----------------------------------------------------------------------------------------------------*/ .tabs { position: relative; width: 100%; } .idTabs > li { list-style:none; float:left; margin-left: 2px; font-weight: bold; margin-bottom: 0px; } .tabs p { font-weight: normal; } .tabs ul.idTabs a { display:block; padding:5px 9px; text-decoration:none; color:#FFF; background:#1c1c1c; border-left: 1px solid #272727; border-right: 1px solid #272727; border-top: 1px solid #272727; margin-bottom: 0px; } .tabs ul.idTabs a:hover { color:#FFF; background:#1c1c1c; } .tabs ul.idTabs a.selected { margin-bottom:0; color:#fff; background:#0e0e0e; cursor:default; } .tabs > div { padding:10px 10px 8px 10px; clear:left; background:#0e0e0e; border-top: 1px solid #272727; } .tabs > div > a { color:#000; font-weight:bold; } .tabs > div dl dt { clear:both; display:block;font-weight:bold; padding-right:6px; width:110px; } .tabs > div dl dd { display: block; padding-bottom: 10px; border-bottom: solid 1px #1a1a1a; margin-bottom: 10px; } .tabs > div p a, .tabs h6 a { background: none; padding: 0px; margin: 0px; border: none; color: #d80828; } .tabs > div p a:hover, .tabs > h6 a:hover { color: #fff; background: none; } .tabs > .tabcontent_nomargin_nopadding { margin: 0px; padding: 0px; } /* Bullet List Cyfresi Byr ----------------------------------------------------------------------------------------------------*/ .bullets_cyfresi_byr ul { list-style: none; } .bullets_cyfresi_byr li { padding: 0px; margin: 0px; margin: 10px 0px; display: block; padding-bottom: 10px; } /* User Comments ----------------------------------------------------------------------------------------------------*/ #commentsList { margin: 0px 0 40px; padding: 0; } #commentsList li { padding: 10px 0 20px; list-style: none; border-bottom: solid 1px #1a1a1a; position: relative; float:none;} #commentsList cite { font: bold 135%/110% Arial, Helvetica, sans-serif; color: #d80828; margin-bottom: 0px; } #commentsList .datetime { font-weight: bold; color: #ccc; margin: 0 0 10px; } /* Comment Form ----------------------------------------------------------------------------------------------------*/ div.form_element{ border:0; position:relative; padding:10px; } div.form_element label{ position:absolute; } div.form_element input[type="text"], div.form_element textarea{ width:200px; margin-left:100px; } #commentsubmit{ width:70px; } /* Cwestiwn ac Ateb ----------------------------------------------------------------------------------------------------*/ #cwestiwnateb { float: left; width: 263px; background: #3b8d68; position: relative; margin-top: 107px; margin-bottom: 20px; height: 132px; padding: 4px; } .cystadleuaeth_cwestiwn { background: #1a1a1a; border: 1px solid #333; width: 720px; padding: 10px; } .cystadleuaeth_cwestiwn hr { border: 2px solid #1d1d1d; margin-top: 10px; margin-bottom: 10px; } /* Cystadlaeaeth Form ----------------------------------------------------------------------------------------------------*/ .cystadleuaeth_cwestiwn_form fieldset { } .cystadleuaeth_cwestiwn_form legend { display: none; padding: 0.2em 0.4em; font: bold 0.9em Arial, Helvetica, sans-serif; background: #deffa9; } .cystadleuaeth_cwestiwn_form fieldset div { clear: left; margin: 0em; padding-left: 4px; padding-top: 0px; } .cystadleuaeth_cwestiwn_form fieldset div label { float: left; width: 80px; font-weight: bold; padding-top: 7px; margin-bottom: 20px; margin-left: 0px; } .cystadleuaeth_cwestiwn_form fieldset div label.alt { float: none; width: 100px; font-weight: bold; padding-top: 7px; margin-bottom: 20px; margin-left: 0px; } .cystadleuaeth_cwestiwn_form .input { background: #fff; width: 300px; padding: 5px; font: 13px Arial, Helvetica, sans-serif; border: 1px solid #333; color: #000; } .cystadleuaeth_cwestiwn_form .textarea { background: #fff; width: 300px; padding: 5px; font: 13px Arial, Helvetica, sans-serif; border: 1px solid #333; color: #000; margin-bottom: 15px; } .cystadleuaeth_cwestiwn_form .button { margin-top: 10px; } .cystadleuaeth_cwestiwn_form .error { width: 680px; padding: 20px; background: #FCF; } .cystadleuaeth_cwestiwn_form .success { width: 700px; padding: 20px; } /* Related Videos ----------------------------------------------------------------------------------------------------*/ .relatedVideos { margin: 0px 0 40px; padding: 0; } .relatedVideos p, .relatedVideos h6 { margin-bottom: 0px; } .relatedVideos li { padding: 15px 2px 15px; list-style: none; border-bottom: solid 1px #1a1a1a; float: left; margin-left: 2px; width:170px; height:134px;} .relatedVideos2 { margin: 0px 0 40px; padding: 0; } .relatedVideos2 p, .relatedVideos h6 { margin-bottom: 0px; } .relatedVideos2 ul { margin: 0px; padding: 0px; } .relatedVideos2 li { padding: 15px 0px 15px; list-style: none; border-bottom: solid 1px #1a1a1a; float: left; margin-left: 2px; width:170px; } .relatedVideos li a{ padding:0; } /* bottom Video div ----------------------------------------------------------------------------------------------------*/ div.strand_video_thumb{ float:left; margin-right:12px; } div.strand_video_thumb.omega { margin-right:0; } /* Bands & Guest Profile Photo ----------------------------------------------------------------------------------------------------*/ .guest_profile { float: left; margin-right: 10px; margin-bottom: 20px;} .guest_profile img { border: 1px solid #333; padding: 2px; } .guest_profile img:hover { border-color: #d80828; } .guest_profile p { font-weight: bold; } .bands_profile { float: left; margin-right: 11px; margin-bottom: 20px; } .bands_profile img { border: 1px solid #333; padding: 2px; } .bands_profile img:hover { border-color: #d80828; } .bands_profile p { font-weight: bold; } .cyflwynwyr_profile { float: left; margin-right: 10px; margin-bottom: 20px; } .cyflwynwyr_profile img { border: 1px solid #333; padding: 2px; } .cyflwynwyr_profile img:hover { border-color: #d80828; } .cyflwynwyr_profile p { font-weight: bold; } /* JS - Easy Slider */ #guest_slider ul, #guest_slider li, #bands_slider ul, #bands_slider li, #gwestai_wythnos_nesa ul, #gwestai_wythnos_nesa li { margin:0; padding:0; list-style:none; } #guest_slider li { width:730px; height:425px; overflow:hidden; } #bands_slider li { width:730px; height:470px; overflow:hidden; } #gwestai_wythnos_nesa li { width:355px; height:250px; overflow:hidden; } ol#controls, ol#control_bands { margin:3px 0px 50px 0px; padding:0; height:28px; } ol#control_gwestai_wythnos_nesa { border-top: 3px solid #1d1d1d; margin: 0px 0px 25px 0px; padding:0; padding-top: 10px; height:28px; } ol#controls li, ol#control_bands li, ol#control_gwestai_wythnos_nesa li { margin:0 5px 0 0; padding:0; float:left; list-style:none; height:28px; line-height:28px; } ol#controls li a, ol#control_bands li a, ol#control_gwestai_wythnos_nesa li a { float:left; height:28px; line-height:28px; border:1px solid #444444; background:#222222; color:#efefef; padding:0 10px; text-decoration:none; } ol#controls li.current a, ol#control_bands li.current a, ol#control_gwestai_wythnos_nesa li.current a { background:#d80828; color:#fff; } ol#controls li a:focus, ol#control_bands li a:focus, ol#control_gwestai_wythnos_nesa li a:focus {outline:none;} /* Gwestai Wythnos Nesaf - Description Style ----------------------------------------------------------------------------------------------------*/ .gwestai_wythnos_nesa_profile .picture { float: left; margin-right: 5px; width: 140px; } .gwestai_wythnos_nesa_profile p { line-height:1.4em;} /* Misc Styles ----------------------------------------------------------------------------------------------------*/ #videoContainer { margin: 0 auto; width: 640px; margin-bottom: 20px;height:390px;} #gameContainer { margin: 0 auto; width: 470px; margin-bottom: 20px;margin-left:80px;height:500px;} .presenters_home { position: absolute; top: -200px; right: -10px; width: 270px; height: 247px; z-index: 1; } .text_gwyliwch_uned5 { background: url(../img/layout/text_gwyliwch_uned5_eto.jpg) no-repeat top left; text-indent: -9999px; height: 247px; z-index: 5; } .text_uned5_cartref { background: url(../img/layout/text_uned5_cartref.png) no-repeat top left; text-indent: -9999px; height: 237px; margin-bottom: 0px;margin-top:20px; } .text_cwestiwn_a_ateb { position: absolute; top: -40px; left: 0px; background: url(../img/layout/text_cwestiwn_a_ateb.png) no-repeat left 0px; text-indent: -9999px; width: 119px; height: 43px; } .text_cystadlu { background: url(../img/layout/text_cystadlu.jpg) no-repeat top left; text-indent: -9999px; height: 247px; z-index: 5; } .text_ycwestiwn { background: url(../img/layout/text_ycwestiwn.jpg) no-repeat top left; text-indent: -9999px; height: 247px; z-index: 5; } .cwestiwn_cyflwynydd { font-weight: bold; color: #fff; } .ateb_cyflwynydd { font-weight: normal; color: #fff; } .banner_s4c_clic { position: absolute; bottom: 0px; } /* Small Styling Images - Presenters and Short clips ----------------------------------------------------------------------------------------------------*/ .small_presenters { position: absolute; top: -59px; right: 10px; text-indent: -9999px; background: url(../img/layout/presenters_headshoulders.jpg) no-repeat top right; width: 221px; height: 90px;} .small_coginio { position: absolute; top: -59px; right: 10px; text-indent: -9999px; background: url(../img/layout/presenters_headshoulders.jpg) no-repeat top right; width: 221px; height: 90px;} .small_gemaugwahanol { position: absolute; top: -59px; right: 10px; text-indent: -9999px; background: url(../img/layout/presenters_headshoulders.jpg) no-repeat top right; width: 221px; height: 90px;} .small_yncyflwyno { position: absolute; top: -59px; right: 10px; text-indent: -9999px; background: url(../img/layout/presenters_headshoulders.jpg) no-repeat top right; width: 221px; height: 90px;} .small_colegau { position: absolute; top: -59px; right: 10px; text-indent: -9999px; background: url(../img/layout/presenters_headshoulders.jpg) no-repeat top right; width: 221px; height: 90px;} #rhaglen_like{ float:right; } /* Headings and Font Styles ----------------------------------------------------------------------------------------------------*/ .text_capitalize { text-transform: capitalize; } /* H1 Styles ----------------------------------------------------------------------------------------------------*/ h1 { font: bold 28px Helvetica, Arial, sans-serif; color: #d80828; margin-bottom: 40px; } /* H2 Styles ----------------------------------------------------------------------------------------------------*/ h2 { font: bold 22px Helvetica, Arial, sans-serif; color: #ffffff; margin-bottom: 10px; height: 33px; } h2.large { font-size: 25px; } h2 a { display: block; } h2.sul_yma { text-indent: -9999px; background: url(../img/layout/h2_sul_yma.gif) no-repeat; } h2.sul_yna { text-indent: -9999px; background: url(../img/layout/h2_sul_yna.gif) no-repeat; } h2.gwylio_yn_fyw{text-indent: -9999px; background: url(../img/layout/h2_live.gif) no-repeat;} h2.cystadleuath { text-indent: -9999px; background: url(../img/layout/h2_cystadleuath.gif) no-repeat; }/* for 1 cynnig i Gymro */ h2.cystadleuaeth { text-indent: -9999px; background: url(../img/layout/h2_cystadleuaeth.gif) no-repeat; } h2.cystadleuaeth_sul { text-indent: -9999px; background: url(../img/layout/h2_cystadleuaeth_sul.gif) no-repeat; } h2.ser_sul_yma { text-indent: -9999px; background: url(../img/layout/h2_ser_sul_yma.gif) no-repeat; } h2.cyfresi_byr { text-indent: -9999px; background: url(../img/layout/h2_cyfresi_byr.gif) no-repeat; } h2.mwy_o_fideos { text-indent: -9999px; background: url(../img/layout/h2_mwy_o_fideos.gif) no-repeat; } h2.ymunwch_a_uned5 { text-indent: -9999px; background: url(../img/layout/h2_ymunwch_a_uned5.gif) no-repeat; height: 37px; } h2.gwyliwch_yn_fyw { text-indent: -9999px; background: url(../img/layout/h2_gwyliwch_yn_fyw.gif) no-repeat; height: 37px; } h2.rhagor_uned5_gyda_elliw_a_gwenno { text-indent: -9999px; background: url(../img/layout/h2_rhagor_uned5_gyda_elliw_a_gwenno.gif) no-repeat; height: 37px; } h2.gwobrwyo{ text-indent: -9999px; background: url(../img/layout/h2_gwobrwyo.gif) no-repeat; height: 37px; } h2.rhydian_bowen_phillips { text-indent: -9999px; background: url(../img/layout/h2_rhydian_bowen_phillips.gif) no-repeat; height: 37px; } h2.llinos_lee { text-indent: -9999px; background: url(../img/layout/h2_llinos_lee.gif) no-repeat; height: 37px; } h2.leni_hatcher { text-indent: -9999px; background: url(../img/layout/h2_leni_hatcher.gif) no-repeat; height: 37px; } h2.gwawr_loader { text-indent: -9999px; background: url(../img/layout/h2_gwawr_loader.gif) no-repeat; height: 37px; } h2.gwenno_haf { text-indent: -9999px; background: url(../img/layout/h2_gwenno_haf.gif) no-repeat; height: 37px; } h2.elliw_baines { text-indent: -9999px; background: url(../img/layout/h2_elliw_baines.gif) no-repeat; height: 37px; } h2.tudur_evans { text-indent: -9999px; background: url(../img/layout/h2_tudur_evans.gif) no-repeat; height: 37px; } h2.lisa_pyrs { text-indent: -9999px; background: url(../img/layout/h2_lisa_pyrs.gif) no-repeat; height: 37px; } h2.gethin_thomas { text-indent: -9999px; background: url(../img/layout/h2_gethin_thomas.gif) no-repeat; height: 37px; } h2.mwy_o_fideos_yn_y_gyfres_yma { text-indent: -9999px; background: url(../img/layout/h2_mwy_o_fideos_yn_y_gyfres_yma.gif) no-repeat; height: 37px; } h2.disgrifiad_or_gyfres { clear:both; text-indent: -9999px; background: url(../img/layout/h2_disgrifiad_or_gyfres.gif) no-repeat; height: 37px; } h2.cystadleuaeth_y_we_1 { text-indent: -9999px; background: url(../img/layout/h2_cystadleuaeth_y_we_1.gif) no-repeat; height: 37px; } h2.cystadleuaeth_y_we_2 { text-indent: -9999px; background: url(../img/layout/h2_cystadleuaeth_y_we_2.gif) no-repeat; height: 37px; } h2.cystadleuaeth_y_we_3 { text-indent: -9999px; background: url(../img/layout/h2_cystadleuaeth_y_we_3.gif) no-repeat; height: 37px; } h2.cystadleuaeth_y_we_4 { text-indent: -9999px; background: url(../img/layout/h2_cystadleuaeth_y_we_4.gif) no-repeat; height: 37px; } h2.cystadleuaeth_y_we_5 { text-indent: -9999px; background: url(../img/layout/h2_cystadleuaeth_y_we_5.gif) no-repeat; height: 37px; } h2.enillwyr_diweddar { text-indent: -9999px; background: url(../img/layout/h2_enillwyr_diweddar.gif) no-repeat; height: 37px; } h2.hwyl_fawr { text-indent: -9999px; background: url(../img/layout/h2_hwyl_fawr.gif) no-repeat; height: 37px; } /* H3 Styles ----------------------------------------------------------------------------------------------------*/ h3 { font: bold 15px Helvetica, Arial, sans-serif; color: #d80828; margin-bottom: 4px; } h3.smaller { font-size: 13px; } h3.gweld_y_cyfan { padding-top: 7px; text-align: right; background: url(../img/layout/h3_gweld_cyfan.gif) no-repeat; height: 33px; } h3.gwesteion_rhaglen_wythnos_yma { text-indent: -9999px; background: url(../img/layout/h3_gwesteion_rhaglen_wythnos_yma.gif) no-repeat; height: 37px; } h3.cystadleuaeth_y_rhaglen { text-indent: -9999px; background: url(../img/layout/h3_cystadleuaeth_y_rhaglen.gif) no-repeat; height: 37px; } h3.coginio_gyda_gethin { text-indent: -9999px; background: url(../img/layout/h3_coginio_gyda_gethin.gif) no-repeat; height: 37px; } h3.cystadleuaeth_y_we { text-indent: -9999px; background: url(../img/layout/h3_cystadleuaeth_y_we.gif) no-repeat; height: 37px; } h3.gwesteion_rhaglen_wythnos_dwythaf { text-indent: -9999px; background: url(../img/layout/h3_gwesteion_rhaglen_wythnos_dwythaf.gif) no-repeat; height: 37px; } h3.beth_sydd_wythnos_nesaf{ text-indent: -9999px; background: url(../img/layout/h3_beth_sydd_wythnos_nesaf.gif) no-repeat; height: 37px; } h3.eitemau_uned5_wythnos_dwythaf { text-indent: -9999px; background: url(../img/layout/h3_eitemau_uned5_wythnos_dwythaf.gif) no-repeat; height: 37px; } h3.dangos_y_cwestiwn { text-indent: -9999px; background: url(../img/layout/btn_dangos_y_cwestiwn.gif) no-repeat; height: 41px; width: 300px; } h3.cuddio_y_cwestiwn { text-indent: -9999px; background: url(../img/layout/btn_cuddio_y_cwestiwn.gif) no-repeat; height: 41px; } a.showhide { width: 300px; height: 41px; display: block; cursor:pointer; } h3.blog_title { font: bold 20px Arial, Helvetica, sans-serif; color: #fff; } h4 { font: bold 16px Helvetica, Arial, sans-serif; color: #d80828; margin-bottom: 3px; } h5 { font: bold 14px Helvetica, Arial, sans-serif; color: #fff; margin-bottom: 3px; } h6 { font: bold 12px Helvetica, Arial, sans-serif; color: #d80828; margin-bottom: 3px; } /* Colors ----------------------------------------------------------------------------------------------------*/ .font_white { color: #fff; } /* Alignment Spacing and Borders ----------------------------------------------------------------------------------------------------*/ ol { list-style: decimal; } ul { list-style: square; } li { margin-left: 30px; } p, dl, hr, ol, ul, pre, table, address, fieldset { margin-bottom: 20px; } /* Bullets */ .no_list_style { list-style: none; } /* Borders -------------------------------------------------------------------------------------------------*/ .no_border_top { border-top: none; } .no_border_bottom { border-bottom: none; } .no_border_left { border-left: none; } .no_border_right { border-right: none; } .no_border { border: none; } .border_bottom_dark { border-bottom: 1px solid #1d1d1d; } .border_bottom_dark_3 { border-bottom: 3px solid #1d1d1d; } /* Margin -------------------------------------------------------------------------------------------------*/ .no_margin_bottom { margin-bottom: 0px; } .no_margin_left { margin-left: 0px; } .no_margin_right { margin-right: 0px; } .no_margin_top { margin-top: 0px; } .no_margin { margin: 0px; } .margin_bottom_4 { margin-bottom: 4px; } .margin_bottom_10 { margin-bottom: 10px; } .margin_bottom_20 { margin-bottom: 20px; } .margin_bottom_30 { margin-bottom: 30px; } .margin_bottom_40 { margin-bottom: 40px; } .margin_bottom_50 { margin-bottom: 50px; } .margin_top_10 { margin-top: 10px; } .margin_top_20 { margin-top: 10px; } .margin_top_50 { margin-top: 50px; } .margin_right_35 { margin-right: 35px; } .margin_right_30 { margin-right: 30px; } .margin_right_25 { margin-right: 25px; } .margin_right_20 { margin-right: 20px; } .margin_right_5 { margin-right: 5px; } .margin_left_5 { margin-left: 5px; } .margin_left_10 { margin-left: 10px; } .margin_left_20 { margin-left: 20px; } .margin_left_30 { margin-left: 30px; } .margin_left_40 { margin-left: 40px; } .margin_left_50 { margin-left: 50px; } .margin_right_10 { margin-right: 10px; } .margin_left_10 { margin-left: 10px; } .display_block { display: block; } /* Used to remove margin from bottom of images */ /* Padding -------------------------------------------------------------------------------------------------*/ .padding_left_7 { padding: 7px; } .padding_left_10 { padding: 10px; } .padding_right_7 { padding: 7px; } .padding_top_20 { padding-top: 20px; } .padding_top_10 { padding-top: 10px; } .padding_left_10 { padding-left: 10px; } .padding_right_10 { padding-right: 10px; } .no_padding { padding: 0px; } /* Text Align -------------------------------------------------------------------------------------------------*/ .text_align_left { text-align: left; } .text_align_right { text-align: right; } .text_align_center { text-align: center; } .vertical_align_bottom { vertical-align: baseline; } /* Height -------------------------------------------------------------------------------------------------*/ .height_230 { height: 230px; overflow: hidden; } .height_130 { height: 130px; overflow: hidden; } .height_327 { height: 327px; overflow: hidden; } .height_88 { height: 88px; overflow: hidden; } .height_291 { height: 291px; } /* Horizontal Lines -------------------------------------------------------------------------------------------------*/ hr.dark { border-top: 2px solid #333; margin: 0px; margin-bottom: 5px; margin-top: 7px; } /* Various Colours -------------------------------------------------------------------------------------------------*/ .color_grey { color: #999; } /* Sori, dim syniad lle i roi hwn. Mei ;-) */ ul.more_videos{list-style:none;} .more_videos li{ float:left; margin-bottom:10px; margin-left:0; width:230px; min-height:191px; } ul.more_videos li p{ margin:0px; } .margin_right_35 { margin-right:35px; } .play_container_new { height:129px; margin-bottom:10px; position:relative; } /* mwy fel hyn list -------------------------------------------------------------------------------------------------*/ ul.gwyliolist{ list-style:none; } ul.gwyliolist li{ float:left; } /* outer Player Div -------------------------------------------------------------------------------------------------*/ #player{ width:640px; margin:0 auto; height:450px; padding-top:10px; } #player h1{ font-size:1.3em; } /* Holi Chi Poll -------------------------------------------------------------------------------------------------*/ #holipoll{ float:right; } #holigraphs{ width:180px; margin:0px auto; margin-top:5px; } #holigraphs h6{ text-align:right; font-size:1.4em; color:#fff; } .holiresult{ } #holipoll p, .holiresult p, #holigraphs p{ margin:0; } .holiresult div{ width:180px; background-color:#111; background-image:url(../img/layout/results_bar.gif); border-right:1px solid #6c6c6c; border-left:1px solid #6c6c6c; height:8px; } div.error{ padding-left:18px; background:transparent url(../img/layout/exclamation.png) center left no-repeat; } /* ============================================================================= Gwobrwyo'r Goreuon */ div#gg_videos h3.title{ border:1px solid #222; background:#222 url(../img/layout/gg_title_bg.jpg) top left repeat-x; padding:2px 4px; } div#gg_videos h3.title a{ font-size:1.5em; margin:10px 0px 10px; padding-left:25px; text-decoration:none; background:transparent url(../img/layout/downarrow_gwyn.png) 5px center no-repeat; } div#gg_videos h3.selected a{ background:transparent url(../img/layout/rightarrow_gwyn.png) 5px center no-repeat; } div.gg_section{ padding-top:10px; } #gg_comp{ height:115px; background:transparent url(../img/layout/gg_cyst_banner.jpg) top left no-repeat; margin-top:15px; } #gg_comp h4{ text-indent:-9999px; } #gg_comp p{ margin-top:32px; margin-left:270px; font-size:1.4em; line-height:1.2em; } #gg_comp p a{ color:#fff; } #gg_comp p a:hover{ background-color:#0081ab; background-color:rgba(0, 180, 255, 0.5); text-decoration:none; } /* Play Button Overlay -------------------------------------------------------------------------------------------------*/ .play_container{ position:relative; height:240px; } .play_container a{border:0px;} .play_container_small{position:relative;} .play_container_small a{border:0px;} .play_button{ position:absolute; background:transparent url(../img/layout/play_button.png) 0 0 no-repeat; width:120px; height:120px; top:80px; left:160px; } .play_button_smaller_home { position:absolute; background:transparent url(../img/layout/play_button_smaller.png) 0 0 no-repeat; width:40px; height:60px; top:50px; left:85px; } .play_button_smaller { position:absolute; background:transparent url(../img/layout/play_button_smaller.png) 0 0 no-repeat; width:40px; height:60px; top:40px; left:70px; } .play_container_new { position:relative; height:129px; margin-bottom: 10px; } .play_overlay_230 { position: absolute; background: transparent url(../img/layout/play_overlay.png) no-repeat; width:230px; height:129px; top:0px; left:0px; } /******************************************* Form Properties * ********************************************/ #bocsio fieldset { padding-bottom: 1em; margin-bottom: 1.5em; } #bocsio fieldset div { clear: left; margin: 0em; padding-left: 33px; padding-top: 15px; } #bocsio fieldset div label { float: left; width: 150px; font: bold 1em Verdana, Arial, Helvetica, sans-serif; padding-top: 7px; } #bocsio .tempinput { background: #1a1a1a; color: #fff; width: 160px; padding: 5px; font: 13px Arial, Helvetica, sans-serif; border: 1px solid #333; } #bocsio .tempbutton { width: 100px; padding: 5px; font: bold 13px Arial, Helvetica, sans-serif; color: #181818; } #bocsio .tempformerror { background: #ffe6e6; border: 1px #CC0000 solid; padding: 0.4em; font: 0.8em Arial, Helvetica, sans-serif; margin-bottom: 15px; } #div.form_error { border:1px solid #c00;} #div.form_error p { } /* --------------------------------------------------------------------------------------------------- END OF STYLESHEET */