TMMU China/css/blog

/*-- Author: W3layouts Author URL: http://w3layouts.com License: Creative Commons Attribution 3.0 Unported License URL: http://creativecommons.org/licenses/by/3.0/ --*/ html, body{

   font-size: 100%;

font-family: 'Open Sans', sans-serif; background:#ffffff; margin: 0; } p,ul li,ol li{ margin:0; letter-spacing:1px; } h1,h2,h3,h4,h5,h6{

   font-family: 'Raleway', sans-serif;

margin:0; } ul,label{ margin:0; padding:0; } body a:hover{ text-decoration:none; } input[type="submit"],input[type="reset"],a,.w3ls_team_grid1_pos ul li{ -webkit-transition: 0.5s ease-in;

   -moz-transition: 0.5s ease-in;
   -ms-transition: 0.5s ease-in;
   -o-transition: 0.5s ease-in;
   transition:0.5s ease-in;

} /*-- event --*/ .event-left1-left{ padding:0; position:relative; } .event-left1-left-pos{ position: absolute;

   bottom: 0%;
   left: 0%;
   width: 100%;
   background: rgba(25, 25, 25, 0.52);
   padding: .5em;
   text-align: center;

} .event-left1-left-pos ul li {

   display: inline-block;
   margin: 0 0.5em;

} .event-left1-left-pos ul li a{ font-size:0.9em;

   color: #fff;
   text-decoration: none;

} .event-left1-left-pos ul li a span{ padding-right: 1em;

   color: #00a98f;

} .event-left1-left-pos ul li a:hover{ color:#00a98f; } .event-left1-right{ padding-right:0; margin: 2em 0 0; } .event-left1-right h4{

   font-size: 1em;
   color: #00a98f;
   margin: 0 0 1em;
   position: relative;
   padding-bottom: 1em;
   text-align: right;

} .event-left1-right h3 a{ font-size:1em;

   color: #999;
   margin: 2em 0 1em;
   line-height: 1.7em;
   text-decoration: none;
   display: block;
   text-align: center;

text-transform: capitalize; } .event-left1-right h3 a:hover{ color:#45A3D6; } .event-left1:nth-child(2){ margin:4em 0; } .event-left1:nth-child(3){ margin-bottom:4em; } .event-left1-right:nth-child(1) {

   padding-right: 1em;
   padding-left: 0;

} .event-left1-right p{

   color: #555;
   line-height: 2em;
   margin: 1.5em 0 0;

} .event-right input[type="search"]{ outline: none;

   padding: 12px;
   text-align: center;
   color: #212121;
   border: 2px solid #DBDBDB;
   font-size: 1em;
   width: 100%;
   background: none;

} .event-right input[type="submit"]{

   outline: none;
   padding: 14px 0;
   text-align: center;
   color: #fff;
   border: none;
   font-size: 1em;
   width: 40%;
   background: #efb312;
   margin: 1em 0 0;
   text-transform: uppercase;
   letter-spacing: 1px;
   font-weight: 600;

border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; } .event-right input[type="submit"]:hover{

  background:#00a98f; 

} .event-left1-right h5 a{ text-transform: capitalize;

   font-size: 1.4em;
   color: #212121;
   text-decoration: none;
   line-height: 1.6em;

} .event-left1-right h5 a:hover{

   color: #efb312;

} .categories{ margin:3em 0; } .posts,.categories,.tags1{

   padding: 1.5em;
   border: 2px solid #DBDBDB;

} .tags1{ margin:3em 0 0; } .categories ul li,.single-left2-left ul li{ list-style-type: none;

   display: block;
   margin-bottom: 1em;

font-size:14px; } .categories ul li i,.single-left2-left ul li i{

   padding-right: 1.5em;

color:#00a98f; } .categories ul li a,.single-left2-left ul li a{ color:#555; text-decoration:none; } .categories ul li a:hover,.single-left2-left ul li a:hover{ color:#00a98f; } .categories h3,.posts h3,.tags1 h3,.comments h3,.leave-coment-form h3{

   font-size: 1.4em;
   color: #212121;
   position: relative;
   letter-spacing: 1px;

} .categories ul{ padding:2em 0 0; } .posts-grid-left{ float:left; width:33%; } .posts-grid-right{ float:right; width:62%; } .posts-grids{ margin:2em 0 0; } .posts-grid-right h4 a{ text-transform: capitalize;

   font-size: .8em;
   color: #999;
   line-height: 1.8em;
   text-decoration: none;
   display: block;

} .posts-grid-right h4 a:hover{ color:#000; } ul.wthree_blog_events_list {

   margin: .5em 0 0;

} .wthree_blog_events_list li{ display:inline-block; color:#212121; font-size:13px; } .wthree_blog_events_list li:first-child{ margin-right:1em; } .wthree_blog_events_list li i{ padding-right:.5em; color:#00a98f; } .wthree_blog_events_list li a{ color:#212121; text-decoration:underline; } .wthree_blog_events_list li a:hover{ color:#00a98f; } .posts-grid:nth-child(2) {

   margin: 2em 0;

} .tags1 ul{ padding:2em 0 0 !important; } .tags ul li {

   display: inline-block;

} .tags ul li a {

   padding: 7px 10px;
   border: 1px solid #999;
   color: #212121;
   text-decoration: none;
   margin: 0 .5em 0.5em 0em;
   display: block;

border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; } .tags ul li a:hover {

   background: #00a98f;
   border: 1px solid #00a98f;
   color: #fff;

} .paging{ padding: 5em 0 0;

   margin: 0;
   border-radius: 0;

} nav.paging1{ text-align:right; } .pagination > li > a, .pagination > li > span{ color:#212121; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {

   color: #fff;
   background-color:#00a98f;
   border-color:#00a98f;

} /*-- //event --*/ /*-- start-responsive-design --*/ @media (max-width:1080px){ .event-left1:nth-child(2) { margin: 3em 0; } .event-left1-right h5 a { font-size: 1.3em; } .event-left1-left-pos ul li { margin: 0 0.5em 0 0; } .categories h3, .posts h3, .tags1 h3, .comments h3, .leave-coment-form h3 { font-size: 1.2em; } .categories h3:after, .posts h3:after, .tags1 h3:after, .comments h3:after, .leave-coment-form h3:after { width: 45%; left: 30%; } .event-left1-right { margin: 0; } .tags1 { margin: 2em 0 0; } .categories { margin: 2em 0; } } @media (max-width:991px){ .paging { padding: 3em 0 0; } .event-right.wthree-event-right { margin: 3em auto 0; width: 60%; } } @media (max-width:640px){ .event-left1-left-pos ul li a span { padding-right: .5em; } .event-left1:nth-child(2) { margin: 2em 0; } .event-left1:nth-child(3){ margin: 0em 0 2em; } .event-right.wthree-event-right { margin: 3em auto 0; width: 85%; } .categories h3:after, .posts h3:after, .tags1 h3:after, .comments h3:after, .leave-coment-form h3:after { left: 50%; } } @media (max-width:480px){ .event-left1-left { float: none; width: 100%; } .event-left1-left-pos ul li { margin: 0 2.5em 0 0; } .event-left1-right { margin: 2em 0 0; float: none; width: 100%; } .agileinfo-event-left1-left { margin-top: 2em; } .paging { padding: 2em 0 0; } .event-right.wthree-event-right { margin: 2em auto 0; width: 100%; } .categories h3:after, .posts h3:after, .tags1 h3:after, .comments h3:after, .leave-coment-form h3:after { left: 40%; } } @media (max-width:414px){ .event-left.w3-agile-event-left { padding: 0; } .categories h3:after, .posts h3:after, .tags1 h3:after, .comments h3:after, .leave-coment-form h3:after { left: 30%; } } @media (max-width:384px){ .event-right.wthree-event-right { padding: 0; } .event-left1-left-pos ul li { margin: 0 1.5em 0 0; } } @media (max-width:375px){ .event-left1-right h4 { margin: 0 0 1em; padding-bottom: .5em; } .event-left1-right { margin: 1em 0 0; } .agileinfo-event-left1-left { margin-top: 1em; } .categories h3:after, .posts h3:after, .tags1 h3:after, .comments h3:after, .leave-coment-form h3:after { left: 20%; } } @media (max-width:320px){ .event-left1-left-pos ul li { margin: 0 0.9em 0 0; } .event-left1-right h4 { font-size: .9em; } .event-left1-right { padding: 0; } .event-left1-left-pos ul li a { font-size: 13px; } p, ul li, ol li { font-size: 13px; } .event-left1-right p { margin: 1em 0 0; } .posts, .categories, .tags1 { padding: 1em; } .categories h3:after, .posts h3:after, .tags1 h3:after, .comments h3:after, .leave-coment-form h3:after { left: 5%; }

}