Template:USTC-Software/css/mainpage

div#content { width:100%; padding:0; margin:0 0 0 0; } div#top_title { display:none; }

top_menu_inside #bars_item { left: auto; right: calc(1% + 170px); }

div#sideMenu { display:none; left: auto; right: 1%; box-sizing:content-box; line-height:1.5em; }

div#top_menu_14 { box-sizing:content-box; line-height:1em; }

div#top_menu_14 ul { line-height:1.45em; }

div#top_menu_14 #user_item { padding-top:3px; }

div#top_menu_14 #bars_item > img { padding-top:.5px; }

div#sideMenu div.mainMenu_toggle { padding-top:12px; padding-bottom:11px; }

div#sideMenu ul li { display:inline-block; margin-bottom:-6px !important; }

.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul { margin:0; }

{ font-family:Arial,"Century Gothic",Consolas,sans-serif !important; }

a:hover { text-decoration:none; }

a:focus { text-decoration:none; }

.row { max-width:none !important; }

1. mw-content-text

{ width:100%; clear:both; margin:auto; background-image:url("../img/a2.jpg"); }

1. mw-content-text > .ar0

{ width:75%; margin:auto; padding-bottom:15px; border-radius:6px; background-color:rgba(255,255,255,0.78); }

1. mw-content-text > .ar0 > .ar0

{ text-align:center; height:150px; width:100%; }

1. mw-content-text > .ar0 > .ar1

{ width:90%; box-shadow:0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); margin-top:20px; margin-left:auto; margin-right:auto; }

1. mw-content-text > .ar0 > .ar1 > *

{ width:12.5%; display:inline-block; height:50px; line-height:50px; text-align:center; color:rgb(255,255,255); font-size:15px; }

1. mw-content-text > .ar0 > .ar1 > .ar0

{ background-color:rgb(112,144,240); }

1. mw-content-text > .ar0 > .ar1 > .ar1

{ background-color:rgb(96,160,224); }

1. mw-content-text > .ar0 > .ar1 > .ar2

{ background-color:rgb(80,176,208); }

1. mw-content-text > .ar0 > .ar1 > .ar3

{ background-color:rgb(64,192,192); }

1. mw-content-text > .ar0 > .ar1 > .ar4

{ background-color:rgb(48,208,176); }

1. mw-content-text > .ar0 > .ar1 > .ar5

{ background-color:rgb(32,224,160); }

1. mw-content-text > .ar0 > .ar1 > .ar6

{ background-color:rgb(16,240,144); }

1. mw-content-text > .ar0 > .ar1 > .ar7

{ background-color:rgb(0,255,128); }

/* #navigation-bar = #mw-content-text > .ar0 > .ar2 */

1. navigation-bar

{ width:90%; margin-top:30px; margin-left:auto; margin-right:auto; padding-top:15px; font-size:14px; background-color:rgba(255,255,255,0); }

.navigation-bar-trans { background-color:rgb(243,243,243) !important; background-image:none; box-shadow:0 3px 6px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); }

.navigation-bar-trans > ul > li > a.active { box-shadow:0 -4px 0 rgba(128,128,232,1) inset; }

1. mw-content-text > .ar0 > .ar3

{ width:100%; padding-left:5%; padding-right:5%; }

1. mw-content-text > .ar0 > .ar3 > *

{ width:90%; margin-left:5%; margin-right:5%; margin-top:20px; margin-bottom:40px; margin-top:40px; transition:all 0.2s cubic-bezier(0.25,0.8,0.25,1); }

1. mw-content-text > .ar0 > .ar3 h1

{ font-size:32px; font-weight: normal; }

1. mw-content-text > .ar0 > .ar3 p

{ font-size:18px; line-height:28px; margin-bottom:40px; }

1. mw-content-text > .ar0 > .ar3 img

{ margin-top:32px; width:100%; }

1. mw-content-text > .ar1

{ height:400px; width:100%; padding-top:25px; border-top:1px solid rgb(0,0,0); margin-top:60px; background-color:rgba(255,255,255,0.95); }

1. mw-content-text > .ar1 > .ar0

{ height:120px; padding:5px 5px 5px 5px; color:rgb(255,255,255); font-size:24px; text-align:center; }

1. mw-content-text > .ar1 > .ar0 > img

{ width:100%; }

1. mw-content-text > .ar1 > .ar1 > p

{ font-size:16px; }