/* The SoftBlue Theme for phpBB version 2+ Created by: Sigma12 */ /* .img_resize{ width:; height:; } @media(max-width: 1020px) and (min-width: 768px) { .img_resize{ width: 165; height: 48; } } */ /* General page style. The scroll bar colours only visible in IE5.5+ */ body { margin: 0; font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 11px; color: #000000; margin:0px;padding:0px; background-color: #f2f0f7; } /* General font families for common tags */ font,th,td,p { font-family: Verdana, Tahoma, Arial, sans-serif ; font-size: 11px; color: #000000; } @media(max-width: 1020px) and (min-width: 768px) { font,th,td,p { font-family: Verdana, Tahoma, Arial, sans-serif ; font-size: 13px; color: #000000; } } a:active,a:visited { color : #006699; text-decoration: none; } a:link { color: #006699; text-decoration: none; } a:hover { color: #A300A3; text-decoration: underline; } hr { height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px; } /* This is the border line & background colour round the entire page */ .bodyline { } /* This is the outline surrounding the main blocks */ .forumlinemain { } /* This is the outline round the main forum tables */ .forumline { background-color: #FFFFFF; } .logo { background-image: url(images/logo_phpBB_bg.gif); } .keyword { color: #006699; font-weight: bold; } /* Main table cell colours and backgrounds */ td.row0 { background-color: #FFFFFF;} td.row1 { background-color: #FFFFFF; padding-left: 8px; } td.row2 { background-color: #FFFFFF; padding-left: 8px; } td.row3 { background-color: #FFFFFF;} td.row4 { background-color: #FFFFFF; padding-left: 17px; padding-right: 17px; } td.row5 { background-color: #FFFFFF; } /* This is for the table cell above the Topics, Post & Last posts on the index.php page By default this is the fading out gradiated silver background. However, you could replace this with a bitmap specific for each forum */ td.rowpic { background-color: #FFFFFF; background-image: url(images/cellpic2.jpg); background-repeat: repeat-y; } /* Header cells - the blue and silver gradient backgrounds */ th { color: #000000; font-size: 10px; font-weight : bold; background-color: #FFFFFF; height: 35px; background-image: ); } @media(max-width: 1020px) and (min-width: 768px) { th { color: #000000; font-size: 12px; font-weight : bold; background-color: #FFFFFF; height: 35px; background-image: ); } } td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom { background-image: ); background-color:#FFFFFF; height: 35px; } /* Setting additional nice inner borders for the main table cells. The names indicate which sides the border will be on. Don't worry if you don't understand this, just ignore it :-) */ td.cat,td.catHead,td.catBottom { height: 35px; border-width: 0px 0px 0px 0px; } th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR { font-weight:normal; font-family: Open Sans, Trebuchet MS, Verdana, Tahoma, Arial, sans-serif; font-size : 15px; padding-top: 20px; } td.row3Right,td.spaceRow { background-color: #D1D7DC; border: #FFFFFF; border-style: solid; } th.thHead,td.catHead { border-left: solid 0px #FFFFFF; border-top: solid 0px #FFFFFF; } th.thSides,td.catSides,td.spaceRow { border-width: 0px 0px 0px 0px; } th.thRight,td.catRight,td.row3Right { border-width: 0px 0px 0px 0px; } th.thLeft,td.catLeft { border-left: solid 0px #FFFFFF; border-top: solid 0px #FFFFFF; } th.thBottom,td.catBottom { border-left: solid 0px #FFFFFF; border-top: solid 0px #FFFFFF; } th.thTop { border-left: solid 0px #FFFFFF; border-top: solid 0px #FFFFFF; } th.thCornerL { border-left: solid 0px #FFFFFF; border-top: solid 0px #FFFFFF; } th.thCornerR { border-left: solid 0px #FFFFFF; border-top: solid 0px #FFFFFF; } /* The largest text used in the index page title and toptic title etc. */ .maintitle,h1,h2 { font-weight: bold; font-size: 22px; font-family: Open Sans, Trebuchet MS, Verdana, Tahoma, Arial, sans-serif; text-decoration: none; line-height : 120%; color : #000000; } /* General text */ .gen { font-family: Open Sans, Trebuchet MS, Verdana, Tahoma, Arial, sans-serif; font-size : 15px; } @media(max-width: 1020px) and (min-width: 768px) { .gen { font-family: Open Sans, Trebuchet MS, Verdana, Tahoma, Arial, sans-serif; font-size : 16px; } } .genmed { font-family: Open Sans, Trebuchet MS, Verdana, Tahoma, Arial, sans-serif; font-size : 13px; } @media(max-width: 1020px) and (min-width: 768px) { .genmed { font-family: Open Sans, Trebuchet MS, Verdana, Tahoma, Arial, sans-serif; font-size : 16px; } } .gensmall { font-family: Open Sans, Trebuchet MS, Verdana, Tahoma, Arial, sans-serif; font-size : 13px; line-height: 140%; } @media(max-width: 1020px) and (min-width: 768px) { .gensmall { font-family: Open Sans, Trebuchet MS, Verdana, Tahoma, Arial, sans-serif; font-size : 14px; line-height: 140%; } } .gensmaller { font-family: Open Sans, Trebuchet MS, Verdana, Tahoma, Arial, sans-serif; font-size : 12px; line-height: 125%; } @media(max-width: 1020px) and (min-width: 768px) { .gensmaller { font-family: Open Sans, Trebuchet MS, Verdana, Tahoma, Arial, sans-serif; font-size : 13px; line-height: 125%; } } .gen,.genmed,.gensmall,.gensmaller { color : #000000; } a.gen,a.genmed,a.gensmall,a.gensmaller { color: #006699; text-decoration: none; } a.gen:hover,a.genmed:hover,a.gensmall:hover,a.gensmaller:hover { color: #444444; text-decoration: underline; } .topicsany { font-family: Open Sans, Trebuchet MS, Verdana, Tahoma, Arial, sans-serif; font-size : 13px; line-height : 125%;} @media(max-width: 1020px) and (min-width: 768px) { .topicsany { font-family: Open Sans, Trebuchet MS, Verdana, Tahoma, Arial, sans-serif; font-size : 16px; line-height : 125%;} } a.topicsany:hover { color: #A300A3; text-decoration: underline; } a.topicsany { color: #006699; text-decoration: none; } /* The register, login, search etc links at the top of the page */ .mainmenu { font-size : 12px; color : #000000 } @media(max-width: 1020px) and (min-width: 768px) { .mainmenu { font-size : 13px; color : #000000 } } a.mainmenu { text-decoration: none; color : #006699; } a.mainmenu:hover{ text-decoration: underline; color : #A300A3; } /* Forum category titles */ .cattitle { font-weight: bold; font-size: 10px ; color : #000000; } @media(max-width: 1020px) and (min-width: 768px) { .cattitle { font-weight: bold; font-size: 13px ; color : #000000; } } a.cattitle { text-decoration: none; color : #000000; } a.cattitle:hover{ text-decoration: none; } .like { font-size : 13px; font-family: 'Open Sans', sans-serif; font-weight: 400; } /* Forum title: Text and link to the forums used in: index.php */ .forumlink { font-weight: normal; font-size: 12px; color : #fffffff; } @media(max-width: 1020px) and (min-width: 768px) { .forumlink { font-weight: normal; font-size: 14px; color : #fffffff; } } .forumlink a:link, .forumlink a:visited, .forumlink a:active { text-decoration: none; color: #006699; font-weight: normal; font-family: Open Sans, Trebuchet MS, Verdana, Tahoma, Arial, sans-serif; font-size : 15px; } @media(max-width: 1020px) and (min-width: 768px) { .forumlink a:link, .forumlink a:visited, .forumlink a:active { text-decoration: none; color: #006699; font-weight: normal; font-family: Open Sans, Trebuchet MS, Verdana, Tahoma, Arial, sans-serif; font-size : 17px; } } @media(max-width: 1020px) and (min-width: 768px) and (orientation: portrait) { .forumlink a:link, .forumlink a:visited, .forumlink a:active { text-decoration: none; color: #006699; font-weight: normal; font-family: Open Sans, Trebuchet MS, Verdana, Tahoma, Arial, sans-serif; font-size : 22px; } } a.forumlink:hover{ text-decoration: underline; color : #A300A3; } /* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */ .nav { font-weight: bold; font-family: Open Sans, Trebuchet MS, Verdana, Tahoma, Arial, sans-serif; font-size : 15px; color : #000000; } @media(max-width: 1020px) and (min-width: 768px) { .nav { font-weight: bold; font-family: Open Sans, Trebuchet MS, Verdana, Tahoma, Arial, sans-serif; font-size : 16px; color : #000000; } } @media(max-width: 1020px) and (min-width: 768px) and (orientation: portrait) { .nav { font-weight: bold; font-family: Open Sans, Trebuchet MS, Verdana, Tahoma, Arial, sans-serif; font-size : 20px; color : #000000; } } a.nav { text-decoration: none; color : #006699; } a.nav:hover { text-decoration: underline; color: #A300A3; } /* titles for the topics: could specify viewed link colour too */ .topictitle { color : #1d185a; font-family: Open Sans, Trebuchet MS, Verdana, Tahoma, Arial, sans-serif; font-size : 15px; } @media(max-width: 1020px) and (min-width: 768px) { .topictitle { font-size: 14px; color : #1d185a; } } a.topictitle:link { text-decoration: none; color : #006699; font-weight:; font-family: Open Sans, Trebuchet MS, Verdana, Tahoma, Arial, sans-serif; font-size : 15px; } @media(max-width: 1020px) and (min-width: 768px) { a.topictitle:link { text-decoration: none; color : #006699; font-weight:; font-family: Open Sans, Trebuchet MS, Verdana, Tahoma, Arial, sans-serif; font-size : 17px; } } @media(max-width: 1020px) and (min-width: 768px) and (orientation: portrait) { a.topictitle:link { text-decoration: none; color : #006699; font-weight: bold; font-family: Open Sans, Trebuchet MS, Verdana, Tahoma, Arial, sans-serif; font-size : 22px; } } a.topictitle:visited { text-decoration: none; color : #006699; } a.topictitle:hover { text-decoration: underline; color : #A300A3; } a img { border: none; } /* Name of poster in viewmsg.php and viewtopic.php and other places */ .name { font-family: Open Sans, Trebuchet MS, Verdana, Tahoma, Arial, sans-serif; font-size : 12px; color : #000000; } @media(max-width: 1020px) and (min-width: 768px) { .name { font-family: Open Sans, Trebuchet MS, Verdana, Tahoma, Arial, sans-serif; font-size : 14px; color : #000000; } } /* Location, number of posts, post date etc */ .postdetails { font-size : 11px; color : #000000; } @media(max-width: 1020px) and (min-width: 768px) { .postdetails { font-size : 11px; color : #000000; } } /* The content of the posts (body of text) */ .postbody { line-height: 145%; font-size : 15px; font-family: Open Sans, Trebuchet MS, Verdana, Tahoma, Arial, sans-serif; } @media(max-width: 1020px) and (min-width: 768px) { .postbody { font-size: 17px; font-family: Open Sans, Trebuchet MS, Verdana, Tahoma, Arial, sans-serif; } } @media(max-width: 1020px) and (min-width: 768px) and (orientation: portrait) { .postbody { font-size: 22px; font-family: Open Sans, Trebuchet MS, Verdana, Tahoma, Arial, sans-serif; } } .large_postbody { line-height: 145%; font-size : 18px; font-family: Open Sans, Trebuchet MS, Verdana, Tahoma, Arial, sans-serif; font-weight: bold; } @media(max-width: 1020px) and (min-width: 768px) { .large_postbody { font-size: 22px; font-family: Open Sans, Trebuchet MS, Verdana, Tahoma, Arial, sans-serif; font-weight: bold; } } @media(max-width: 1020px) and (min-width: 768px) and (orientation: portrait) { .large_postbody { font-size: 28px; font-family: Open Sans, Trebuchet MS, Verdana, Tahoma, Arial, sans-serif; font-weight: bold; } } a.postlink:link { line-height: 145%; text-decoration: none; font-weight: bold; color : #006699 } a.postlink:visited { text-decoration: none; color : #006699; } a.postlink:hover { text-decoration: underline; color : #A300A3 } /* Quote & Code blocks */ .code { font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600; background-color: #faf6f8; border: #D1D7DC; border-style: solid; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px } .quote { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; line-height: 125%; padding: 12px; background-color: #faf6f8; border: #D1D7DC; border-style: solid; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px } /* Copyright and bottom info */ .copyright { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px; } a.copyright { color: #444444; text-decoration: none;} a.copyright:hover { color: #000000; text-decoration: underline; } /* Form elements */ input,textarea, select { font: normal 11px Verdana, Arial, Helvetica, sans-serif; border: 1px solid #000; } /* The text input fields background colour */ input.post, select { border:1px solid #BDC7D8; color:#333333; padding:6px; font-size: 15px; -webkit-border-radius: 0; background-color: white; } @media(max-width: 1020px) and (min-width: 768px) { input.post, select { border:1px solid #BDC7D8; color:#333333; padding:6px; font-size: 16px; -webkit-border-radius: 0; } } textarea.post { border:1px solid #BDC7D8; color:#333333; padding:4px; font-size: 15px; -webkit-border-radius: 0; resize: none; overflow: hidden; line-height: 135%; } textarea.quick_reply { border:1px solid #BDC7D8; color:#333333; padding:4px; font-size: 15px; -webkit-border-radius: 0; } .search1 { border:1px solid #BDC7D8; color:#333333; padding:6px; font-size: 15px; -webkit-border-radius: 0; max-width: 460px; } .portal_login { border:1px solid #BDC7D8; color:#333333; padding:4px; font-size: 15px; -webkit-border-radius: 0; } .banner_top { text-align: left; padding-left: 17px; margin-top: 13px; margin-bottom: 1em; padding-right: 3px; } .recipes_only1 { float: left; padding-left: 115px; padding-right: 0px; padding-top: 4px; line-height: 26px; font-family: Raleway, Open Sans, Trebuchet MS, Verdana, Tahoma, Arial, sans-serif; font-size : 14px; } .advanced_search1 { float: right; padding-right: 0px; padding-top: 4px; line-height: 26px; font-family: Open Sans, Trebuchet MS, Verdana, Tahoma, Arial, sans-serif; font-size : 14px; } @media(max-width: 1020px) and (min-width: 768px) { textarea.post, input.post { border:1px solid #BDC7D8; color:#333333; padding:4px; font-size: 17px; -webkit-border-radius: 0; } .banner_top { text-align: left; margin-top: 2em; margin-bottom: .3em; } .recipes_only1 { float: left; padding-left: 115px; padding-right: 0px; padding-top: 3px; line-height: 30px; font-family: Raleway, Open Sans, Trebuchet MS, Verdana, Tahoma, Arial, sans-serif; font-size : 16px; } .advanced_search1 { float: right; padding-right: 0px; padding-top: 3px; line-height: 30px; font-family: Open Sans, Trebuchet MS, Verdana, Tahoma, Arial, sans-serif; font-size : 16px; } .search1 { border:1px solid #BDC7D8; color:#333333; padding:4px; font-size: 17px; -webkit-border-radius: 0; max-width: 400px; } .portal_login { border:1px solid #BDC7D8; color:#333333; padding:4px; font-size: 13px; -webkit-border-radius: 0; } textarea.quick_reply { border:1px solid #BDC7D8; color:#333333; padding:4px; font-size: 17px; max-width: 700px; -webkit-border-radius: 0; } } @media(max-width: 1020px) and (min-width: 768px) and (orientation: portrait) { textarea.post, input.post { border:1px solid #BDC7D8; color:#333333; padding:4px; font-size: 22px; -webkit-border-radius: 0; } .search { border:1px solid #BDC7D8; color:#333333; padding:4px; font-size: 22px; -webkit-border-radius: 0; max-width: 180px; } textarea.quick_reply { border:1px solid #BDC7D8; color:#333333; padding:4px; font-size: 22px; max-width: 700px; -webkit-border-radius: 0; } } /* The buttons used for bbCode styling in message post */ input.button { border: 1px solid #000; color : #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; } /* The main submit button option */ input.mainoption { background-color: #7a7acc; padding:6px 10px; color:#fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:15px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; border:1px solid #553c90; -webkit-appearance:none; cursor: pointer; } input.mainoption_2 { background: url('/forum/templates/SoftBlue/images/magnify.png') #9CC4FF; background-repeat:no-repeat; background-position:center; outline:0; padding:6px 14px; color:#fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; border:1px solid #c7578f; background-color: #c7578f; -webkit-appearance:none; cursor: pointer; } @media(max-width: 1020px) and (min-width: 768px) { input.mainoption { font-size: 17px; } } @media(max-width: 1020px) and (min-width: 768px) and (orientation: portrait) { input.mainoption { font-size: 22px; } } @media(max-width: 1020px) and (min-width: 768px) { input.mainoption_2 { font-size: 17px; padding:4px 14px; } } @media(max-width: 1020px) and (min-width: 768px) and (orientation: portrait) { input.mainoption_2 { font-size: 22px; padding:4px 14px; } } input.mainoption_no_resize { background-color: #9CC4FF; border:1px solid #6699FF; padding:4px 8px; color : #FFFFFF; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -webkit-appearance:none; } /* None-bold submit button */ input.liteoption { background-color: #7a7acc; padding:6px 8px; color:#fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:15px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; border:1px solid #553c90; -webkit-appearance:none; cursor: pointer; } @media(max-width: 1020px) and (min-width: 768px) { input.liteoption { font-size: 17px; } } @media(max-width: 1020px) and (min-width: 768px) and (orientation: portrait) { input.liteoption { font-size: 22px; } } /* This is the line in the posting page which shows the rollover help line. This is actually a text box, but if set to be the same colour as the background no one will know ;) */ .helpline { background-color: #DEE3E7; border-style: none; } /*START Inline Banner Ad*/ .inlineda { margin-top: 1em; text-align: center; } /*ENDD Inline Banner Ad*/ .top_buttons { height: 39px; line-height: 37px; } .top_joins { height: 39px; line-height: 37px; } .top_buttons .top_button { width: 138px; height: 38px; float: left; text-decoration: none; white-space: nowrap; background-repeat: no-repeat; text-align: center; margin: 0px 0px 0px 0px; border-style: solid; border-width: 0px; border-color: white; color: #FFFFFF; font-size: 15px; font-family: Raleway, Open Sans, Trebuchet MS; } .top_joins .top_join { width: 138px; height: 38px; float: left; text-decoration: none; white-space: nowrap; background-repeat: no-repeat; text-align: center; margin: 0px 0px 0px 0px; border-style: solid; border-width: 0px; border-color: white; color: #000000; font-size: 15px; font-family: Raleway, Open Sans, Trebuchet MS; } @media(max-width: 1020px) and (min-width: 768px) { .top_buttons .top_button { width: 138px; height: 38px; float: left; text-decoration: none; white-space: nowrap; background-repeat: no-repeat; text-align: center; margin: 0px 0px 0px 0px; border-style: solid; border-width: 0px; border-color: white; color: #FFFFFF; font-size: 15px; font-family: Raleway, Open Sans, Trebuchet MS; } .top_joins .top_join { width: 138px; height: 38px; float: left; text-decoration: none; white-space: nowrap; background-repeat: no-repeat; text-align: center; margin: 0px 0px 0px 0px; border-style: solid; border-width: 0px; border-color: white; color: #000000; font-size: 15px; font-family: Raleway, Open Sans, Trebuchet MS; } } .top_buttons .top_button_right { margin: 0px 0px 0px 1px; float: right; } .top_buttons .top_button:link, .top_buttons .top_button:visited { background-color: #c7578f; } .top_buttons .top_button_current:link, .top_buttons .top_button_current:visited { background-color: #df9fbf; } .top_buttons .top_button:hover { background-color: #df9fbf; } .top_buttons .top_button_current:hover { background-color: #df9fbf; } .top_buttons .top_button:active { background-color: #df9fbf; } .top_joins .top_join:link, .top_joins .top_join:visited { background-color: #F1AFCB; } .top_joins .top_join_current:link, .top_joins .top_join_current:visited { background-color: #F1AFCB; } .top_joins .top_join:hover { background-color: #F5C7DA; } .top_joins .top_join_current:hover { background-color: #F5C7DA; } .top_joins .top_join:active { background-color: #ec8eb6; } //.ads_top_top { padding-left: 40px; } //.ads_top_top img { vertical-align: top; margin-top: 9px; } .apples_top a { padding: 0px 12px; } .apples_middle a { padding: 0px 3px; } .apples_top object { margin: 0px 12px; } .apples_side { padding-right: 10px; } .apples_side div { margin: 20px 0px; } .apples_side_div { margin: 0px !important; } .middle_icons img { vertical-align: middle; } .welcome_header { color: #bf4080; text-decoration: none; font-weight:500; font-family: 'Raleway', Trebuchet MS, Verdana, Tahoma, Arial, sans-serif; font-size: 21px; } @media(max-width: 1020px) and (min-width: 768px) { .welcome_header { color: #bf4080; text-decoration: none; font-weight:500; font-family: 'Raleway', Trebuchet MS, Verdana, Tahoma, Arial, sans-serif; font-size: 22px; } } .welcome { color: #006699; text-decoration: none; font-weight:400; font-family: Open Sans, Trebuchet MS, Verdana, Tahoma, Arial, sans-serif; font-size: 15px; } @media(max-width: 1020px) and (min-width: 768px) { .welcome { color: #006699; text-decoration: none; font-weight:400; font-family: Open Sans, Trebuchet MS, Verdana, Tahoma, Arial, sans-serif; font-size: 16px; } } .effect1:first-letter { text-transform: capitalize; } .topictitle:first-letter { text-transform: capitalize; } .effect1 { color: #006699; text-decoration: none; font-weight: 400; font-family: Open Sans, Trebuchet MS, Verdana, Tahoma, Arial, sans-serif; font-size: 15px; } @media(max-width: 1020px) and (min-width: 768px) { .effect1 { color: #006699; line-height: 125%; text-decoration: none; font-weight: 400; font-family: Open Sans, Trebuchet MS, Verdana, Tahoma, Arial, sans-serif; font-size: 17px; } } @media(max-width: 1020px) and (min-width: 768px) and (orientation: portrait) { .effect1 { color: #006699; line-height: 125%; text-decoration: none; font-weight: 400; font-family: Open Sans, Trebuchet MS, Verdana, Tahoma, Arial, sans-serif; font-size: 22px; } } a.effect1:active { color: #006699; text-decoration: none; } a.effect1:visited { color: #006699; text-decoration: none; } a.effect1:link { color: #006699; text-decoration: none; } a.effect1:hover { color: #A300A3; text-decoration: underline; } a.effect2:link { color: #DC211C; text-decoration: none; } a.effect2:hover { color: #A300A3; text-decoration: none; } .menu { color: #000000; font-size: 15px; font-family: Open Sans, Trebuchet MS; text-decoration: none; } @media(max-width: 1020px) and (min-width: 768px) { .menu { color: #000000; font-size: 15px; font-family: Open Sans, Trebuchet MS; text-decoration: none; } } a.menu:active { color: #000000; text-decoration: none; } a.menu:visited { color: #000000; text-decoration: none; } a.menu:link { color: #000000; text-decoration: none; } a.menu:hover { color: #A300A3; text-decoration: underline; } .menut { color: #bf4080; font-size: 15px; font-family: Raleway, Open Sans, Trebuchet MS; text-decoration: none; } @media(max-width: 1020px) and (min-width: 768px) { .menut { color: #bf4080; font-size: 15px; font-family: Raleway, Open Sans, Trebuchet MS; text-decoration: none; } } a.menut:active { color: #bf4080; text-decoration: none; } a.menut:visited { color: #bf4080; text-decoration: none; } a.menut:link { color: #bf4080; text-decoration: none; } a.menut:hover { color: #A300A3; text-decoration: underline; } .title,h1,h2 { font-weight: bold; font-size: 22px; font-family: Open Sans, Trebuchet MS, Verdana, Tahoma, Arial, sans-serif; } @media(max-width: 1020px) and (min-width: 768px) { .title,h1,h2 { font-weight: bold; font-size: 29px; font-family: Open Sans, Trebuchet MS, Verdana, Tahoma, Arial, sans-serif; } } @media(max-width: 1020px) and (min-width: 768px) { .title,h1,h2 { font-weight: bold; font-size: 29px; font-family: Open Sans, Trebuchet MS, Verdana, Tahoma, Arial, sans-serif; } } a.title:active { color: #330066; text-decoration: none; } a.title:visited { color: #330066; text-decoration: none; } a.title:link { color: #330066; text-decoration: none; } a.title:hover { color: #A300A3; text-decoration: underline; } .forumlist > tbody > tr td { border-bottom: 1px solid #d1d7dc; padding: 1em 0; } .forumlist_memberlist> tbody > tr td { border-bottom: 1px solid #d1d7dc; padding: 0.5em 0; } .effect3 { font-size : 12px; color: #964165; } @media(max-width: 1020px) and (min-width: 768px) { .effect3 { font-size : 14px; color: #964165; } } @media(max-width: 1020px) and (min-width: 768px) and (orientation: portrait) { .effect3 { font-size : 17px; color: #964165; } } a.effect3:active { color: #964165; text-decoration: none; } a.effect3:visited { color: #964165; text-decoration: none; } a.effect3:link { color: #964165; text-decoration: none; } a.effect3:hover { color: #A300A3; text-decoration: underline; } a.effect4:link { color: #006699; text-decoration: none; font-family: Open Sans, Trebuchet MS, Verdana, Tahoma, Arial, sans-serif; font-size : 14px; } a.effect4:active { color: #006699; text-decoration: none; } a.effect4:visited { color: #006699; text-decoration: none; } a.effect4:hover { color: #A300A3; text-decoration: underline; } .effect5 { font-size : 12px; } a.effect5:active { color: #006699; text-decoration: none; } a.effect5:visited { color: #006699; text-decoration: none; } a.effect5:link { color: #006699; text-decoration: none; font-family: Open Sans, Trebuchet MS, Verdana, Tahoma, Arial, sans-serif; font-size : 15px; } @media(max-width: 1020px) and (min-width: 768px) { a.effect5:link { color: #006699; line-height: 130%; text-decoration: none; font-family: Open Sans, Trebuchet MS, Verdana, Tahoma, Arial, sans-serif; font-size : 17px; } } @media(max-width: 1020px) and (min-width: 768px) and (orientation: portrait) { a.effect5:link { color: #006699; line-height: 130%; text-decoration: none; font-family: Open Sans, Trebuchet MS, Verdana, Tahoma, Arial, sans-serif; font-size : 22px; } } a.effect5:hover { color: #A300A3; text-decoration: underline; } .pmcircle { display: inline-block; width: 17px; height: 17px; -moz-border-radius: 50%; border-radius: 50%; font-size: 12px; font-family: 'Open Sans', sans-serif; font-weight: 400; white-space: normal; color: #fff; line-height:17px; text-align: center; background: #EA2626; text-decoration: none; text-shadow: 0 0px 0; vertical-align: text-top; } .cake { display: none; } .other_buttons { height: 36px; line-height: 34px; padding-left: 30px; } .other_buttons .other_button { width: 400px; height: 40px; line-height:38px; float: left; text-decoration: none; white-space: nowrap; background-repeat: no-repeat; text-align: center; margin: 0px 1px 0px 0px; border-width: 1px; border-color: #553c90; color: #FFFFFF; font-size: 15px; font-family: Open Sans, Trebuchet MS; padding: 0px 10px 0px 10px; } @media(max-width: 1020px) and (min-width: 768px) { .other_buttons .other_button { width: 400px; height: 40px; line-height:38px; float: left; text-decoration: none; white-space: nowrap; background-repeat: no-repeat; text-align: center; margin: 0px 1px 0px 0px; border-width: 1px; border-color: #553c90; color: #FFFFFF; font-size: 15px; font-family: Open Sans, Trebuchet MS; padding: 0px 10px 0px 10px; } } .other_buttons .other_button:link, .other_buttons .other_button:visited { background-color: #7a7acc; } .other_buttons .other_button_current:link, .other_buttons .other_button_current:visited { background-color: #9090d5; } .other_buttons .other_button:hover { background-color: #9090d5; } .other_buttons .other_button_current:hover { background-color: #9090d5; } .other_buttons .other_button:active { background-color: #9090d5; } .welcome_back { color: #006699; text-decoration: none; font-weight: 400; font-family: Open Sans, Trebuchet MS, Verdana, Tahoma, Arial, sans-serif; font-size: 15px; } @media(max-width: 1020px) and (min-width: 768px) { .welcome_back { color: #006699; line-height: 125%; text-decoration: none; font-weight: 400; font-family: Open Sans, Trebuchet MS, Verdana, Tahoma, Arial, sans-serif; font-size: 17px; } } @media(max-width: 1020px) and (min-width: 768px) and (orientation: portrait) { .welcome_back { color: #006699; line-height: 125%; text-decoration: none; font-weight: 400; font-family: Open Sans, Trebuchet MS, Verdana, Tahoma, Arial, sans-serif; font-size: 17px; } } a.welcome_back:active { color: #006699; text-decoration: none; } a.welcome_back:visited { color: #006699; text-decoration: none; } a.welcome_back:link { color: #006699; text-decoration: none; } a.welcome_back:hover { color: #A300A3; text-decoration: underline; } .title_header { font-family: Open Sans, Trebuchet MS, Verdana, Tahoma, Arial, sans-serif; font-size : 22px; } .pagi { display: inline-block; background-color: white; border: 1px solid #BDC7D8; padding: 5px 12px 5px 12px; font-size: 15px !important; } .pagi_cur { display: inline-block; background-color: #c7578f; border: 1px solid #c7578f; color: #FFFFFF; padding: 5px 12px 5px 12px; font-size: 15px !important; } .pagi:hover { background-color: #f5f5f6 !important; color: black !important; text-decoration: none; } .pagi_current:hover { background-color: #f5f5f6 !important; text-decoration: none; } .pagi:active { background-color: #f5f5f6 !important; text-decoration: none; } .pm_buttons { height: 39px; line-height: 37px; } .pm_buttons .pm_button { width: 138px; height: 38px; float: left; text-decoration: none; white-space: nowrap; background-repeat: no-repeat; text-align: center; margin: 0px 0px 0px 0px; border-style: solid; border-width: 1px; border-color: white; color: #000000; font-size: 15px; font-family: Raleway, Open Sans, Trebuchet MS; } .pm_buttons .pm_button:link, .pm_buttons .pm_button:visited { background-color: #c7578f; } .pm__buttons .pm_button_current:link, .pm_buttons .pm_button_current:visited { background-color: #d7ccea; } .pm_buttons .pm_button:hover { background-color: #d7ccea; } .pm_buttons .pm_button_current:hover { background-color: #d7ccea; } .pm_buttons .pm_button:active { background-color: #d7ccea; } /* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */ @import url("formIE.css");