You are here

Home » API reference » OAuth2 Login 8

main.css in OAuth2 Login 8 

/*Font Loded*/
@import url(http://fonts.googleapis.com/css?family=Roboto:400,700);

body{
  background: url(../img/bg.jpg);
}

.btn-custom {
  color: #bdc3c7;
  font-size: 18px;
  border: 1px solid #bdc3c7;
}
.btn-custom:hover {
  color: #ffffff;
  border: 1px solid #ffffff;
}
#pricing-table {
  padding-top: 50px;
}
#pricing-table .pricing {
  marign: 0;
  padding: 0;
  font-family: 'Robot', sans-serif;
}
#pricing-table .pricing .pricing-table {
  padding-bottom: 30px;
}
#pricing-table .pricing .pricing-table .pricing-header {
  position: relative;
  background: #34495e;
  padding: 22px 22px;
  text-align: center;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
#pricing-table .pricing .pricing-table .pricing-header .pricing-title {
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 24px;
  text-align: center;
  font-weight: 700;
}
#pricing-table .pricing .pricing-table .pricing-header .pricing-rate {
  font-size: 50px;
  font-weight: 700;
  color: #ffffff;
  position: relative;
  text-align: center;
}
#pricing-table .pricing .pricing-table .pricing-header .pricing-rate sup {
  font-size: 24px;
  position: relative;
  top: -30px;
  color: #bdc3c7;
}
#pricing-table .pricing .pricing-table .pricing-header .pricing-rate span {
  font-size: 16px;
  color: #bdc3c7;
  text-transform: uppercase;
}
#pricing-table .pricing .pricing-list {
  padding: 20px 0 40px 0;
  background: #ffffff;
  border: 1px solid #e3e3e3;
}
#pricing-table .pricing .pricing-list ul {
  padding: 0px;
  display: table;
  margin: 0px auto;
}
#pricing-table .pricing .pricing-list ul li {
  list-style: none;
  border-bottom: 1px solid #EAECEB;
  color: #bdc3c7;
  font-size: 16px;
  padding-top: 20px; 
}
#pricing-table .pricing .pricing-list ul li:last-child {
  border: none;
}
#pricing-table .pricing .pricing-list ul li i {
  margin-right: 12px;
  color: #bdc3c7;
}
#pricing-table .pricing .pricing-list ul li span {
  color: #34495e;
}

File

assets/css/main.css
View source 
  1. /*Font Loded*/

  2. @import url(http://fonts.googleapis.com/css?family=Roboto:400,700);

  3. 

  4. body{

  5.   background: url(../img/bg.jpg);

  6. }

  7. 

  8. .btn-custom {

  9.   color: #bdc3c7;

  10.   font-size: 18px;

  11.   border: 1px solid #bdc3c7;

  12. }

  13. .btn-custom:hover {

  14.   color: #ffffff;

  15.   border: 1px solid #ffffff;

  16. }

  17. #pricing-table {

  18.   padding-top: 50px;

  19. }

  20. #pricing-table .pricing {

  21.   marign: 0;

  22.   padding: 0;

  23.   font-family: 'Robot', sans-serif;

  24. }

  25. #pricing-table .pricing .pricing-table {

  26.   padding-bottom: 30px;

  27. }

  28. #pricing-table .pricing .pricing-table .pricing-header {

  29.   position: relative;

  30.   background: #34495e;

  31.   padding: 22px 22px;

  32.   text-align: center;

  33.   border-top-right-radius: 4px;

  34.   border-top-left-radius: 4px;

  35. }

  36. #pricing-table .pricing .pricing-table .pricing-header .pricing-title {

  37.   color: #ffffff;

  38.   text-transform: uppercase;

  39.   letter-spacing: 2px;

  40.   font-size: 24px;

  41.   text-align: center;

  42.   font-weight: 700;

  43. }

  44. #pricing-table .pricing .pricing-table .pricing-header .pricing-rate {

  45.   font-size: 50px;

  46.   font-weight: 700;

  47.   color: #ffffff;

  48.   position: relative;

  49.   text-align: center;

  50. }

  51. #pricing-table .pricing .pricing-table .pricing-header .pricing-rate sup {

  52.   font-size: 24px;

  53.   position: relative;

  54.   top: -30px;

  55.   color: #bdc3c7;

  56. }

  57. #pricing-table .pricing .pricing-table .pricing-header .pricing-rate span {

  58.   font-size: 16px;

  59.   color: #bdc3c7;

  60.   text-transform: uppercase;

  61. }

  62. #pricing-table .pricing .pricing-list {

  63.   padding: 20px 0 40px 0;

  64.   background: #ffffff;

  65.   border: 1px solid #e3e3e3;

  66. }

  67. #pricing-table .pricing .pricing-list ul {

  68.   padding: 0px;

  69.   display: table;

  70.   margin: 0px auto;

  71. }

  72. #pricing-table .pricing .pricing-list ul li {

  73.   list-style: none;

  74.   border-bottom: 1px solid #EAECEB;

  75.   color: #bdc3c7;

  76.   font-size: 16px;

  77.   padding-top: 20px; 

  78. }

  79. #pricing-table .pricing .pricing-list ul li:last-child {

  80.   border: none;

  81. }

  82. #pricing-table .pricing .pricing-list ul li i {

  83.   margin-right: 12px;

  84.   color: #bdc3c7;

  85. }

  86. #pricing-table .pricing .pricing-list ul li span {

  87.   color: #34495e;

  88. }