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

Line 174: Line 174:
 
         float: right !important;
 
         float: right !important;
 
     }
 
     }
 +
}
 +
 +
/*
 +
A custom Bootstrap 3.2 'Google Plus style' theme
 +
from http://bootply.com
 +
 +
This CSS code should follow the 'bootstrap.css'
 +
in your HTML file.
 +
 +
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;}
 +
.well,.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;}
 +
 +
hr {border-color:#ececec;}
 +
button {
 +
outline: 0;
 +
}
 +
textarea {
 +
resize: none;
 +
outline: 0;
 +
}
 +
.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;
 +
}
 +
.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;
 
}
 
}

Revision as of 02:01, 15 October 2016

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: 'Raleway';

}

.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;
   }

}

/* A custom Bootstrap 3.2 'Google Plus style' theme from http://bootply.com

This CSS code should follow the 'bootstrap.css' in your HTML file.

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;} .well,.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;}

hr {border-color:#ececec;} button {

outline: 0;

} textarea {

resize: none;
outline: 0; 

} .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;

} .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*/

  1. subnav {
position:fixed;
width:100%;

}

@media (max-width: 768px) {

#subnav {
 padding-top: 6px;
}

}

  1. main {
padding-top:120px;

}