/* WRAPPERS ---------------------------- */ #wrapper { margin: 0 auto; max-width: 1100px; min-width: 750px; } #masthead-wrapper { margin: 0 auto 20px; max-width: 1200px; min-width: 750px; background: #666 url(../img/topmast-bg.gif) repeat-x bottom; } #content-wrapper { border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; } /* LAYOUT ---------------------------- */ #masthead { color: #fff; background: url(../img/topmast-br.gif) no-repeat right bottom; } /* NAVBAR ---------------------------- */ #navbar { clear: both; border-top: 1px solid #fff; border-bottom: 1px solid #c7c7c7; background: #f7f7f7 url(../img/navbar-bg.gif) repeat-x bottom; height: 35px; } #navbar ul { float: left; width: 65%; padding-left: 17px; } #navbar ul li { float: left; list-style: none; } #navbar ul li a { display: block; padding: 8px 7px 9px 28px; font-weight: bold; color: #666; background-position: 7px center; background-repeat: no-repeat; } #navbar ul li a:hover { border-bottom: 1px solid #c7c7c7; background-color: #f9f9f9!important; padding-bottom: -5px !important; margin-bottom: -2px; } /* add lines to left and right side of list */ #identification { margin-left:23px; margin-top:8px; width:171px; } /* add icons to tabs */ #nav-dashboard a {background-image: url(../img/icon-dashboard.png);} #nav-wiki a {background-image: url(../img/icon-wiki.png);} #nav-blog a {background-image: url(../img/icon-blog.png);} #nav-forum a {background-image: url(../img/icon-forum.png);} #nav-member a {background-image: url(../img/icon-member.png);} /* different background color using to highlight tab that correlates with the page the user is on */ #dashboard li#nav-dashboard {background-color: #f9f9f9;} #dashboard li#nav-dashboard a {color: #333;} /* each item in the toolbard would be repeated likewise, e.g. #forum li#nav-forum {} #forum li#nav-forum a {} ... */ form#search { float: right; padding: 3px 13px 0 0; width: 30%; text-align: right; } /* attribute selector */ form#search input[type="text"] { border: 1px solid #ccc; width: 130px; padding: 2px; font-family: Arial, sans-serif; vertical-align: middle; } /* attribute selector */ form#search input[type="image"] { vertical-align: middle; } /* TOOLBOX ---------------------------- */ #toolbox { clear: both; padding: 1em 0; border-top: 1px solid #e9e9e9; background: #fafafa; } #toolbox-bio { float: left; width: 36%; padding-left: 20px; } #toolbox-recent, #toolbox-blog, #toolbox-friends { float: left; width: 18%; min-height: 160px; padding-left: 15px; border-left: 1px solid #d2d2d2; } #toolbox-recent ul, #toolbox-blog ul, #toolbox-friends ul { margin: 9px 0 0; list-style: none; margin-left: -7px; } #toolbox-recent li, #toolbox-blog li, #toolbox-friends li { clear: left; margin-right: 15px; padding: 5px 0; min-height: 25px; font-size: .87em; color: #666; border-bottom: 1px solid #e9e9e9; } #toolbox-recent li a, #toolbox-blog li a, #toolbox-friends li a { font-weight: bold; } #toolbox-recent li img { float: left; margin: 3px 9px 7px 0; width: 16px; height: 16px; } #toolbox-blog li img, #toolbox-friends li img { float: left; margin: 0 7px 7px 0; width: 18px; height: 18px; padding: 2px; background: #fff; border: 1px solid #e9e9e9; } /* adjacent selector */ #toolbox-recent ul + a, #toolbox-blog ul + a, #toolbox-friends ul + a { display: block; float: right; margin: 10px 15px 0 0; padding-right: 16px; font-size: .87em; background: url(../img/arrow-circle.png) no-repeat right center; } #toolbox h3 { font-weight: normal; font-size: 1.15em; } #toolbox #toolbox-bio h3 { font-size: 1.8em; font-weight: normal; } #toolbox-blog h3 { position: relative; } #toolbox-blog h3 a { display: block; position: absolute; top: 0; right: 15px; padding: 4px 0 4px 15px; font-size: .74em; font-weight: bold; background: url(../img/icon-add.png) no-repeat left center; } #avatar { display: block; float: left; width: 17%; text-align: center; font-size: .87em; } #avatar img { display: block; margin: 0 auto; width: 40px; height: 40px; padding: 9px 9px 11px 10px; background: url(../img/avatar-bg.png) no-repeat; } #avatar strong { display: block; margin: 7px 0 3px; } #bio { float: right; width: 70%; margin: 0 15px; font-size: .87em; color: #666; } #bio h3 { color: #333; } #bio h4 { margin: 1em 0 .2em; color: #333; font-weight: bold; } a#bio-profile { display: block; float: left; margin-top: 1em; padding-right: 17px; font-weight: bold; background: url(../img/arrow-circle.png) no-repeat right center; } .editableOver { background-color:#FEFDE2; } /* LATEST ACTIVITY ---------------------------- */ #container-latest { margin-top: 20px; } #content-latest { position: relative; margin: 0; padding-top: .8em; min-height: 21.6em; border: 1px solid #b2b2b2; } /* white-space: nowrap added to prevent line wrapping */ /* negative top/left position is so bg image aligns with border */ #content-latest h3 { white-space: nowrap; position: absolute; top: -1px; left: -1px; width: 100%; font-weight: bold; font-size: .95em; background: url(../img/box-left.gif) no-repeat; } /* -2px right margin is to align the background with the box, 10px left margin is to pad the left side to allow the other background image to show */ #content-latest h3 strong { display: block; margin: 0 -2px 0 10px; padding: 5px 0; background: url(../img/box-right.gif) no-repeat right top; } .entry { position: relative; } .entry div { float: left; padding: 6px 10px; line-height: 120%; font-size: .8em; color:#999; } .entry div.time { width: 6em; float: right; position: absolute; right: 0; } .entry.alt { background: #f1f1f1; } .entry a { display: block; font-size: 1.1em; font-weight: bold; } .icon { width: 15%; position: absolute; left: 0; } /*.title { margin-left: 3.5em; margin-right:8em; } */ /* MISC ---------------------------- */ #alert { margin: 10px 0; padding: 0 10px; font-size: .87em; color: #666; border: 1px solid #ebebaf; background: #ffc; } #alert2 { margin:15px 0px 10px; padding:5px 10px; font-size: .9em; color: #666; border: 1px solid #ebebaf; background: #ffc; } #alert strong, #alert2 strong { color: #333; font-weight: bold; } #alert p ,#alert2 p { padding: 10px 0; } #alert a , #alert a { display: block; float: right; margin: 6px 0 6px 10px; padding: 4px 0 4px 18px; color: #666; background: url(../img/icon-delete.png) no-repeat left center; } #favadd { padding: 5px 0 5px 20px; font-size: .87em; color: #888; background: url(../img/icon-favadd.png) no-repeat left center; } a:hover#favadd { color: #06c; } #community { padding: 0 1em 1em; border: 1px solid #b2b2b2; } #community p { padding-top: 1em; } #community strong { font-weight: bold; } /* LOGO ******************************/ #masthead-wrapper { margin: 0 auto 20px; max-width: 1100px; min-width: 750px; background: #666 url(../img/topmast-bg.gif) repeat-x bottom; } #masthead { color: #fff; background: url(../img/topmast-br.gif) no-repeat right bottom; } /* Logo trick courtesy of Dan Cederholm, http://simplebits.com/ */ #logo { padding: 7px 15px 10px; background: url(../img/topmast-bl.gif) no-repeat left bottom; } #logo a { display: block; width: 208px; height: 33px; background: url(../img/logo.png) no-repeat; } #logo img { display: block; width: 0; } /* MAINNAV *******************************************************/ #globalnav { float: left; width: 65%; padding-left: 20px; color: #888; } #globalnav h3 { margin-bottom: 5px; font-size: 1.17em; font-weight: bold; color: #666; } #globalnav p { font-size: .90em; } #globalnav a { color: #888; } #globalnav strong { font-weight: bold; color: #666; } #globalnav a:hover { color: #06c; } #user { float: right; width: 30%; padding-right: 20px; text-align: right; color: #888; font-size: .90em; } #user a { padding: 0 .3em; } #user strong { font-weight: bold; padding-right: .3em; color: #666; } /********* MENU SIDEBAR ***********/ .sidebar-menu li a { display:block; /* a must */ border: solid #666; border-width: 0 1px; /* left and right borders only */ text-decoration: none; outline:none; /* so as not to distract from the effect */ color: #000; background: #e4e4e4; } .sidebar-menu li a b { display: block; /* another must */ position:relative; /* because the child elements are positioned */ top: -1px; /* drag it up a little, creates the top notches */ left: 0; border:solid #666; border-width:1px 0 0; /* top border only */ font-weight:normal; } .sidebar-menu li a b b { border-width:0 0 1px; /* bottom border only */ top: 2px; /* pushed down a little to create the bottom notches */ } .sidebar-menu li a b b b { /* i don't think three-deep tag is even necessary */ top:-1px; padding: 1px 6px; border-width: 0; } /* notched effect for links in the unordered list */ .notchedListItems li, .itemtitre li, .indextitre li{ padding-top: 5px; } .notchedListItems, .itemtitre{ list-style: none; padding: 0px; margin: 0px; width: 208px; } .indextitre{ list-style: none; padding: 0; margin: 0; margin-left: -17px; } .fixIE{ padding-left: 0px; } .zero{ margin: 0px; padding: 0px 0px 0px -30px; } .bnone td{border:0px;} .info-page{} .itemtitre b { display:block; border: solid #CFCFCF; border-width: 0 1px; text-decoration: none; outline:none; color: #fff; background: #3D3D3D ; } .itemtitre b b { display: block; position:relative; top: -1px; left: 0; border:solid #CFCFCF; border-width:1px 0 0; font-weight:bold; } .itemtitre b b b { border-width:0 0 1px; top: 2px; padding:1px 6px; } .indextitre b { display:block; border: solid #CFCFCF; border-width: 0 1px; text-decoration: none; outline:none; color: #fff; background: #0099CC ; } .indextitre b b { display: block; position:relative; top: -1px; left: 0; border:solid #CFCFCF; border-width:1px 0 0; font-weight:bold; } .indextitre b b b { border-width:0 0 1px; top: 2px; padding:1px 6px; } .notchedListItems a { display:block; border: solid #EDEBCD; border-width: 0 1px; text-decoration: none; outline:none; color: #000; background: #FEFDEC ; } .notchedListItems a b { display: block; position:relative; top: -1px; left: 0; border:solid #EDEBCD; border-width:1px 0 0; font-weight:normal; } .notchedListItems a b b { border-width:0 0 1px; top: 2px; padding:1px 6px; } .notchedListItems a:hover, .notchedListItems a:hover b {font-weight: bold;} .notchedListItems b b b {font-weight: bold; color: #FEFDEC;} .3D {background-color: #3D3D3D;} .mtopl21 {margin-top: -21px;} .top15 {padding-top: 15px;} #educ {padding-bottom: 15px;} #alert2 img{ border: 5px solid #EBEBAF; } .top5{ margin-top: 7px;} .ale { margin:15px 0px 0px; padding:5px 10px 0px; font-size: .9em; color: #666; border: 1px solid #ebebaf; background: #ffc; width: 344px; } .ale strong { color: #333; font-weight: bold; } .ale p { padding: 10px 0; } .ale b { display: block; margin: -5px 0 -5px -5px; padding: 4px 0 4px 20px; color: #666; background: url(../img/icon_alert.gif) no-repeat left center; } /*** CV DISPLAY */ .h-title { font-weight: bold; font-size: 1.1em; width: 91%; border-bottom: 1px solid #eee; border-top: 1px solid #eee; padding: 5px 5px 5px 7px; background-color: #fff; } .h-title img { margin-bottom: -3px; } .i-title { padding-left: 3px; } .h-mod { padding: 8px 0 0px 0; margin-bottom: 5px; } .resume, .h-mod { width: 95%; padding: 5px 0 10px 10px; } .h-error { width: 95%; padding: 5px 10px 10px 10px; } .lnone { list-style: none; } .subcolumns_oldgecko { width: 95%; padding: 8px 0px 0px 0px; } .mritem{ margin-right: 20px; display: block; } .title, .org { font-weight: bold; } .summ { text-align: justify; padding: 0px 0px 15px; } .ar-bloc { } .contact { padding: 5px 0px; } .given-name, .family-name{ font-size: 1.2em; font-weight: bold; } .street-address { display: block; } .h-skills { list-style: none; padding-top: 5px; } .h-skills li{ display: inline; } #cv input { border:1px solid #CCCCCC; font-family:Helvetica,Arial,sans-serif; font-size:1.1em; font-weight:bold; padding:4px; } #droite { margin-left: 205px; height: 100%; margin-right: 5px; border-left: 1px solid #EFEFEF; padding: 1px 0 0 8px; } #gauche { float: left; left:0; margin:0px 0px 0px -12px; width: 205px; } #main { width: 1060px; background-color: #fafafa; margin: 0; padding: 0; margin-left: auto; min-height: 450px; } .block { display: block; } #wrapperId { position: absolute; width: 100%; } #foot { margin: 0px; } .clearboth { clear: both; } .nothing { padding: 0px; margin: 0px; } .ylert { padding:0px 10px; font-size: .9em; color: #666; border: 1px solid #ebebaf; background: #ffc; } #signIn, .ylert, .box { margin:5px 0pt; } .ylert strong { color: #333; font-weight: bold; } .ylert p { padding: 5px 0; } .ylertback a { display: block; float: right; margin: 6px 0 6px 10px; padding: 4px 0 4px 18px; color: #666; background: url(../img/icon-delete.png) no-repeat left center; } .gr-color { background:#F3F3F3 none repeat scroll 0% 0%; border:1px solid #CCCCCC; clear:left; color:#362B36; margin: 5px 0pt; padding-right: 12px; } /* Framework CSS */ .red { color: red; } .yellow { color: yellow; } .green { color: green; } .bold { font-weight: bold; } .text-left { text-align:left; } .text-right { text-align:right; } .w90 { width: 90px; } .Uuu { visibility: hidden; } .bgwhite { background-color: white; } .bdg { border: 1px solid #DDDDDD; padding: 4px 8px 4px 8px; } .topbdg { margin:5px 0px 8px; } .bottom-10 { padding: 0px 0px 5px 0px; } .justify { text-align: justify; } .l-list li{ padding: 0px; margin: 0px; } .l-list { list-style-type: none; padding: 0px; margin: 0px; } .list-circle { list-style-type: circle; } .l-list img { padding: 0px; margin:5px 0px -4px; }