/* * @name layout * @type tripoli plugin * * @desc Quick and ready-to-use CSS layout templates. * Full browser support from IE5/WIN and IE5/OSX. * Content first - same HTML markup in all layouts. * Two fixed widths using em (normal or wide). * Equal columns option (experimental - ignored by IE5/osx and Opera < 9. Buggy in IE5/win). * * @author David Hellsing * @version 1.0 * @cat plugins * * * @example layout: * @desc creates a layout with two columns (33%-66%) * * @example layout: * @desc creates a wide layout with three equal height columns (33%-33%-33%) * * @documentation layout body classes: * * .l1: 2-column 66% - 33% * .l2: 2-column 33% - 66% * .l3: 2-column 50% - 50% * .l4: 3-column 33% - 33% - 33% * .l5: 3-column 16% - 66% - 16% * .l6: 3-column 25% - 50% - 25% * .l7: 3-column 66% - 16% - 16% * .l8: 3-column 50% - 25% - 25% * .l9: 3-column 25% - 25% - 50% * * .wide: 125% width * .equal: equal columns * * @documentation html structure: *

**/ * html body { text-align:center; } #container { position:relative; width:96em; // width:86em; // width:76em; // width:1004px; text-align:left; margin:0 auto; } #header { position:relative; } #primary,#secondary,#tertiary { position:relative; float:left; } * html #primary,* html #secondary,* html #tertiary { display:inline; } #footer { clear:both; float:left; width:100%; position:relative; border-top:1px solid #c8c8c8; font-size: .8em; padding-top:2em; padding-bottom:4em; } body.l1 #tertiary,body.l2 #tertiary,body.l3 #tertiary { display:none; } body.l1 #primary { // width:49.5em; /* due to 76em width of site */ // width:54.5em; /* due to 1004px width of site */ // width:59.5em; /* due to 86em width of site */ width:69.5em; /* due to 96em width of site */ } body.l1 #secondary { width:24.5em; float:right; } body.l2 #primary { width:49.5em; margin-left:26.5em;; } body.l2 #secondary { width:24.5em; margin-left:-76em; } body.l3 #primary { width:37em; } body.l3 #secondary { width:37em; float:right; } body.l4 #primary { width:24em; margin-left:26em; } body.l4 #secondary { width:24em; margin-left:-50em; } body.l4 #tertiary { float:right; width:24em; } body.l5 #primary { width:48em; margin-left:14em; } body.l5 #secondary { width:12em; margin-left:-62em; } body.l6 #primary { width:36em; margin-left:20em; } body.l6 #secondary { width:18em; margin-left:-56em; } body.l7 #primary { width:48em; margin-right:2em; } body.l7 #secondary { width:12em; } body.l8 #primary { width:36em; margin-right:2em; } body.l8 #secondary { width:18em; margin-left:0; } body.l9 #primary { width:36em; float:right; } body.l9 #secondary { width:18em; } body.l9 #tertiary { float:right; width:18em; margin-right:2em; } body.wide #container { font-size:125%; } body.wide #header { font-size:80%; } body.wide #footer { font-size:81%; } body.wide #primary .content,body.wide #secondary .content,body.wide #tertiary .content { font-size:100%; line-height:1.54; } /* \*/ body.equal #container { overflow:hidden; padding-bottom:0; } body.equal #primary,body.equal #secondary,body.equal #tertiary { margin-bottom:-32767px; padding-bottom:32767px; } * html body.equal #container { padding-bottom:0; } /* */ body.l1 #footer,body.l2 #footer,body.l3 #footer { margin-bottom:0; } body.l5 #tertiary,body.l7 #tertiary { float:right; width:12em; } body.l6 #tertiary,body.l8 #tertiary { float:right; width:18em; } @media all and (min-width: 0px) { body.l2 #secondary { left:.5em; } body.equal #primary,body.equal #secondary,body.equal #tertiary { padding-bottom:0!important; margin-bottom:0!important; } body.equal #primary[id^="primary"]:before,body.equal #secondary[id^="secondary"]:before,body.equal #tertiary[id^="tertiary"]:before { content:'Q'; display:block; background:inherit; padding-top:32767px!important; margin-bottom:-32767px!important; height:0; } } .logo-eng { font-family: century gothic; position: absolute; bottom: 0px; vertical-align: bottom; margin-bottom:1em; letter-spacing:.8em; // height: 160px; width: 100%; } .logo-eng h4:first-letter { // color:#ff0000; color:#e30000; } .logo-eng h4 { // font-weight: bold; // font-size:36px; font-size:3.2em; //padding-bottom: .1em; //margin-bottom: .1em; } .logo-chn{ font-family: Apple LiSung Light, Apple LiGothic Medium, BiauKai, LiSong Pro Light, MingLiU, PMingLiU; //margin-top:1em; position:absolute; top:0px; left:25%; width:100%; // text-align: left; // font-weight: bold; // font-size: 86px; font-size: 8em } .left { float: left; } /*** Nav bar styles ***/ ul.header-nav{ /*Remove all spacings from the list items*/ margin: 0; padding: 0; cursor: default; list-style-type: none; display: inline; } ul.header-nav{ font-size: 1.5em; display: table; /*Just add the following properties and values*/ width: 100%; margin-top: 10px; table-layout: fixed; border-top:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8; } ul.header-nav>li { display: table-cell; position: relative; padding: 5px 8px; color: #999; } ul.header-nav>li a { color: #999; } ul.header-nav>li.active>a { color: #000; } ul.header-nav li:hover>ul{ /*When hovered, make them appear*/ display : block; } ul.header-nav li.active { } ul.header-nav li.active>a { } ul.header-nav li ul li.active a:hover { display:block; } .header { width:100%; padding:0; margin-bottom:20px; float:left; clear:both; background: #fff; z-index: 10000; } ul.header-nav a.top-level { } ul.header-nav li ul { display: none; position: absolute; padding:5px 8px 13px 0; background: url('http://cswa.org/cswa.png') bottom right no-repeat !important; background: none; z-index:99999999999; margin-left: -8px; margin-top: 5px; } ul.header-nav li>ul{ } ul.header-nav li .calendarSubnav { margin-left:-16px; } ul.header-nav li:hover ul { display: block; left:auto; z-index:2000; } ul.header-nav li.sfhover ul { left:auto; z-index:2000; } ul.header-nav li ul li a { display:block; background:#e5e5e5; padding:5px 3px 5px 10px; margin:0; } ul.header-nav li ul li a:hover { display:block; background:#FBFBFB; } ul.header-nav li ul li { width:160px; margin:0; padding:0; float:none; background:#e5e5e5; } .login { position:absolute; width:auto; top:15px; right:12px; list-style:none; padding:0; margin:0; } .login li { float:left; padding:0 5px 0 0; margin:0; } .header-search { position:absolute; width:auto; top:64px; right:17px; height:30px; width:153px; padding:0; margin:0; } .header-search input { padding:2px 3px 2px 3px; _padding:2px 3px 0px 3px; margin:0 0 0 0; width:75px; height:12px; _height:14px; background:#333333 !important; color:#fff; border:0px; float:right; text-align:left; font-size:9px; font-weight:bold; } .header-search .btn { cursor:pointer; } .header-search img { padding:0; margin:0; float:right; background:#333333; } ul.header-nav li ul li {font-size:11px;} ul.header-nav li ul li a {color:#686868;text-decoration:none} ul.header-nav li ul li a:hover {//color:#e87701;color:#e30000} .login li {font-size:11px; color:#000000;} .login li .border { color:#999;} .login li a {color:#000000;text-decoration:none;} .login li a:hover {color:#e87701; text-decoration:none} .content h2 { font-size: 22px; font-weight: bold; color: #959846; margin: 0px 0px 22px 0px; padding: 0; } div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;} div.colborder {padding-right:1.5em;margin-right:0px;border-right:1px solid #eee;} /* Sidebar */ #sidebar {margin:0;} #sidebar h3 {margin:0;padding:0 0 .6em 0} #sidebar .item {margin:0 0 4em 0} //#sidebar ul{list-style:none;margin:0 0 1.6em 0;font-size:1em;} #sidebar ul{list-style:none;margin:0 0 5em 0;font-size:1em;} #sidebar ul li a,ul.txt li{color:#222;height:1%;background:url(http://issueprojectroom.org/wordpresstest/wp-content/themes/modularity/images/li.png) no-repeat 0;line-height:1.2em;border-bottom:1px solid #ccc;display:block;padding:6px 0 6px 8px;} #sidebar ul li a:hover,ul.txt li:hover{color:#515151;background-position:1px 0.8em;background: #E5ECF9 url(http://issueprojectroom.org/wordpresstest/wp-content/themes/modularity/images/li-white.png) no-repeat 3px 10px;} #sidebar ul li a span,ul.txt li,h4 a span{color:#696455;} //#sidebar ul li.active a{cursor:default;color:white;} #sidebar ul li.active a{cursor:default;color:#e30000;} #sidebar ul ul{margin:0;list-style:none;} #sidebar ul.sidenav>li {display: none;} #sidebar ul.sidenav li.active {display: block;} h3.sub,h2.sub {margin: 0 0 10px 0;padding: 0 0 5px 0;font-size: 1.1em;font-weight: bold;line-height: 1em;text-transform: uppercase;letter-spacing: 2px;color: #515151;border-bottom: 1px solid #eee;} /* typography.css */ body {font-size:50%;} h1, h2, h3, h4, h5, h6 {font-weight:normal;} h1 {font-size:3em;line-height:1;margin-bottom:0.5em;} h2 {font-size:2em;margin-bottom:0.75em;} h3 {font-size:1.5em;line-height:1;margin-bottom:1em;} //h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;} h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;} h6 {font-size:1em;font-weight:bold;} h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;} p {margin:0 0 1.5em;} p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;} p img.right {float:right;margin:1.5em 0 1.5em 1.5em;} a:focus, a:hover {} a {text-decoration:none;} blockquote {margin:1.5em;color:#666;font-style:italic;} strong {font-weight:bold;} em, dfn {font-style:italic;} dfn {font-weight:bold;} sup, sub {line-height:0;} abbr, acronym {border-bottom:1px dotted #666;} address {margin:0 0 1.5em;font-style:italic;} del {color:#666;} pre, code {margin:1.5em 0;white-space:pre;} pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;} //li ul, li ol {margin:0 1.5em;} //ul, ol {margin:0 1.5em 1.5em 1.5em;} ul {list-style-type:none;} ol {list-style-type:decimal;} dl {margin:0 0 1.5em 0;} dl dt {font-weight:bold;} dd {margin-left:1.5em;} table {margin-bottom:1.4em;width:100%;} th {font-weight:bold;background:#C3D9FF;} th, td {padding:4px 10px 4px 5px;} tr.even td {background:#E5ECF9;} tfoot {font-style:italic;} caption {background:#eee;} .small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;} .large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;} .hide {display:none;} .quiet {color:#666;} .loud {color:#000;} .highlight {background:#ff0;} .added {background:#060;color:#fff;} .removed {background:#900;color:#fff;} .first {margin-left:0;padding-left:0;} .last {margin-right:0;padding-right:0;} .top {margin-top:0;padding-top:0;} .bottom {margin-bottom:0;padding-bottom:0;} .newlogo-top{ text-align: center; //font-size: .8em; } .newlogo-eng { font-family: century gothic; font-size: 12em; color: #e30000; letter-spacing: .1em; } .newlogo-chn { font-family: Apple LiSung Light, Apple LiGothic Medium, BiauKai, LiSong Pro Light, SimHei, MingLiU, PMingLiU; font-size: 11em; } .newlogo-whole{ font-family: century gothic; font-size: 2.5em; //letter-spacing: .5em; letter-spacing: .52em; text-align: center; } /* if no .newlogo-eng letter-spacing then .newlogo-whole letter-spacing: .5em */ #shrink { font-size: .85em; } ul.header-nav li:hover>a{ //color:#e30000; }