/* Theme Name:Virtuous Theme URI:http://www.cpothemes.com Description:An extremely clean theme made for anyone who wants to showcase an online product or a portfolio. Virtuous excels at presenting content cleanly and at reducing all the clutter normally found on websites. Tags:portfolio, blog, creative, responsive, customizable, fluid, clean, minimalist Author:CPOThemes Author URI:http://www.cpothemes.com Version:1.1.0 License:GNU General Public License 2.0 License URI:license.txt */ /* INDEX 1. GENERAL ELEMENTS Styles basic elements such as headings or hyperlinks, affecting the overall site but not its layout. 2. LAYOUT Defines the structure and design of the site. All styles that displace elements go here. Special layout elements such as breadcrums or page-specific stuff also goes here. 3. NAVIGATION Defines the styles for menus and cross-post navigation. Any specific element related to site traversing goes here. 4. POSTS Styles the appearance of posts and overall content, as well as typography. Must be in line with editor-style.css, so that both styles match. 5. COMMENTS Sets the appearance of the comment system, structuring both entries and posting forms. 6. WIDGETS Establishes the layout of widgets. Whereas the layout section affects the site in general, this section determines widget appearance for both their layout and contents. */ /* -------------------------------------------------------------- 1. GENERAL ELEMENTS -------------------------------------------------------------- */ /* BODY */ body {font-family: "Lucida Sans Unicode", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", "myriad-pro", sans-serif; background:#aaa; color:#000; font-size:0.9em; line-height:1.6; letter-spacing:0.0em; font-weight:100; word-wrap:break-word;} /* HEADINGS */ h1, h2, h3, h4, h5, h6 { color:#1b417a; line-height:1.2; margin:0 0 20px; letter-spacing:0.04em;} h1 { font-size:2.2em; } h2 { font-size:2em; } h3 { font-size:1.5em; } h4 { font-size:1.3em; } h5 { font-size:1.2em; } h6 { font-size:1.1em; } /* HYPERLINKS */ a:link, a:visited { color:#d7586c; text-decoration:none; } a:hover { color:#f78; text-decoration:underline; } /* GENERAL TYPOGRAPHY */ p, address { margin-bottom:1.6em; } span, div, p, dl, td, th, ul, ol, blockquote { } /* LISTS */ ul li { list-style:circle; margin:0 0 5px 20px; list-style-position:outside; } ol li { list-style:decimal; margin:0 0 5px 20px; list-style-position:outside; } ol ol li { list-style:upper-alpha; } ol ol ol li { list-style:lower-roman; } ol ol ol ol li { list-style:lower-alpha; } ul ul, ol ol, ul ol, ol ul { margin-bottom:0; } ul, ol, dd, pre, hr { margin-bottom:24px; } ul ul, ol ol, ul ol, ol ul { margin-bottom:0; } dl { margin:0 0 24px 0; } dt { font-weight:bold; } dd { margin-bottom:18px; } strong, b { font-weight:bold; } cite, em, i { border:none; font-style:italic; } big { font-size:131.25%; } ins { background:#ffc; border:none; } del { text-decoration:line-through; } /* ADDRESSES */ address { font-size:0.9em; line-height:1.2em; } /* CITATIONS */ blockquote { display:block; padding:0 2%; margin:20px; font-style:normal; } blockquote cite, blockquote em, blockquote i { font-style:normal; } /* PREDEFINED TEXT */ pre { font-family:Courier, monospace; background:#f5f5f5; background:rgba(0,0,0,0.05); color:#222; line-height:18px; margin-bottom:18px; padding:1.5em; display:block; overflow:auto; margin:25px 0; border-radius:3px; } abbr, acronym { border-bottom:1px dotted #666; cursor:help; } ins { text-decoration:none; } sup, sub { font-size:0.7em; height:0; line-height:1; position:relative; vertical-align:baseline; } sup { bottom:1ex; } sub { top:.5ex; } pre, kbd, tt, var { line-height:21px; } code { font-size:1.05em; } /* CODE */ code, code var { font-family:Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } /* TABLES */ table { border-collapse:collapse; border-spacing:0; margin:0 0 24px; text-align:left; width:100%; } tr th, thead th { border:none; color:#000; line-height:1.2em; padding:10px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; } tr td { border:none; padding:10px; border-bottom:1px solid #ddd; vertical-align:top; border-left:1px solid #ddd; } tr th, thead th, tr th, thead th {background: #fff; } /* FORM FIELDS */ input, textarea { font-size:1em; } /* HEADING LINE */ hr { background-color:#fff; border:0; border-top:1px solid #bbb; border-bottom:1px solid #fff; clear:both; height:0; margin:40px 0; } /* INLINE IMAGES */ img { margin:0; max-width:100%; line-height:0; height:auto; } .alignleft, img.alignleft { display:inline; float:left; margin-right:20px; margin-top:4px; } .alignright, img.alignright { display:inline; float:right; margin-left:20px; margin-top:4px; } .aligncenter, img.aligncenter { display:block; margin-left:auto; margin-right:auto; } img.alignleft, img.alignright, img.aligncenter { margin-bottom:12px; } /* IMAGE CAPTIONS */ .wp-caption { margin-bottom:20px; padding:5px 0; max-width:100%; text-align:center; background:url(http://www.cl.aoyama.ac.jp/french/2018/images/shades/black_10.png); line-height:0em; } .wp-caption .wp-caption-text{ } .wp-caption img { margin:0; padding:0; max-width:100%; line-height:0em; } .wp-caption p { margin:10px 0 10px; color:#666; line-height:1.2em; font-size:12px; } .wp-smiley { margin:0; } /* FORMS */ label { display:block; width:100%; padding:8px 0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } input[type=text], input[type=password], input[type=input], input[type=tel], input[type=url], input[type=email], input[type=number], input[type=range], input[type=search], input[type=color], input[type=time], input[type=week], input[type=month], input[type=date], input[type=datetime], textarea, select { font-family:inherit; border:1px solid #eee; padding:10px; margin:0; width:100%; background:#f3f3f3; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-appearance:none; } input[type=submit] { width:auto; -webkit-appearance:none; } /* MAIN THEME COLORS */ .sticky { } .primary-color { color:#E85F52; } .primary-color-bg { background-color:#E85F52; } .secondary-color { color:#555; } .secondary-color-bg { background-color:#555; } /* SHORTCODE CUSTOM STYLING */ /* BUTTONS */ .button, .button:visited, input[type=submit] { border-radius:2px; border-width:0 0 1px; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.5); } .button-default, .button-default:link, .button-default:visited, input[type=submit] { background:#f5663e; border-color:#c15289; } .button-default:hover, input[type=submit]:hover { background:#f5663e; } /* Custom Colors */ body .button-red, body .button-red:visited { border-color:#ce3160; background:#e08f74; } body .button-red:hover { background:#e08f74; } body .button-blue, body .button-blue:visited { border-color:#5985c8; background:#82dbeb; } body .button-blue:hover { background:#82dbeb; } body .button-green, body .button-green:visited { border-color:#469b4e; background:#66d582; } body .button-green:hover { background:#66d582; } body .button-teal, body .button-teal:visited { border-color:#449987; background:#5bbfb9; } body .button-teal:hover { background:#5bbfb9; } body .button-purple, body .button-purple:visited { border-color:#9b4eae; background:#b68ae8; } body .button-purple:hover { background:#9b4eae; } body .button-pink, body .button-pink:visited { border-color:#be589f; background:#e78be8; } body .button-pink:hover { background:#e78be8; } body .button-orange, body .button-orange:visited { border-color:#cf5e36; background:#dcb466; } body .button-orange:hover { background:#dcb466; } body .button-yellow, body .button-yellow:visited { border-color:#c59a3c; background:#e6d43e; } body .button-yellow:hover { background:#e6d43e; } body .button-gray, body .button-gray:visited { border-color:#777; background:#aaa; } body .button-gray:hover { background:#aaa; } body .button-black, body .button-black:visited { border-color:#222; background:#555; } body .button-black:hover { background:#555; } body .button-white, body .button-white:visited { border-color:#bbb; background:#f5f5f5; } body .button-white:hover { background:#f5f5f5; } /* -------------------------------------------------------------- 2. LAYOUT -------------------------------------------------------------- */ /* WRAPPERS */ .outer { overflow:hidden; width:100%; } .wrapper { background:#fff; width:1100px; margin:20px auto; max-width:100%; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .container { max-width:900px; padding:0px 20px; margin:0 auto; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .clear { clear:both; width:100%; height:0; margin:0; padding:0; } /* TOPMENU */ .topbar { display:block; line-height:1; font-size:0.9em; } .topbar a { color:#444; } /* SOCIAL ICONS */ .social { text-align:center; padding:0; margin:0 0 20px; width:auto; } .social .social-profile { display:inline-block; color:#888; margin:0 5px 10px; width:30px; height:30px; font-size:16px; line-height:30px; text-align:center; border:1px solid #ccc; border-radius:2px; } .social .social-profile .social-title { display:none; } .social .social-profile:hover { text-decoration:none; } /* LANGUAGE SWITCHER */ .languages { float:right; padding-left:10px; } .languages .language-item { display:inline-block; margin:12px 0 12px 10px; } .languages img { margin-right:5px; } /* HEADER */ .header { position:relative; width:100%; padding:35px 0 20px; } .header .logo { padding-top:10px; margin:0 auto; width:500px; max-width:100%;} .header .logo a { display:block; line-height:1em; } .header .title { display:block; line-height:1em; margin:0; } .header .title a { display:inline; } .header .title a:hover { text-decoration:none; } .header .logo .description { display:none; text-transform:capitalize; letter-spacing:2px; } .header .hidden { display:none; } .header .header-content { float:right; text-align:right; padding:20px 0 0 20px; } /* HOMEPAGE SLIDES */ .slider { background:#aaa; padding:0; margin:0; position:relative; text-align:center; -moz-transition:0.3s all; -webkit-transition:0.3s all; transition:0.3s all; } .slider-slides { display:block; overflow:hidden; padding:0; margin:0; height:400px; width: 100%;} .slider-slides .slide { overflow:hidden; background-color:#eee; position:relative; list-style:none; width:100%; height:100%; margin:0; padding:0; } .slider-slides .container { position:relative; height:auto; top:25%; margin:0; padding:0; max-width:1100px;} .slider-slides .slide-textbox { overflow:hidden; position:absolute; background:#fff; background:rgba(255,255,255,0.7); font-size:1.0em; margin:0 auto; padding:7px; border-radius:0px; text-align:center; -webkit-box-sizing: content-box; background:rgba(255,255,255,0.8); box-shadow:0 0 5px 0 rgba(0,0,0,0.3); width:100%; vertical-align: middle; } .slider-slides .slide-right .slide-textbox { text-align:center; } .slider-slides .slide-textbox p:last-child { margin-bottom:10px; } /* Slider Controls */ .slider-prev, .slider-next { -moz-transition:0.4s all; -webkit-transition:0.4s all; transition:0.4s all; opacity:0; } .slider:hover .slider-prev, .slider:hover .slider-next { opacity:1; } .slider-prev, .slider-next { position:absolute; background:#fff; background:rgba(255,255,255,0.8); width:40px; height:40px; font-size:25px; line-height:40px; margin-top:-25px; bottom:30px; text-align:center; color:#888; z-index:999; border-radius:2px; cursor:pointer; } .slider-prev { left:0px; top:50%;} .slider-prev:before { font-family:'fontawesome'; content:'\f104'; } .slider-next { right:0px; top:50%;} .slider-next:before { font-family:'fontawesome'; content:'\f105'; } /* BREADCRUMBS */ .breadcrumb { margin:10px 0; font-size:12px;} .breadcrumb a { position:relative; padding-right:5px; margin-right:5px; } .breadcrumb a:before { display:block; position:absolute; top:50%; right:0; list-style:none; font-family:'fontawesome'; content:'\f105'; font-size:12px; color:#999; margin-top:-7px; line-height:1; } .breadcrumb a:first-child { } .breadcrumb a:hover { } .breadcrumb span { } /* PAGE BANNERS AND TITLES */ .banner { overflow:hidden; padding:0; margin:0 0 30px; max-height:500px; } .header-image { display:block; width:100%; height:auto; line-height:0; padding:0; margin:0; } .pagetitle { padding:0; margin:30px 0 50px; text-align:center; } .pagetitle .pagetitle-title { margin:0; text-transform:none; } /* HOMEPAGE FEATURES */ .features { margin:0; } .features .feature { padding:40px 0 40px; } .features .feature-odd { background:#f3f3f3; } .features .feature .feature-title { font-size:1.5em; margin-bottom:10px; text-transform:uppercase; } .features .feature .feature-content { float:left; width:47%; } .features .feature .feature-image { float:right; width:47%; } .features .feature-right .feature-content { float:right; } .features .feature-right .feature-image { float:left; } /* PAGE CONTENT */ .main { overflow:hidden; padding:0; } .main.blank { padding:80px 0; } .content { float:left; width:65%; margin:0 5% 30px 0; padding:0; } .sidebar-left .content { float:right; margin:0 0 30px 5%; } .sidebar-left .content-wide, .sidebar-right .content-wide, .content-wide { float:none; padding:0; margin:0; width:auto; } /* SIDEBARS */ .sidebar { float:left; width:30%; } .widget { overflow:hidden; margin:0 0 30px; } /* SIDE NAVIGATION */ .submenu { float:right; width:30%; } .submenu.left { float:left; } /* FOOTER SIDEBARS */ .subfooter { overflow:hidden; padding:10px 0 0; } .subfooter .widget .widget-title { } /* FOOTER */ .footer { overflow:hidden; padding:10px 0; clear:both; text-align:center; text-transform:uppercase; font-size:9px; letter-spacing:0.1em; background:#eee; } /* -------------------------------------------------------------- 3. NAVIGATION -------------------------------------------------------------- */ /* TOP MENU */ .topmenu { float:left; } .menu-top { float:left; margin:12px 0; line-height:1em; } .menu-top > ul { overflow:visible; margin:0; } .menu-top li { float:left; list-style:none; margin:0 15px 0 0; padding:0; } .menu-top li:last-child { border-right:0; } .menu-top li a { display:block; float:left; padding:0; } .menu-top li a:hover, .menu-top li:hover > a { text-decoration:underline; } .menu-top .current-menu-item > a { text-decoration:underline; } /* MAIN MENU */ .menu-main { padding-top:15px; text-align:center;} .menu-main { margin:25px 0 1px; } .menu-main > ul { display:inline; margin:0; padding:0; } /* Fix for extra wrapper in default menu markup */ /* Menu Elements */ .menu-main li { display:inline-block; border-bottom: solid 1px #555;} .menu-main li { position:relative; margin:0 -3px; list-style:none; -moz-transition:0.2s all; -webkit-transition:0.2s all; transition:0.2s all; } .menu-main li a { display:block; margin:0; text-transform:uppercase; padding:7px 4px; font-size:0.9em; color:#777; -moz-transition:0.2s all; -webkit-transition:0.2s all; transition:0.2s all; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .menu-main li a .menu-description { display:none; } .menu-main li:hover { text-decoration:none; } .menu-main li:hover > a, .menu-main li a:hover { text-decoration:none; background-color:#fff; } /* Current item highlight both normally and on hover */ .menu-main .current-menu-ancestor > a, .menu-main .current-menu-item > a { color:#a66; } .menu-main .current_page_ancestor > a:hover, .menu-main .current-menu-item > a:hover { } /* Children Elements */ .menu-main ul, .menu-main li, .menu-main a { -moz-transition:0.4s all; -webkit-transition:0.4s all; transition:0.4s all; } .menu-main .has-children:before { display:block; color:#1b417a; position:absolute; top:50%; right:10px; list-style:none; font-family:'fontawesome'; content:'\f0d7'; font-size:10px; margin-top:-5px; line-height:1; } .menu-main .has-children > a { padding-right:20px; } .menu-main li ul { visibility:hidden; opacity:0; margin:0; position:absolute; background:#fff; background:rgba(255,255,255,0.75); top:100%; left:50%; margin-left:-110px; z-index:9998; box-shadow:0 2px 4px 0px rgba(0,0,0,0.2); border:1px solid #eee; border-width:2px 1px 1px; } .menu-main > li > ul:before { visibility:hidden; content:' '; opacity:0; margin:0; position:absolute; top:0; left:110px; margin:-10px 0 0 -20px; border-bottom:10px solid #eee; border-left:10px solid transparent; border-right:10px solid transparent; z-index:9999; } .menu-main li ul li { } .menu-main li ul li a { width:200px; color:#555; line-height:1.5; height:auto; text-transform:none; padding:4px 8px; text-shadow:none; } .menu-main li ul li:first-child a { border-top:none; } .menu-main li ul li:hover > a, .menu-main li ul li a:hover { background-color:#eee; } /* Children display on hover */ .menu-main li:hover > ul { visibility:visible; opacity:1; } .menu-main li:hover > ul:before { visibility:visible; opacity:1; } /* Further Children Elements */ .menu-main li ul .has-children:before { content:'\f0da'; color:#999; } .menu-main li ul > li:hover { overflow:visible; } .menu-main li ul ul { margin:0; top:0; left:200px; } /* MOBILE MENU */ .menu-mobile { display:none; clear:both; margin:20px auto; padding:10px; width:95%; border:1px solid #ccc; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-appearance:none; } /* FOOTER MENU */ .footermenu { overflow:hidden; margin:0 0 30px; } .menu-footer { display:block; text-align:center; margin:0; padding:0; } .menu-footer > ul { overflow:hidden; margin:0; padding:0; } /* Menu Elements */ .menu-footer li { display:inline-block; padding:0; margin:0; list-style:none; } .menu-footer li a { margin:0 10px; color:#bbb; } .menu-footer li a:hover, .menu-footer li:hover > a { } .menu-footer .current-menu-item > a { text-decoration:underline; } /* SUBMENU NAVIGATION */ .menu-sub { margin:0 0 30px; padding:0; } .menu-sub li { position:relative; list-style:none; margin:0; } .menu-sub li:before { display:block; position:absolute; top:50%; left:10px; list-style:none; font-family:'fontawesome'; content:'\f104'; font-size:14px; color:#999; margin-top:-7px; line-height:1; } .menu-sub li a { display:block; padding:8px 10px 8px 30px; } .sidebar-left .menu-sub li:before { left:auto; right:10px; content:'\f105'; } .sidebar-left .menu-sub li a { padding:8px 30px 8px 10px; } .menu-sub li a:hover { text-decoration:none; } .menu-sub .current_page_item a, .menu-sub .current-cat a { } .menu-sub li ul { display:none; font-size:1em; } /* PORTFOLIO NAVIGATION */ .menu-portfolio { overflow:hidden; margin:0 0 30px; padding:0; } .menu-portfolio li { list-style:none; display:inline-block; padding:0; margin:0; } .menu-portfolio li a { display:block; padding:5px 15px; color:#777; } .menu-portfolio li a:hover { text-decoration:none; } .menu-portfolio .current_page_item a, .menu-portfolio .current-cat a { background:url(http://www.cl.aoyama.ac.jp/french/2018/images/shades/black_10.png); color:#fff; border-radius:2px; } .menu-portfolio li ul { display:none; font-size:1em; } /* NEXT/PREV POST NAVIGATION */ .navigation { overflow:hidden; margin:0 0 30px; } .navigation a { display:block; } .navigation .nav-prev, .navigation .nav-next { position:relative; padding:0 30px; } .navigation .nav-prev { float:left; text-align:left; } .navigation .nav-prev:before { display:block; position:absolute; top:50%; left:0; list-style:none; font-family:'fontawesome'; content:'\f104'; font-size:30px; color:#999; margin-top:-15px; line-height:30px; } .navigation .nav-next { float:right; text-align:right; } .navigation .nav-next:before { display:block; position:absolute; top:50%; right:0; list-style:none; font-family:'fontawesome'; content:'\f105'; font-size:30px; color:#999; margin-top:-15px; line-height:30px; } /* NUMBERED PAGINATION */ .page-link { clear:both; } .pagination { overflow:hidden; margin:0 0 30px; text-align:center; } .pagination span, .pagination a { display:inline-block; font-weight:bold; color:#777; margin:0 2px; padding:5px 15px; border-radius:2px; } .pagination span { background:url(http://www.cl.aoyama.ac.jp/french/2018/images/shades/black_10.png); } .pagination a:hover { background:#eee; text-decoration:none; } .pagination .first_page, .pagination .first-page, .pagination .last_page, .pagination .last-page { display:none; } .pagination .current { } /* IN-POST PAGINATION */ .page-link { clear:both; } .postpagination { overflow:hidden; margin:10px 0px 30px; float:left; background:#ddd; background:-moz-linear-gradient(top, #f5f5f5 0%, #cccccc 100%); background:-webkit-linear-gradient(top, #f5f5f5 0%,#cccccc 100%); background:linear-gradient(to bottom, #f5f5f5 0%,#cccccc 100%); border:1px solid #ccc; border-bottom:1px solid #aaa; color:#444; text-shadow:0 1px 0 #f2f2f2; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .postpagination span { display:block; float:left; color:#777; background:#ccc; padding:5px 10px; font-size:14px; } .postpagination a span { display:block; float:left; padding:5px 10px; font-size:14px; background:none; } .postpagination a span:hover { background:#eee; text-decoration:none; } .postpagination .current { text-shadow:0 1px 0 #fff; } /* -------------------------------------------------------------- 4. POSTS & PAGES -------------------------------------------------------------- */ /* POSTS */ .post { margin:0 0 30px; overflow:hidden; } .post .post-image { margin:0 0 20px; line-height:0em; height:auto; } .post .post-image img { display:block; margin:0; line-height:0em; width:100%; height:auto; } .post .post-title { padding:0; margin:0 0 10px 0; } .post .post-title a { color:inherit; } .post .post-byline { overflow:hidden; margin-bottom:20px; padding:20px 20px 10px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .post .post-byline a { color:inherit; } .post .post-byline div { position:relative; float:left; font-size:0.9em; margin:0 30px 10px 0; padding-left:30px; position:relative; } .post .post-byline div:before { position:absolute; display:block; width:20px; height:20px; line-height:20px; margin-top:-10px; top:50%; font-size:16px; text-align:center; left:0; color:#bbb; font-family:'fontawesome'; } .post .post-byline .post-date:before { content:'\f017'; } .post .post-byline .post-author:before { content:'\f007'; } .post .post-byline .post-category:before { content:'\f07c'; } .post .post-tags { display:block; margin:0 0 30px; padding:0; } .post .post-tags li { display:inline-block; list-style:none; padding:0 5px; margin:0; border-radius:3px; } .post .post-tags li a { } .post .post-content { padding:0; margin:0 0 15px; } .post .post-content p:last-child { margin-bottom:0; } .post .separator { clear:both; width:100%; } .post .readmore { margin:0; } /* SPECIAL POST FORMATS */ .format-quote .post-title { position:relative; padding:0 40px; line-height:1.4; } .format-quote .post-title:before { display:block; position:absolute; top:0; left:0; list-style:none; font-family:'fontawesome'; content:'\f10d'; font-size:26px; color:#aaa; } .format-quote .post-title:after { display:block; position:absolute; bottom:0; right:0; list-style:none; font-family:'fontawesome'; content:'\f10e'; font-size:26px; color:#aaa; } .video { margin:30px 0; position:relative; padding-bottom:56.25%; padding-top:25px; height:0; } .video iframe { position:absolute; top:0; left:0; width:100%; height:100%; } /* INDIVIDUAL PORTFOLIO ITEMS */ .cpo_portfolio { margin:0 0 40px; } .cpo_portfolio .portfolio-media { margin:0 0 40px; } .cpo_portfolio .portfolio-image { text-align:center; } .cpo_portfolio .portfolio-details { overflow:hidden; margin-bottom:40px; padding:40px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .cpo_portfolio .portfolio-details div { position:relative; float:left; margin:0 40px 0 0; padding-left:30px; position:relative; } .cpo_portfolio .portfolio-details .details-icon { position:absolute; display:block; width:20px; height:20px; line-height:20px; margin-top:-10px; top:50%; font-size:16px; text-align:center; left:0; color:#bbb; } .cpo_portfolio .portfolio-content { } /* GALLERIES IN POSTS AND PORTFOLIOS */ .gallery { margin:0; position:relative; padding:0; overflow:hidden; } .gallery .item { float:left; overflow:hidden; list-style:none; width:32%; text-align:center; margin:0 2% 2% 0; padding:0; } .gallery .item_last { margin:0 0 2%; } .gallery .item img { line-height:0; width:100%; height:auto; } .gallery .item .content { position:absolute; width:60%; margin:30px 15%; padding:20px 5%; bottom:0; background:url(http://www.cl.aoyama.ac.jp/french/2018/images/shades/black_10.png); color:#fff; } .gallery .separator { clear:both; } /* AUTHOR BIOS */ .author-info { overflow:hidden; clear:both; padding:20px; margin:0 0 20px 25%; background:#eee; } .author-info .author-image { float:left; display:block; margin:0 20px 0 0; } .author-info .author-image img { display:block; line-height:0; margin:0; width:100px; } .author-info .author-name { margin:0 0 10px 120px; } .author-info .author-description { margin:0 0 0 120px; } /* PORTFOLIO SHOWCASE */ .portfolio { clear:both; padding:0; } .portfolio-heading { padding-top:30px; margin-bottom:30px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .portfolio-content { } .portfolio-column { margin-left:0; list-style:none; padding:0; } .portfolio-item { display:block; position:relative; list-style:none; padding:0; margin:0 0 40px; -moz-transition:0.4s all; -webkit-transition:0.4s all; transition:0.4s all; } .portfolio-item-image { display:block; overflow:hidden; position:relative; border-radius:2px; box-shadow:0 8px 0 -5px rgba(0,0,0,0.2); } .portfolio-item-image img { display:block; max-width:100%; margin:0 auto; width:100%; height:auto; line-height:0; } .portfolio-item .portfolio-item-overlay { opacity:0; background:url(http://www.cl.aoyama.ac.jp/french/2018/images/shades/black_50.png); color:#fff; position:absolute; z-index:9999; padding:12%; width:100%; top:0; bottom:0; -moz-transition:0.4s all; -webkit-transition:0.4s all; transition:0.4s all; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .portfolio-item .portfolio-item-title { color:#fff; margin:0 0 10px; font-size:1.2em; text-transform:uppercase; } .portfolio-item .portfolio-item-excerpt { font-size:0.9em; } .portfolio-item a:hover { text-decoration:none; } .portfolio-item:hover .portfolio-item-overlay { opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .portfolio-item:hover .portfolio-item-icon { top:50%; opacity:1; text-shadow:0 0 10px #fff; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } /* 404 PAGE */ .notfound { padding:100px 0; } .notfound-image { font-size:100px; font-weight:bold; text-align:right; line-height:1; } .notfound-title { } .notfound-content { } /* SEARCH PAGE */ .search-result { margin:0 0 30px; } .search-form { margin:0 0 30px; } .search-title { margin:0; } .search-byline { font-size:0.8em; } .search-content p { margin:0; } /* CONTACT FORM */ .contact-form { } .contact-form .test { left:-9999px; position:absolute; top:-9999px; } .contact-form .field { overflow:hidden; margin-bottom:20px; } .contact-form .field textarea{ height:200px; max-height:600px; min-height:200px; resize:vertical; max-width:100%; } .contact-form .field .error{ display:block; margin-left:20%; color:#F30; font-weight:bold; font-size:0.9em; } .contact-form .field input[type=submit]{ margin:0; } .contact-map { margin:0 0 30px; } .contact-map html, #contactmap body { height:100%; } .contact-map label { width: auto; display:inline; } .contact-map img { max-width: none; } /* -------------------------------------------------------------- 5. COMMENTS -------------------------------------------------------------- */ /* COMMENTS */ .comments { clear:both; margin:0; } .commentlist { list-style:none; padding:0; margin:0 0 30px; } .comment { overflow:hidden; list-style:none; margin:0; padding:0; } .comment .comment-avatar { float:left; padding:3px; border:1px solid #ddd; width:60px; border-radius:2px; } .comment .comment-avatar img { display:block; } .comment .comment-title { padding:0; margin-left:80px; } .comment .comment-author { display:block; font-size:1.3em; } .comment .comment-date { float:right; font-size:0.9em; } .comment .comment-date a { color:#aaa; } .comment .comment-approval { display:block; padding:0 10px 0; margin:0; } .comment .comment-content { margin:10px 0 0 80px; padding:0; } .comment .comment-options { overflow:hidden; margin:0 0 30px 80px; font-size:0.9em; } .comment .comment-options a { margin-right:10px; } /* Contents Styling for Comment Body */ .comment .comment-content ul, .comment .comment-content ol { margin-bottom:18px; } .comment .comment-content p:last-child { margin-bottom:6px; } .comment .comment-content blockquote p:last-child { margin-bottom:24px; } /* Nested Comments */ .comment .children { list-style:none; margin:0 0 0 50px; } /* Pingbacks & Trackbacks */ .comments ol.pinglist { margin:0; } .comments .pingback { list-style:none; margin:0 0 10px 0; } .comments .pingback .url { font-style:italic; } /* COMMENT FORM */ .comment-respond { margin:30px 0; overflow:hidden; position:relative; } .comment-respond p { overflow:hidden; } /* Fields */ .comment-respond .comment-notes { display:none; } .comment-respond .comment-form-author { float:left; width:48%; margin-right:4%; } .comment-respond .comment-form-email { float:left; width:48%; } .comment-respond .comment-form-url { clear:both; } .comment-respond .required { color:#ff4b33; } .comment-respond label { display:block; float:left; padding:8px 10px 8px 0; } .comment-respond input[type=text] { } .comment-respond textarea{ height:200px; max-height:400px; min-height:200px; resize:vertical; } /* Nested Form */ #cancel-comment-reply-link { float:right; display:block; font-size:0.9em; } /* Allowed Tags */ .comment-respond .form-allowed-tags { display:none; color:#888; font-size:0.9em; padding-left:25%; } .comment-respond .form-allowed-tags code { display:block; font-size:0.9em; } .comment-respond .form-submit { } /* -------------------------------------------------------------- 6. WIDGETS Includes all widget-related elements -------------------------------------------------------------- */ /* GENERAL WIDGET STYLING */ .widget-title { text-transform:uppercase; } .widget ul { margin-bottom:0; } .widget li { list-style:none; padding-left:10px; margin-left:0; position:relative; } .widget li:before { position:absolute; width:15px; font-size:12px; left:0; top:1px; color:#aaa; font-family:'fontawesome'; content:'\f105'; } .widget li ul { margin-left:10px; margin-top:5px; } .cpotheme-recent .recent-item img { padding:3px; border:1px solid #ddd; width:40px; border-radius:2px; } .cpotheme-flickr .flickr_badge_image { margin:0 15px 15px 0; border:1px solid #ddd; padding:3px; width:40px; } /* -------------------------------------------------------------- 7. EXTERNAL RESOURCES Includes styles for additional libraries and resources -------------------------------------------------------------- */ #subfooter { background-image:url(http://www.cl.aoyama.ac.jp/french/2018/images/footer_bg2.jpg); background-repeat: no-repeat; background-position: center; padding-top:20px; margin-top:30px; padding-bottom:0; border:1px solid rgba(0,0,0,0.25); } .widget_nav_menu { font-size:0.8em; line-height:1.2em; } .widget_nav_menu h3{ font-size:1.2em; font-weight:400; line-height:1.2em; padding:5px 0; border-bottom:1px solid rgba(0,0,0,0.5); margin-bottom:10px; } h4 { border-bottom: solid 1px rgba(27,65,123,0.3); padding-bottom: 4px } .footer { border-bottom-left-radius: 4px; bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-bottom-right-radius: 4px; height:40px; } .bande3 { position:relative; bottom:13px; height:3px; } .bande3 img { width:100%; height:3px; } .slide-textbox { width:100%; } .blue-line { width:258px; height:auto; margin:0 ; } .post-edit-link { display: none; } .profs { border-collapse:separate; border-spacing:10px; position:relative;} .profs tr td:first-child { width:35%; border-left: 1px solid #eee;} .cours { border-collapse:separate; border-spacing:8px; position:relative; font-size:0.75em;} .cours tr td:first-child { width:2%; text-align:center;} .cours34 { border-collapse:separate; border-spacing:8px; position:relative; font-size:0.75em;} .cours34 tr td { width:44%;} .cours34 tr td:first-child { width:2%; text-align:center;} blockquote { padding:0 10px; color:#1b417a; } .dc { list-style-type: decimal; padding-left:20px;} .exam li { list-style:none; padding-left:10px; margin-left:0; position:relative; } .exam li:before { position:absolute; width:15px; font-size:12px; left:0; top:1px; color:#aaa; font-family:'fontawesome'; content:'\f105'; } /* Theme Name:Virtuous Theme URI:http://www.cpothemes.com Description:An extremely clean theme made for anyone who wants to showcase an online product or a portfolio. Virtuous excels at presenting content cleanly and at reducing all the clutter normally found on websites. Tags:portfolio, blog, creative, responsive, customizable, fluid, clean, minimalist Author:CPOThemes Author URI:http://www.cpothemes.com Version:1.1.0 License:GNU General Public License 2.0 License URI:license.txt */ /* INDEX 1. GENERAL ELEMENTS Styles basic elements such as headings or hyperlinks, affecting the overall site but not its layout. 2. LAYOUT Defines the structure and design of the site. All styles that displace elements go here. Special layout elements such as breadcrums or page-specific stuff also goes here. 3. NAVIGATION Defines the styles for menus and cross-post navigation. Any specific element related to site traversing goes here. 4. POSTS Styles the appearance of posts and overall content, as well as typography. Must be in line with editor-style.css, so that both styles match. 5. COMMENTS Sets the appearance of the comment system, structuring both entries and posting forms. 6. WIDGETS Establishes the layout of widgets. Whereas the layout section affects the site in general, this section determines widget appearance for both their layout and contents. */ /* -------------------------------------------------------------- 1. GENERAL ELEMENTS -------------------------------------------------------------- */ /* BODY */ body {font-family: "Lucida Sans Unicode", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", "myriad-pro", sans-serif; background:#aaa; color:#000; font-size:0.9em; line-height:1.6; letter-spacing:0.0em; font-weight:100;} /* HEADINGS */ h1, h2, h3, h4, h5, h6 { color:#1b417a; line-height:1.2; margin:0 0 20px; letter-spacing:0.04em;} h1 { font-size:2.2em; } h2 { font-size:2em; } h3 { font-size:1.5em; } h4 { font-size:1.3em; } h5 { font-size:1.2em; } h6 { font-size:1.1em; } /* HYPERLINKS */ a:link, a:visited { color:#d7586c; text-decoration:none; } a:hover { color:#f78; text-decoration:underline; } /* GENERAL TYPOGRAPHY */ p, address { margin-bottom:1.6em; } span, div, p, dl, td, th, ul, ol, blockquote { } /* LISTS */ ul li { list-style:circle; margin:0 0 5px 20px; list-style-position:outside; } ol li { list-style:decimal; margin:0 0 5px 20px; list-style-position:outside; } ol ol li { list-style:upper-alpha; } ol ol ol li { list-style:lower-roman; } ol ol ol ol li { list-style:lower-alpha; } ul ul, ol ol, ul ol, ol ul { margin-bottom:0; } ul, ol, dd, pre, hr { margin-bottom:24px; } ul ul, ol ol, ul ol, ol ul { margin-bottom:0; } dl { margin:0 0 24px 0; } dt { font-weight:bold; } dd { margin-bottom:18px; } strong, b { font-weight:bold; } cite, em, i { border:none; font-style:italic; } big { font-size:131.25%; } ins { background:#ffc; border:none; } del { text-decoration:line-through; } /* ADDRESSES */ address { font-size:0.9em; line-height:1.2em; } /* CITATIONS */ blockquote { display:block; padding:0 2%; margin:20px; font-style:normal; } blockquote cite, blockquote em, blockquote i { font-style:normal; } /* PREDEFINED TEXT */ pre { font-family:Courier, monospace; background:#f5f5f5; background:rgba(0,0,0,0.05); color:#222; line-height:18px; margin-bottom:18px; padding:1.5em; display:block; overflow:auto; margin:25px 0; border-radius:3px; } abbr, acronym { border-bottom:1px dotted #666; cursor:help; } ins { text-decoration:none; } sup, sub { font-size:0.7em; height:0; line-height:1; position:relative; vertical-align:baseline; } sup { bottom:1ex; } sub { top:.5ex; } pre, kbd, tt, var { line-height:21px; } code { font-size:1.05em; } /* CODE */ code, code var { font-family:Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } /* TABLES */ table { border-collapse:collapse; border-spacing:0; margin:0 0 24px; text-align:left; width:100%; } tr th, thead th { border:none; color:#000; line-height:1.2em; padding:8px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; } tr td { border:none; padding:8px; border-bottom:1px solid #ddd; vertical-align:middle; border-left:1px solid #ddd; } tr th, thead th, tr th, thead th {background: #fff; } /* FORM FIELDS */ input, textarea { font-size:1em; } /* HEADING LINE */ hr { background-color:#fff; border:0; border-top:1px solid #bbb; border-bottom:1px solid #fff; clear:both; height:0; margin:40px 0; } /* INLINE IMAGES */ img { margin:0; max-width:100%; line-height:0; height:auto; } .alignleft, img.alignleft { display:inline; float:left; margin-right:30px; margin-top:4px; } .alignright, img.alignright { display:inline; float:right; margin-left:30px; margin-top:4px; } .aligncenter, img.aligncenter { display:block; margin-left:auto; margin-right:auto; } img.alignleft, img.alignright, img.aligncenter { margin-bottom:12px; } /* IMAGE CAPTIONS */ .wp-caption { margin-bottom:20px; padding:5px 0; max-width:100%; text-align:center; background:url(http://www.cl.aoyama.ac.jp/french/2018/images/shades/black_10.png); line-height:0em; } .wp-caption .wp-caption-text{ } .wp-caption img { margin:0; padding:0; max-width:100%; line-height:0em; } .wp-caption p { margin:10px 0 10px; color:#666; line-height:1.2em; font-size:12px; } .wp-smiley { margin:0; } /* FORMS */ label { display:block; width:100%; padding:8px 0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } input[type=text], input[type=password], input[type=input], input[type=tel], input[type=url], input[type=email], input[type=number], input[type=range], input[type=search], input[type=color], input[type=time], input[type=week], input[type=month], input[type=date], input[type=datetime], textarea, select { font-family:inherit; border:1px solid #eee; padding:10px; margin:0; width:100%; background:#f3f3f3; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-appearance:none; } input[type=submit] { width:auto; -webkit-appearance:none; } /* MAIN THEME COLORS */ .sticky { } .primary-color { color:#E85F52; } .primary-color-bg { background-color:#E85F52; } .secondary-color { color:#555; } .secondary-color-bg { background-color:#555; } /* SHORTCODE CUSTOM STYLING */ /* BUTTONS */ .button, .button:visited, input[type=submit] { border-radius:2px; border-width:0 0 1px; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.5); } .button-default, .button-default:link, .button-default:visited, input[type=submit] { background:#f5663e; border-color:#c15289; } .button-default:hover, input[type=submit]:hover { background:#f5663e; } /* Custom Colors */ body .button-red, body .button-red:visited { border-color:#ce3160; background:#e08f74; } body .button-red:hover { background:#e08f74; } body .button-blue, body .button-blue:visited { border-color:#5985c8; background:#82dbeb; } body .button-blue:hover { background:#82dbeb; } body .button-green, body .button-green:visited { border-color:#469b4e; background:#66d582; } body .button-green:hover { background:#66d582; } body .button-teal, body .button-teal:visited { border-color:#449987; background:#5bbfb9; } body .button-teal:hover { background:#5bbfb9; } body .button-purple, body .button-purple:visited { border-color:#9b4eae; background:#b68ae8; } body .button-purple:hover { background:#9b4eae; } body .button-pink, body .button-pink:visited { border-color:#be589f; background:#e78be8; } body .button-pink:hover { background:#e78be8; } body .button-orange, body .button-orange:visited { border-color:#cf5e36; background:#dcb466; } body .button-orange:hover { background:#dcb466; } body .button-yellow, body .button-yellow:visited { border-color:#c59a3c; background:#e6d43e; } body .button-yellow:hover { background:#e6d43e; } body .button-gray, body .button-gray:visited { border-color:#777; background:#aaa; } body .button-gray:hover { background:#aaa; } body .button-black, body .button-black:visited { border-color:#222; background:#555; } body .button-black:hover { background:#555; } body .button-white, body .button-white:visited { border-color:#bbb; background:#f5f5f5; } body .button-white:hover { background:#f5f5f5; } /* -------------------------------------------------------------- 2. LAYOUT -------------------------------------------------------------- */ /* WRAPPERS */ .outer { overflow:hidden; width:100%; } .wrapper { background:#fff; width:1100px; margin:20px auto; max-width:100%; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .container { max-width:900px; padding:0px 20px; margin:0 auto; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .clear { clear:both; width:100%; height:0; margin:0; padding:0; } /* TOPMENU */ .topbar { display:block; line-height:1; font-size:0.9em; } .topbar a { color:#444; } /* SOCIAL ICONS */ .social { text-align:center; padding:0; margin:0 0 20px; width:auto; } .social .social-profile { display:inline-block; color:#888; margin:0 5px 10px; width:30px; height:30px; font-size:16px; line-height:30px; text-align:center; border:1px solid #ccc; border-radius:2px; } .social .social-profile .social-title { display:none; } .social .social-profile:hover { text-decoration:none; } /* LANGUAGE SWITCHER */ .languages { float:right; padding-left:10px; } .languages .language-item { display:inline-block; margin:12px 0 12px 10px; } .languages img { margin-right:5px; } /* HEADER */ .header { position:relative; width:100%; padding:35px 0 20px; } .header .logo { padding-top:10px; margin:0 auto; width:500px; max-width:100%;} .header .logo a { display:block; line-height:1em; } .header .title { display:block; line-height:1em; margin:0; } .header .title a { display:inline; } .header .title a:hover { text-decoration:none; } .header .logo .description { display:none; text-transform:capitalize; letter-spacing:2px; } .header .hidden { display:none; } .header .header-content { float:right; text-align:right; padding:20px 0 0 20px; } /* HOMEPAGE SLIDES */ .slider { background:#aaa; padding:0; margin:0; position:relative; text-align:center; -moz-transition:0.3s all; -webkit-transition:0.3s all; transition:0.3s all; } .slider-slides { display:block; overflow:hidden; padding:0; margin:0; height:400px; width: 100%;} .slider-slides .slide { overflow:hidden; background-color:#eee; position:relative; list-style:none; width:100%; height:100%; margin:0; padding:0; } .slider-slides .container { position:relative; height:auto; top:25%; margin:0; padding:0; max-width:1100px;} .slider-slides .slide-textbox { overflow:hidden; position:absolute; background:#fff; background:rgba(255,255,255,0.85); font-size:1.0em; margin:0 auto; padding:10px; border-radius:0px; text-align:center; -webkit-box-sizing: content-box; background:rgba(255,255,255,0.8); box-shadow:0 0 5px 0 rgba(0,0,0,0.3); width:100%; vertical-align: middle; } .slider-slides .slide-right .slide-textbox { text-align:center; } .slider-slides .slide-textbox p:last-child { margin-bottom:10px; } /* Slider Controls */ .slider-prev, .slider-next { -moz-transition:0.4s all; -webkit-transition:0.4s all; transition:0.4s all; opacity:0; } .slider:hover .slider-prev, .slider:hover .slider-next { opacity:1; } .slider-prev, .slider-next { position:absolute; background:#fff; background:rgba(255,255,255,0.8); width:40px; height:40px; font-size:25px; line-height:40px; margin-top:-25px; bottom:30px; text-align:center; color:#888; z-index:999; border-radius:2px; cursor:pointer; } .slider-prev { left:0px; top:50%;} .slider-prev:before { font-family:'fontawesome'; content:'\f104'; } .slider-next { right:0px; top:50%;} .slider-next:before { font-family:'fontawesome'; content:'\f105'; } /* BREADCRUMBS */ .breadcrumb { margin:10px 0; } .breadcrumb a { position:relative; padding-right:15px; margin-right:10px; } .breadcrumb a:before { display:block; position:absolute; top:50%; right:0; list-style:none; font-family:'fontawesome'; content:'\f105'; font-size:14px; color:#999; margin-top:-7px; line-height:1; } .breadcrumb a:first-child { } .breadcrumb a:hover { } .breadcrumb span { } /* PAGE BANNERS AND TITLES */ .banner { overflow:hidden; padding:0; margin:0 0 30px; max-height:500px; } .header-image { display:block; width:100%; height:auto; line-height:0; padding:0; margin:0; } .pagetitle { padding:0; margin:30px 0 50px; text-align:center; } .pagetitle .pagetitle-title { margin:0; text-transform:none; } /* HOMEPAGE FEATURES */ .features { margin:0; } .features .feature { padding:40px 0 40px; } .features .feature-odd { background:#f3f3f3; } .features .feature .feature-title { font-size:1.5em; margin-bottom:10px; text-transform:uppercase; } .features .feature .feature-content { float:left; width:47%; } .features .feature .feature-image { float:right; width:47%; } .features .feature-right .feature-content { float:right; } .features .feature-right .feature-image { float:left; } /* PAGE CONTENT */ .main { overflow:hidden; padding:0; } .main.blank { padding:80px 0; } .content { float:left; width:65%; margin:0 5% 30px 0; padding:0; } .sidebar-left .content { float:right; margin:0 0 30px 5%; } .sidebar-left .content-wide, .sidebar-right .content-wide, .content-wide { float:none; padding:0; margin:0; width:auto; } /* SIDEBARS */ .sidebar { float:left; width:30%; } .widget { overflow:hidden; margin:0 0 30px; } /* SIDE NAVIGATION */ .submenu { float:right; width:30%; } .submenu.left { float:left; } /* FOOTER SIDEBARS */ .subfooter { overflow:hidden; padding:10px 0 0; } .subfooter .widget .widget-title { } /* FOOTER */ .footer { overflow:hidden; padding:10px 0; clear:both; text-align:center; text-transform:uppercase; font-size:9px; letter-spacing:0.1em; background:#eee; } /* -------------------------------------------------------------- 3. NAVIGATION -------------------------------------------------------------- */ /* TOP MENU */ .topmenu { float:left; } .menu-top { float:left; margin:12px 0; line-height:1em; } .menu-top > ul { overflow:visible; margin:0; } .menu-top li { float:left; list-style:none; margin:0 15px 0 0; padding:0; } .menu-top li:last-child { border-right:0; } .menu-top li a { display:block; float:left; padding:0; } .menu-top li a:hover, .menu-top li:hover > a { text-decoration:underline; } .menu-top .current-menu-item > a { text-decoration:underline; } /* MAIN MENU */ .menu-main { padding-top:15px; text-align:center;} .menu-main { margin:25px 0 1px; } .menu-main > ul { display:inline; margin:0; padding:0; } /* Fix for extra wrapper in default menu markup */ /* Menu Elements */ .menu-main li { display:inline-block; border-bottom: solid 1px #555;} .menu-main li { position:relative; margin:0 -3px; list-style:none; -moz-transition:0.2s all; -webkit-transition:0.2s all; transition:0.2s all; } .menu-main li a { display:block; margin:0; text-transform:uppercase; padding:7px 4px; font-size:0.9em; color:#777; -moz-transition:0.2s all; -webkit-transition:0.2s all; transition:0.2s all; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .menu-main li a .menu-description { display:none; } .menu-main li:hover { text-decoration:none; } .menu-main li:hover > a, .menu-main li a:hover { text-decoration:none; background-color:#fff; } /* Current item highlight both normally and on hover */ .menu-main .current-menu-ancestor > a, .menu-main .current-menu-item > a { color:#a66; } .menu-main .current_page_ancestor > a:hover, .menu-main .current-menu-item > a:hover { } /* Children Elements */ .menu-main ul, .menu-main li, .menu-main a { -moz-transition:0.4s all; -webkit-transition:0.4s all; transition:0.4s all; } .menu-main .has-children:before { display:block; color:#1b417a; position:absolute; top:50%; right:10px; list-style:none; font-family:'fontawesome'; content:'\f0d7'; font-size:10px; margin-top:-5px; line-height:1; } .menu-main .has-children > a { padding-right:20px; } .menu-main li ul { visibility:hidden; opacity:0; margin:0; position:absolute; background:#fff; background:rgba(255,255,255,0.75); top:100%; left:50%; margin-left:-110px; z-index:9998; box-shadow:0 2px 4px 0px rgba(0,0,0,0.2); border:1px solid #eee; border-width:2px 1px 1px; } .menu-main > li > ul:before { visibility:hidden; content:' '; opacity:0; margin:0; position:absolute; top:0; left:110px; margin:-10px 0 0 -20px; border-bottom:10px solid #eee; border-left:10px solid transparent; border-right:10px solid transparent; z-index:9999; } .menu-main li ul li { } .menu-main li ul li a { width:200px; color:#555; line-height:1.5; height:auto; text-transform:none; padding:4px 8px; text-shadow:none; } .menu-main li ul li:first-child a { border-top:none; } .menu-main li ul li:hover > a, .menu-main li ul li a:hover { background-color:#eee; } /* Children display on hover */ .menu-main li:hover > ul { visibility:visible; opacity:1; } .menu-main li:hover > ul:before { visibility:visible; opacity:1; } /* Further Children Elements */ .menu-main li ul .has-children:before { content:'\f0da'; color:#999; } .menu-main li ul > li:hover { overflow:visible; } .menu-main li ul ul { margin:0; top:0; left:200px; } /* MOBILE MENU */ .menu-mobile { display:none; clear:both; margin:20px auto; padding:10px; width:95%; border:1px solid #ccc; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-appearance:none; } /* FOOTER MENU */ .footermenu { overflow:hidden; margin:0 0 30px; } .menu-footer { display:block; text-align:center; margin:0; padding:0; } .menu-footer > ul { overflow:hidden; margin:0; padding:0; } /* Menu Elements */ .menu-footer li { display:inline-block; padding:0; margin:0; list-style:none; } .menu-footer li a { margin:0 10px; color:#bbb; } .menu-footer li a:hover, .menu-footer li:hover > a { } .menu-footer .current-menu-item > a { text-decoration:underline; } /* SUBMENU NAVIGATION */ .menu-sub { margin:0 0 30px; padding:0; } .menu-sub li { position:relative; list-style:none; margin:0; } .menu-sub li:before { display:block; position:absolute; top:50%; left:10px; list-style:none; font-family:'fontawesome'; content:'\f104'; font-size:14px; color:#999; margin-top:-7px; line-height:1; } .menu-sub li a { display:block; padding:8px 10px 8px 30px; } .sidebar-left .menu-sub li:before { left:auto; right:10px; content:'\f105'; } .sidebar-left .menu-sub li a { padding:8px 30px 8px 10px; } .menu-sub li a:hover { text-decoration:none; } .menu-sub .current_page_item a, .menu-sub .current-cat a { } .menu-sub li ul { display:none; font-size:1em; } /* PORTFOLIO NAVIGATION */ .menu-portfolio { overflow:hidden; margin:0 0 30px; padding:0; } .menu-portfolio li { list-style:none; display:inline-block; padding:0; margin:0; } .menu-portfolio li a { display:block; padding:5px 15px; color:#777; } .menu-portfolio li a:hover { text-decoration:none; } .menu-portfolio .current_page_item a, .menu-portfolio .current-cat a { background:url(http://www.cl.aoyama.ac.jp/french/2018/images/shades/black_10.png); color:#fff; border-radius:2px; } .menu-portfolio li ul { display:none; font-size:1em; } /* NEXT/PREV POST NAVIGATION */ .navigation { overflow:hidden; margin:0 0 30px; } .navigation a { display:block; } .navigation .nav-prev, .navigation .nav-next { position:relative; padding:0 30px; } .navigation .nav-prev { float:left; text-align:left; } .navigation .nav-prev:before { display:block; position:absolute; top:50%; left:0; list-style:none; font-family:'fontawesome'; content:'\f104'; font-size:30px; color:#999; margin-top:-15px; line-height:30px; } .navigation .nav-next { float:right; text-align:right; } .navigation .nav-next:before { display:block; position:absolute; top:50%; right:0; list-style:none; font-family:'fontawesome'; content:'\f105'; font-size:30px; color:#999; margin-top:-15px; line-height:30px; } /* NUMBERED PAGINATION */ .page-link { clear:both; } .pagination { overflow:hidden; margin:0 0 30px; text-align:center; } .pagination span, .pagination a { display:inline-block; font-weight:bold; color:#777; margin:0 2px; padding:5px 15px; border-radius:2px; } .pagination span { background:url(http://www.cl.aoyama.ac.jp/french/2018/images/shades/black_10.png); } .pagination a:hover { background:#eee; text-decoration:none; } .pagination .first_page, .pagination .first-page, .pagination .last_page, .pagination .last-page { display:none; } .pagination .current { } /* IN-POST PAGINATION */ .page-link { clear:both; } .postpagination { overflow:hidden; margin:10px 0px 30px; float:left; background:#ddd; background:-moz-linear-gradient(top, #f5f5f5 0%, #cccccc 100%); background:-webkit-linear-gradient(top, #f5f5f5 0%,#cccccc 100%); background:linear-gradient(to bottom, #f5f5f5 0%,#cccccc 100%); border:1px solid #ccc; border-bottom:1px solid #aaa; color:#444; text-shadow:0 1px 0 #f2f2f2; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .postpagination span { display:block; float:left; color:#777; background:#ccc; padding:5px 10px; font-size:14px; } .postpagination a span { display:block; float:left; padding:5px 10px; font-size:14px; background:none; } .postpagination a span:hover { background:#eee; text-decoration:none; } .postpagination .current { text-shadow:0 1px 0 #fff; } /* -------------------------------------------------------------- 4. POSTS & PAGES -------------------------------------------------------------- */ /* POSTS */ .post { margin:0 0 30px; overflow:hidden; } .post .post-image { margin:0 0 20px; line-height:0em; height:auto; } .post .post-image img { display:block; margin:0; line-height:0em; width:100%; height:auto; } .post .post-title { padding:0; margin:0 0 10px 0; } .post .post-title a { color:inherit; } .post .post-byline { overflow:hidden; margin-bottom:20px; padding:20px 20px 10px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .post .post-byline a { color:inherit; } .post .post-byline div { position:relative; float:left; font-size:0.9em; margin:0 30px 10px 0; padding-left:30px; position:relative; } .post .post-byline div:before { position:absolute; display:block; width:20px; height:20px; line-height:20px; margin-top:-10px; top:50%; font-size:16px; text-align:center; left:0; color:#bbb; font-family:'fontawesome'; } .post .post-byline .post-date:before { content:'\f017'; } .post .post-byline .post-author:before { content:'\f007'; } .post .post-byline .post-category:before { content:'\f07c'; } .post .post-tags { display:block; margin:0 0 30px; padding:0; } .post .post-tags li { display:inline-block; list-style:none; padding:0 5px; margin:0; border-radius:3px; } .post .post-tags li a { } .post .post-content { padding:0; margin:0 0 15px; } .post .post-content p:last-child { margin-bottom:0; } .post .separator { clear:both; width:100%; } .post .readmore { margin:0; } /* SPECIAL POST FORMATS */ .format-quote .post-title { position:relative; padding:0 40px; line-height:1.4; } .format-quote .post-title:before { display:block; position:absolute; top:0; left:0; list-style:none; font-family:'fontawesome'; content:'\f10d'; font-size:26px; color:#aaa; } .format-quote .post-title:after { display:block; position:absolute; bottom:0; right:0; list-style:none; font-family:'fontawesome'; content:'\f10e'; font-size:26px; color:#aaa; } .video { margin:30px 0; position:relative; padding-bottom:56.25%; padding-top:25px; height:0; } .video iframe { position:absolute; top:0; left:0; width:100%; height:100%; } /* INDIVIDUAL PORTFOLIO ITEMS */ .cpo_portfolio { margin:0 0 40px; } .cpo_portfolio .portfolio-media { margin:0 0 40px; } .cpo_portfolio .portfolio-image { text-align:center; } .cpo_portfolio .portfolio-details { overflow:hidden; margin-bottom:40px; padding:40px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .cpo_portfolio .portfolio-details div { position:relative; float:left; margin:0 40px 0 0; padding-left:30px; position:relative; } .cpo_portfolio .portfolio-details .details-icon { position:absolute; display:block; width:20px; height:20px; line-height:20px; margin-top:-10px; top:50%; font-size:16px; text-align:center; left:0; color:#bbb; } .cpo_portfolio .portfolio-content { } /* GALLERIES IN POSTS AND PORTFOLIOS */ .gallery { margin:0; position:relative; padding:0; overflow:hidden; } .gallery .item { float:left; overflow:hidden; list-style:none; width:32%; text-align:center; margin:0 2% 2% 0; padding:0; } .gallery .item_last { margin:0 0 2%; } .gallery .item img { line-height:0; width:100%; height:auto; } .gallery .item .content { position:absolute; width:60%; margin:30px 15%; padding:20px 5%; bottom:0; background:url(http://www.cl.aoyama.ac.jp/french/2018/images/shades/black_10.png); color:#fff; } .gallery .separator { clear:both; } /* AUTHOR BIOS */ .author-info { overflow:hidden; clear:both; padding:20px; margin:0 0 20px 25%; background:#eee; } .author-info .author-image { float:left; display:block; margin:0 20px 0 0; } .author-info .author-image img { display:block; line-height:0; margin:0; width:100px; } .author-info .author-name { margin:0 0 10px 120px; } .author-info .author-description { margin:0 0 0 120px; } /* PORTFOLIO SHOWCASE */ .portfolio { clear:both; padding:0; } .portfolio-heading { padding-top:30px; margin-bottom:30px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .portfolio-content { } .portfolio-column { margin-left:0; list-style:none; padding:0; } .portfolio-item { display:block; position:relative; list-style:none; padding:0; margin:0 0 40px; -moz-transition:0.4s all; -webkit-transition:0.4s all; transition:0.4s all; } .portfolio-item-image { display:block; overflow:hidden; position:relative; border-radius:2px; box-shadow:0 8px 0 -5px rgba(0,0,0,0.2); } .portfolio-item-image img { display:block; max-width:100%; margin:0 auto; width:100%; height:auto; line-height:0; } .portfolio-item .portfolio-item-overlay { opacity:0; background:url(http://www.cl.aoyama.ac.jp/french/2018/images/shades/black_50.png); color:#fff; position:absolute; z-index:9999; padding:12%; width:100%; top:0; bottom:0; -moz-transition:0.4s all; -webkit-transition:0.4s all; transition:0.4s all; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .portfolio-item .portfolio-item-title { color:#fff; margin:0 0 10px; font-size:1.2em; text-transform:uppercase; } .portfolio-item .portfolio-item-excerpt { font-size:0.9em; } .portfolio-item a:hover { text-decoration:none; } .portfolio-item:hover .portfolio-item-overlay { opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .portfolio-item:hover .portfolio-item-icon { top:50%; opacity:1; text-shadow:0 0 10px #fff; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } /* 404 PAGE */ .notfound { padding:100px 0; } .notfound-image { font-size:100px; font-weight:bold; text-align:right; line-height:1; } .notfound-title { } .notfound-content { } /* SEARCH PAGE */ .search-result { margin:0 0 30px; } .search-form { margin:0 0 30px; } .search-title { margin:0; } .search-byline { font-size:0.8em; } .search-content p { margin:0; } /* CONTACT FORM */ .contact-form { } .contact-form .test { left:-9999px; position:absolute; top:-9999px; } .contact-form .field { overflow:hidden; margin-bottom:20px; } .contact-form .field textarea{ height:200px; max-height:600px; min-height:200px; resize:vertical; max-width:100%; } .contact-form .field .error{ display:block; margin-left:20%; color:#F30; font-weight:bold; font-size:0.9em; } .contact-form .field input[type=submit]{ margin:0; } .contact-map { margin:0 0 30px; } .contact-map html, #contactmap body { height:100%; } .contact-map label { width: auto; display:inline; } .contact-map img { max-width: none; } /* -------------------------------------------------------------- 5. COMMENTS -------------------------------------------------------------- */ /* COMMENTS */ .comments { clear:both; margin:0; } .commentlist { list-style:none; padding:0; margin:0 0 30px; } .comment { overflow:hidden; list-style:none; margin:0; padding:0; } .comment .comment-avatar { float:left; padding:3px; border:1px solid #ddd; width:60px; border-radius:2px; } .comment .comment-avatar img { display:block; } .comment .comment-title { padding:0; margin-left:80px; } .comment .comment-author { display:block; font-size:1.3em; } .comment .comment-date { float:right; font-size:0.9em; } .comment .comment-date a { color:#aaa; } .comment .comment-approval { display:block; padding:0 10px 0; margin:0; } .comment .comment-content { margin:10px 0 0 80px; padding:0; } .comment .comment-options { overflow:hidden; margin:0 0 30px 80px; font-size:0.9em; } .comment .comment-options a { margin-right:10px; } /* Contents Styling for Comment Body */ .comment .comment-content ul, .comment .comment-content ol { margin-bottom:18px; } .comment .comment-content p:last-child { margin-bottom:6px; } .comment .comment-content blockquote p:last-child { margin-bottom:24px; } /* Nested Comments */ .comment .children { list-style:none; margin:0 0 0 50px; } /* Pingbacks & Trackbacks */ .comments ol.pinglist { margin:0; } .comments .pingback { list-style:none; margin:0 0 10px 0; } .comments .pingback .url { font-style:italic; } /* COMMENT FORM */ .comment-respond { margin:30px 0; overflow:hidden; position:relative; } .comment-respond p { overflow:hidden; } /* Fields */ .comment-respond .comment-notes { display:none; } .comment-respond .comment-form-author { float:left; width:48%; margin-right:4%; } .comment-respond .comment-form-email { float:left; width:48%; } .comment-respond .comment-form-url { clear:both; } .comment-respond .required { color:#ff4b33; } .comment-respond label { display:block; float:left; padding:8px 10px 8px 0; } .comment-respond input[type=text] { } .comment-respond textarea{ height:200px; max-height:400px; min-height:200px; resize:vertical; } /* Nested Form */ #cancel-comment-reply-link { float:right; display:block; font-size:0.9em; } /* Allowed Tags */ .comment-respond .form-allowed-tags { display:none; color:#888; font-size:0.9em; padding-left:25%; } .comment-respond .form-allowed-tags code { display:block; font-size:0.9em; } .comment-respond .form-submit { } /* -------------------------------------------------------------- 6. WIDGETS Includes all widget-related elements -------------------------------------------------------------- */ /* GENERAL WIDGET STYLING */ .widget-title { text-transform:uppercase; } .widget ul { margin-bottom:0; } .widget li { list-style:none; padding-left:10px; margin-left:0; position:relative; } .widget li:before { position:absolute; width:15px; font-size:12px; left:0; top:1px; color:#aaa; font-family:'fontawesome'; content:'\f105'; } .widget li ul { margin-left:10px; margin-top:5px; } .cpotheme-recent .recent-item img { padding:3px; border:1px solid #ddd; width:40px; border-radius:2px; } .cpotheme-flickr .flickr_badge_image { margin:0 15px 15px 0; border:1px solid #ddd; padding:3px; width:40px; } /* -------------------------------------------------------------- 7. EXTERNAL RESOURCES Includes styles for additional libraries and resources -------------------------------------------------------------- */ #subfooter { background-image:url('http://www.cl.aoyama.ac.jp/french/2018/images/footer_bg2.jpg'); background-repeat: no-repeat; background-position: center; padding-top:20px; margin-top:30px; padding-bottom:0; border:1px solid rgba(0,0,0,0.25); } .widget_nav_menu { font-size:0.8em; line-height:1.2em; } .widget_nav_menu h3{ font-size:1.2em; font-weight:400; line-height:1.2em; padding:5px 0; border-bottom:1px solid rgba(0,0,0,0.5); margin-bottom:10px; } h4 { border-bottom: solid 1px rgba(27,65,123,0.3); padding-bottom: 4px display:block; } .footer { border-bottom-left-radius: 4px; bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-bottom-right-radius: 4px; height:40px; } .bande3 { position:relative; bottom:13px; height:3px; } .bande3 img { width:100%; height:3px; } .slide-textbox { width:100%; } .blue-line { width:258px; height:auto; margin:0 ; } .post-edit-link { display: none; } .profs { border-collapse:separate; border-spacing:10px; position:relative;} .profs tr td:first-child { width:35%; border-left: 1px solid #eee;} .cours { border-collapse:separate; border-spacing:8px; position:relative; font-size:0.75em;} .cours tr td:first-child { width:2%; text-align:center;} .cours34 { border-collapse:separate; border-spacing:8px; position:relative; font-size:0.75em;} .cours34 tr td { width:44%;} .cours34 tr td:first-child { width:2%; text-align:center;} .exam { border-collapse:separate; border-spacing:8px; position:relative; font-size:0.75em; } .exam tr td {vertical-align:baseline; } .exam tr td:first-child { width:38%; border-left: 1px solid #eee;} .paris3 { border-collapse:separate; border-spacing:8px; position:relative; font-size:0.75em; margin:0;} /*.paris3 tr td:last-child { border-right: 1px solid #eee;}*/ .dc { list-style-type: decimal; padding-left:20px;} .exam1 li { list-style:none; padding-left:15px; margin-left:0; position:relative; } .exam1 li:before { position:absolute; width:12px; font-size:10px; left:0; top:2px; font-family:'fontawesome'; content:'\f069'; color:#666;} .exam2 li { list-style:none; padding-left:10px; margin-left:20px; position:relative; } .exam2 li:before { position:absolute; width:12px; font-size:6px; left:0; top:6px; font-family:'fontawesome'; content:'\f111'; } .down-carret { font-size:24px; line-height:12px; color:#1b417a; padding:20px; } .feature-title { border-bottom: solid 1px rgba(27,65,123,0.3); padding-bottom: 4px } .libre { float:left; margin-left:0; width:420px; } .libre2 { float:left; margin-left:0; width:360px; } img.alignleft2 { display:inline; float:left; margin:10px 5px;} ul.inline { margin:4px 5px ; } ul.inline li { display:inline-block; margin:4px 0 0 -4px ; } ul.inline li:after { content: '・'; } ul.inline li:last-child { margin-right:0 ; } ul.inline li:last-child:after { content: 'ほか'; } .border-bleu { border:1px solid #286eb8; }