Difference between revisions of "Team:SUSTech Shenzhen/css/global-css"

 
(3 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 +
/* latin-ext */
 +
@font-face {
 +
  font-family: 'Helvsetica-num';
 +
  font-style: normal;
 +
  font-weight: 400;
 +
  src: local('Helvetica'), local('Helvetica-Regular'), local('Microsoft YaHei');
 +
  unicode-range: U+30-39;
 +
}
 +
 +
a.external {
 +
  word-wrap: break-word;
 +
}
 +
 
blockquote:before {
 
blockquote:before {
 
   color: #ccc;
 
   color: #ccc;
Line 9: Line 22:
  
 
body h1, body h2, body h3, body h4, body h5 {
 
body h1, body h2, body h3, body h4, body h5 {
−
     font-family: 'Raleway';
+
     font-family: 'Helvsetica-num', 'Raleway', sans-serif;
 
}
 
}
  
Line 173: Line 186:
 
     .pull-right-sm {
 
     .pull-right-sm {
 
         float: right !important;
 
         float: right !important;
 +
    }
 +
    .pull-left-sm {
 +
        float: left !important;
 
     }
 
     }
 
}
 
}
  
−
/*
 
−
A custom Bootstrap 3.2 'Google Plus style' theme
 
−
from http://bootply.com
 
  
−
This CSS code should follow the 'bootstrap.css'
+
.panel {border-radius:1px;box-shadow:0 0 0;}
−
in your HTML file.
+
//.btn-primary,.label-primary,.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {background-color:#4285f4;}
−
 
+
−
license: MIT
+
−
author: bootply.com
+
−
*/
+
−
 
+
−
@import url(http://fonts.googleapis.com/css?family=Roboto:400);
+
−
body {
+
−
  background-color:#e0e0e0;
+
−
  -webkit-font-smoothing: antialiased;
+
−
  font: normal 14px Roboto,arial,sans-serif;
+
−
}
+
−
.navbar-default {background-color:#f4f4f4;margin-top:50px;border-width:0;z-index:5;}
+
−
.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > li:hover > a {border:0 solid #4285f4;border-bottom-width:2px;font-weight:800;background-color:transparent;}
+
−
.navbar-default .dropdown-menu {background-color:#ffffff;}
+
−
.navbar-default .dropdown-menu li > a {padding-left:30px;}
+
−
 
+
−
.header {background-color:#ffffff;border-width:0;}
+
−
.header .navbar-collapse {background-color:#ffffff;}
+
−
.btn,.form-control,.panel,.list-group,.well {border-radius:1px;box-shadow:0 0 0;}
+
−
.form-control {border-color:#d7d7d7;}
+
−
.btn-primary {border-color:transparent;}
+
−
.btn-primary,.label-primary,.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {background-color:#4285f4;}
+
 
.btn-plus {background-color:#ffffff;border-width:1px;border-color:#dddddd;box-shadow:1px 1px 0 #999999;border-radius:3px;color:#666666;text-shadow:0 0 1px #bbbbbb;}
 
.btn-plus {background-color:#ffffff;border-width:1px;border-color:#dddddd;box-shadow:1px 1px 0 #999999;border-radius:3px;color:#666666;text-shadow:0 0 1px #bbbbbb;}
−
.well,.panel {border-color:#d2d2d2;box-shadow:0 1px 0 #cfcfcf;border-radius:3px;}
+
.panel {border-color:#d2d2d2;box-shadow:0 1px 0 #cfcfcf;border-radius:3px;}
 +
/*
 
.btn-success,.label-success,.progress-bar-success{background-color:#65b045;}
 
.btn-success,.label-success,.progress-bar-success{background-color:#65b045;}
 
.btn-info,.label-info,.progress-bar-info{background-color:#a0c3ff;border-color:#a0c3ff;}
 
.btn-info,.label-info,.progress-bar-info{background-color:#a0c3ff;border-color:#a0c3ff;}
 
.btn-danger,.label-danger,.progress-bar-danger{background-color:#dd4b39;}
 
.btn-danger,.label-danger,.progress-bar-danger{background-color:#dd4b39;}
 
.btn-warning,.label-warning,.progress-bar-warning{background-color:#f4b400;color:#444444;}
 
.btn-warning,.label-warning,.progress-bar-warning{background-color:#f4b400;color:#444444;}
 +
*/
  
−
hr {border-color:#ececec;}
 
−
button {
 
−
outline: 0;
 
−
}
 
−
textarea {
 
−
resize: none;
 
−
outline: 0;
 
−
}
 
 
.panel .btn i,.btn span{
 
.panel .btn i,.btn span{
 
  color:#666666;
 
  color:#666666;
Line 242: Line 227:
 
  width:50px;
 
  width:50px;
 
  height:50px;
 
  height:50px;
−
}
 
−
.list-group-item:first-child,.list-group-item:last-child {
 
−
border-radius:0;
 
−
}
 
−
h3,h4,h5 {
 
−
border:0 solid #efefef;
 
−
border-bottom-width:1px;
 
−
padding-bottom:10px;
 
−
}
 
−
.modal-dialog {
 
−
width: 450px;
 
−
}
 
−
.modal-footer {
 
−
border-width:0;
 
−
}
 
−
.dropdown-menu {
 
−
background-color:#f4f4f4;
 
−
border-color:#f0f0f0;
 
−
border-radius:0;
 
−
margin-top:-1px;
 
−
}
 
−
/* end theme */
 
−
 
−
/* template layout*/
 
−
#subnav {
 
−
position:fixed;
 
−
width:100%;
 
−
}
 
−
 
−
@media (max-width: 768px) {
 
−
#subnav {
 
−
  padding-top: 6px;
 
−
}
 
−
}
 
−
 
−
#main {
 
−
padding-top:120px;
 
 
}
 
}

Latest revision as of 10:51, 19 October 2016

/* latin-ext */ @font-face { 

 font-family: 'Helvsetica-num';
 font-style: normal;
 font-weight: 400;
 src: local('Helvetica'), local('Helvetica-Regular'), local('Microsoft YaHei');
 unicode-range: U+30-39;

}

a.external { 

 word-wrap: break-word;

}

blockquote:before { 

 color: #ccc;
 content: open-quote;
 font-size: 4em;
 line-height: 0.1em;
 margin-right: 0.25em;
 vertical-align: -0.4em;

}

body h1, body h2, body h3, body h4, body h5 { 

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

}

.nav input { 

   background-color: rgb(8,25,45);

}

.nav button { 

   display: none;

}

  1. top-section {
   width: 100%;
   height: 0;
   border: none;

}

  1. top-section #p-logo {
   display: none;

}

  1. top-section #search-controls {
   display: none;
   border: none;

}

  1. content {
   width: 100%;
   background: none;
   padding-bottom: 0;
   font-size: initial;

}

  1. footer-box {
   display:none;

}

  1. catlinks {
   display:none;

}

.firstHeading { 

   display:none;

}

  1. content {
   padding: 0;
   border-left: none;
   border-right: none;

}

  1. contentSub {
   margin: 0;

}

  1. globalWrapper {
   margin: 0px; padding: 0px; width: auto; font-size: 127%; position: relative;

}

  1. top-section {
   margin-top:0;
   margin-left:0;
   height: 0px;
   /* height: 1px !important; */
   position: relative;
   z-index: 100;
   border: 0px;
   border: 0px !important;
   position: fixed;
   top: 0px;

}

  1. menubar ul {
   margin-bottom: 0;
   font-size: x-small;

}

  1. menubar {
   font-size: initial;
   top: -3px;

}

.left-menu li:last { 

   display: none;

}

  1. menubar li {
   margin-bottom: initial;

}

  1. menubar a:visited {
   color: initial;

}

  1. bodyContent h1, #bodyContent h2 {
   margin-bottom: 10px;

}


h1, h2, h3, h4, h5, h6 { 

   padding-top: initial;
   padding-bottom: initial;
   border-bottom: none;
   margin-bottom: 10px;

}

  1. bodyContent a[href ^="mailto:"], .link-mailto {
   background: none;
   padding-right: inherit;

}

.printfooter { 

   display: none;

}


  1. bodyContent a[href ^="https://"],

.link-https { 

   background: none;
   padding-right: 0;

}

  1. bodyContent a[href ^="mailto:"],

.link-mailto { 

   background: none;
   padding-right: 0;

}

  1. bodyContent a[href ^="news://"] {
   background: none;
   padding-right: 0;

}

  1. bodyContent a[href ^="ftp://"],

.link-ftp { 

   background: none;
   padding-right: 0;

}

  1. bodyContent a[href ^="irc://"],

.link-irc { 

   background: none;
   padding-right: 0;

} /* disable interwiki styling */

  1. bodyContent a.extiw,
  2. bodyContent a.extiw:active {
   color: default;
   background: none;
   padding: 0;

}

.right-menu, .right-menu li > a { 

   color: transparent;
   background: transparent;

} .right-menu:hover a { 

   color: white;
   background-color: #606060;

}

a.new:visited, #p-personal a.new:visited { 

   color: #002bd8;

}

@media (min-width: 500px) { 

   .pull-right-sm {
       float: right !important;
   }
   .pull-left-sm {
       float: left !important;
   }

}


.panel {border-radius:1px;box-shadow:0 0 0;} //.btn-primary,.label-primary,.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {background-color:#4285f4;} .btn-plus {background-color:#ffffff;border-width:1px;border-color:#dddddd;box-shadow:1px 1px 0 #999999;border-radius:3px;color:#666666;text-shadow:0 0 1px #bbbbbb;} .panel {border-color:#d2d2d2;box-shadow:0 1px 0 #cfcfcf;border-radius:3px;} /* .btn-success,.label-success,.progress-bar-success{background-color:#65b045;} .btn-info,.label-info,.progress-bar-info{background-color:#a0c3ff;border-color:#a0c3ff;} .btn-danger,.label-danger,.progress-bar-danger{background-color:#dd4b39;} .btn-warning,.label-warning,.progress-bar-warning{background-color:#f4b400;color:#444444;}

  • /

.panel .btn i,.btn span{ 

color:#666666;

} .panel .panel-heading { 

background-color:#ffffff;
font-weight:700;
font-size:16px;
color:#262626;
border-color:#ffffff;

} .panel .panel-heading a { 

font-weight:400;
font-size:11px;

} .panel .panel-default { 

border-color:#cccccc;

} .panel .panel-thumbnail { 

padding:0;

} .panel .img-circle { 

width:50px;
height:50px;

}