github.com/blystad/deis@v0.11.0/controller/web/static/css/main.css (about)

     1  footer {
     2      display: none;
     3      width: 201px;
     4  }
     5  .testClass {
     6      padding: 0;
     7      margin: 0;
     8  }
     9  h1, h2, h3, h4, h5, h6 {
    10      font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    11      font-weight: 300;
    12  }
    13  h1 {
    14      display: inline-block;
    15      padding: 50px 0 45px 0;
    16      margin-bottom: 21px;
    17      font-size: 36px;
    18  }
    19  h2 {
    20      margin-top: 48px;
    21      margin-bottom: 24px;
    22      font-size: 36px;
    23  }
    24  h3 {
    25      font-size: 16px;
    26      font-weight: 300;
    27  }
    28  h4 {
    29      margin: 50px 0 50px 0;
    30      font-size: 28px;
    31      font-style: italic;
    32      line-height: normal;
    33      color: #999;
    34  }
    35  a {
    36      font-family: helvetica;
    37      font-size: 16px;
    38      font-weight: 300;
    39      text-decoration: underline;
    40      border: 0!important;
    41  }
    42  p {
    43      font-family: helvetica;
    44      font-size: 16px;
    45      line-height: 22px;
    46  }
    47  img {
    48      border: 0!important;
    49  }
    50  .fork {
    51      float: right;
    52  }
    53  .fork .forkImage {
    54      width: 103px;
    55      height: 58px;
    56      background: url(../img/fork.png);
    57  }
    58  .fork .forkImage:hover {
    59      background: url(../img/fork.png) 0 -58px;
    60  }
    61  a.get-deis-link {
    62      font-size: 28px;
    63      font-style: italic;
    64      line-height: normal;
    65      color: #999!important;
    66      text-decoration: none;
    67  }
    68  a.get-deis-link:hover {
    69      color: #00aeff!important;
    70      text-decoration: none;
    71  }
    72  .main-fork {
    73      position: absolute;
    74      right: 0;
    75      z-index: 999;
    76  }
    77  .menu {
    78      padding-right: 0;
    79  }
    80  .menu .divider {
    81      margin: 0;
    82      background: #ccc;
    83      border-bottom: 0;
    84  }
    85  .menu a {
    86      text-decoration: none;
    87  }
    88  .menu a .logo {
    89      padding-top: 50px;
    90      padding-bottom: 49px;
    91  }
    92  .menu a:hover {
    93      background: none!important;
    94  }
    95  .nav-border {
    96      border-right: solid 1px #ccc;
    97  }
    98  #video {
    99      height: 390px;
   100  }
   101  .navitem {
   102      padding: 0;
   103  }
   104  .navitem.selected.pink {
   105      color: #ff135a;
   106      border-right: solid 5px #ff135a;
   107  }
   108  .navitem.selected.pink a:hover {
   109      color: #ff135a!important;
   110  }
   111  .navitem.selected.green {
   112      color: #00bd50;
   113      border-right: solid 5px #00bd50;
   114  }
   115  .navitem.selected.green a:hover {
   116      color: #00bd50!important;
   117  }
   118  .navitem.selected.blue {
   119      color: #00aeff;
   120      border-right: solid 5px #00aeff;
   121  }
   122  .navitem.selected.blue a:hover {
   123      color: #00aeff!important;
   124  }
   125  .navitem.overview:hover {
   126      color: #00bd50;
   127      border-right: solid 5px #00bd50;
   128  }
   129  .navitem.overview:hover a {
   130      color: #00bd50;
   131  }
   132  .navitem.get-deis:hover {
   133      color: #00aeff;
   134      border-right: solid 5px #00aeff;
   135  }
   136  .navitem.get-deis:hover a {
   137      color: #00aeff;
   138  }
   139  .navitem.get-involved:hover {
   140      color: #ff135a;
   141      border-right: solid 5px #ff135a;
   142  }
   143  .navitem.get-involved:hover a {
   144      color: #ff135a;
   145  }
   146  .navitem.documentation:hover {
   147      color: #00bd50;
   148      border-right: solid 5px #00bd50;
   149  }
   150  .navitem.documentation:hover a {
   151      color: #00bd50;
   152  }
   153  .navitem.blog:hover {
   154      color: #00aeff;
   155      border-right: solid 5px #00aeff;
   156  }
   157  .navitem.blog:hover a {
   158      color: #00aeff;
   159  }
   160  .navitem a {
   161      width: 227px;
   162      padding-top: 26px!important;
   163      padding-right: 0!important;
   164      padding-bottom: 26px!important;
   165      color: #999;
   166  }
   167  .navitem a:hover {
   168      background: none!important;
   169  }
   170  .social-menu {
   171      height: 34px;
   172      margin: 0 0 28px 15px;
   173  }
   174  .social-menu a {
   175      border: 0;
   176  }
   177  .social-menu a:hover {
   178      border: 0;
   179  }
   180  .social-menu a span {
   181      display: inline-block;
   182      float: left;
   183      width: 34px;
   184      height: 33px;
   185  }
   186  .social-menu a span.twitter {
   187      margin-right: 4px;
   188      background: url(../img/social.png) 0 0;
   189  }
   190  .social-menu a span.twitter:hover {
   191      background: url(../img/social.png) 0 -33px;
   192  }
   193  .social-menu a span.irc {
   194      margin-right: 4px;
   195      background: url(../img/social.png) -37px 0;
   196  }
   197  .social-menu a span.irc:hover {
   198      background: url(../img/social.png) -37px -33px;
   199  }
   200  .social-menu a span.github {
   201      margin-right: 4px;
   202      background: url(../img/social.png) -74px 0;
   203  }
   204  .social-menu a span.github:hover {
   205      background: url(../img/social.png) -74px -33px;
   206  }
   207  .social-menu a span.stack {
   208      background: url(../img/social.png) -110px 0;
   209  }
   210  .social-menu a span.stack:hover {
   211      background: url(../img/social.png) -110px -33px;
   212  }
   213  .byline-menu {
   214      height: 34px;
   215      margin-left: 15px;
   216  }
   217  .byline-menu a {
   218      font-size: 12px;
   219      line-height: 16px;
   220      color: #ccc;
   221      text-decoration: none;
   222      border: 0;
   223  }
   224  .byline-menu a:hover {
   225      color: #00aeff;
   226      text-decoration: none;
   227      border: 0;
   228  }
   229  .byline-menu span {
   230      display: inline-block;
   231      float: left;
   232      width: 36px;
   233      height: 33px;
   234  }
   235  .byline-menu span.cloud-logo {
   236      margin-right: 15px;
   237      background: url(../img/social.png) -143px 0;
   238  }
   239  .byline-menu p {
   240      font-size: 12px;
   241      line-height: 16px;
   242      color: #ccc;
   243  }
   244  .home p {
   245      line-height: 25px;
   246      color: #ff135a;
   247  }
   248  .home img.cover-image {
   249      padding-top: 165px;
   250      padding-left: 100px;
   251  }
   252  .overview img {
   253      width: 165px;
   254      margin-top: 35px;
   255      margin-left: 72px;
   256  }
   257  div.navigation-left {
   258      float: left;
   259  }
   260  div.navigation-right {
   261      float: right;
   262  }
   263  .pink a {
   264      color: #ff135a;
   265  }
   266  .pink a:hover {
   267      color: #999;
   268  }
   269  .pink h1 {
   270      color: #ff135a;
   271      border-bottom: solid 1px #ff135a;
   272  }
   273  .pink h2 {
   274      color: #ff135a;
   275  }
   276  .pink h3 {
   277      color: #ff135a;
   278  }
   279  .green a {
   280      color: #00bd50;
   281  }
   282  .green a:hover {
   283      color: #999;
   284  }
   285  .green h1 {
   286      color: #00bd50;
   287      border-bottom: solid 1px #00bd50;
   288  }
   289  .green h2 {
   290      color: #00bd50;
   291  }
   292  .green h3 {
   293      color: #00bd50;
   294  }
   295  .blue a {
   296      color: #00aeff;
   297  }
   298  .blue a:hover {
   299      color: #999;
   300  }
   301  .blue h1 {
   302      color: #00aeff;
   303      border-bottom: solid 1px #00aeff;
   304  }
   305  .blue h2 {
   306      color: #00aeff;
   307  }
   308  .blue h3 {
   309      color: #00aeff;
   310  }
   311  pre, code pre {
   312      padding-top: 30px;
   313      padding-bottom: 30px;
   314      padding-left: 30px;
   315      font-size: 12px;
   316      color: #fff;
   317      background-color: #00aeff;
   318      border: 0;
   319      -webkit-border-radius: 0;
   320      -moz-border-radius: 0;
   321      border-radius: 0;
   322  }
   323  .gd-code p {
   324      font-size: 15px;
   325  }
   326  .gd-code a {
   327      font-size: 15px;
   328  }
   329  .spacer {
   330      margin-bottom: 10px;
   331  }
   332  .spacer2 {
   333      margin-bottom: 14px;
   334  }
   335  .social-container {
   336      height: 330px;
   337  }
   338  .gi {
   339      width: 434px;
   340      height: 285px;
   341  }
   342  .gi.twitter {
   343      float: left;
   344      width: 436px;
   345      height: 286px;
   346      background: url(../img/large-social.png) 0 0;
   347  }
   348  .gi.twitter:hover {
   349      background: url(../img/large-social.png) 0 -571px;
   350  }
   351  .gi.irc {
   352      float: left;
   353      height: 286px;
   354      background: url(../img/large-social.png) -436px 0;
   355  }
   356  .gi.irc:hover {
   357      background: url(../img/large-social.png) -436px -571px;
   358  }
   359  .gi.github {
   360      float: left;
   361      width: 436px;
   362      background: url(../img/large-social.png) 0 -286px;
   363  }
   364  .gi.github:hover {
   365      background: url(../img/large-social.png) 0 -857px;
   366  }
   367  .gi.stack {
   368      float: left;
   369      background: url(../img/large-social.png) -436px -286px;
   370  }
   371  .gi.stack:hover {
   372      background: url(../img/large-social.png) -436px -857px;
   373  }
   374  .author-only {
   375      padding-top: 16px;
   376  }
   377  .blog-social {
   378      margin-top: 50px;
   379  }
   380  .blog-social .blog {
   381      width: 32px;
   382      height: 32px;
   383  }
   384  .blog-social .blog.facebook {
   385      float: left;
   386      margin-right: 5px;
   387      background: url(../img/blog-social.png) 0 0;
   388  }
   389  .blog-social .blog.facebook:hover {
   390      background: url(../img/blog-social.png) 0 -32px;
   391  }
   392  .blog-social .blog.twitter {
   393      float: left;
   394      margin-right: 5px;
   395      background: url(../img/blog-social.png) -37px 0;
   396  }
   397  .blog-social .blog.twitter:hover {
   398      background: url(../img/blog-social.png) -37px -32px;
   399  }
   400  .blog-social .blog.google-plus {
   401      float: left;
   402      background: url(../img/blog-social.png) -74px 0;
   403  }
   404  .blog-social .blog.google-plus:hover {
   405      background: url(../img/blog-social.png) -74px -32px;
   406  }
   407  .blog-social .time {
   408      display: inline-block;
   409      padding-top: 7px;
   410      padding-left: 30px;
   411      color: #ccc;
   412  }
   413  .blog-social .time p {
   414      display: inline;
   415      padding-top: 5px;
   416      font-weight: 300;
   417  }
   418  .blog-social .blog-tags {
   419      padding-left: 86px;
   420  }
   421  .blog-social .blog-tags a {
   422      color: #00aeff;
   423      text-decoration: none;
   424  }
   425  .blog-social .blog-tags a:hover {
   426      color: #999;
   427  }
   428  .blog a h1:hover {
   429      color: #999;
   430      border-bottom: solid 1px #999;
   431  }
   432  .blog-nav a {
   433      display: inline-block;
   434      padding: 23px 23px 23px 23px;
   435      margin: 100px 5px 14px 0;
   436      color: #fff;
   437      text-decoration: none;
   438      background-color: #00aeff;
   439  }
   440  .blog-nav a:hover {
   441      background-color: #999;
   442  }
   443  .bio {
   444      margin-top: 80px;
   445  }
   446  .bio .bio-pic {
   447      float: left;
   448  }
   449  .bio .bio-info {
   450      float: left;
   451      width: 230px;
   452      height: 98px;
   453      padding-right: 30px;
   454      margin-left: 20px;
   455      border-right: solid 2px #ccc;
   456  }
   457  .bio .bio-info p {
   458      margin-bottom: 0;
   459      font-size: 12px;
   460      line-height: 18px;
   461  }
   462  .bio .bio-info a {
   463      font-size: 12px;
   464      color: #00aeff;
   465      text-decoration: none;
   466  }
   467  .bio .bio-info .bio-name {
   468      font-weight: 600;
   469  }
   470  .bio .bio-info .bio-twitter {
   471      margin-bottom: 0;
   472  }
   473  .bio .bio-links {
   474      float: left;
   475      margin-left: 30px;
   476  }
   477  .bio .bio-links a {
   478      display: block;
   479      font-size: 12px;
   480      color: #00aeff;
   481      text-decoration: none;
   482  }
   483  .bio .bio-links .inline {
   484      display: inline;
   485  }
   486  .asciicast iframe {
   487      height: 400px!important;
   488  }
   489  .content {
   490      padding-bottom: 50px;
   491  }
   492  .doc-content {
   493      padding-bottom: 50px;
   494  }
   495  .doc-content h1 {
   496      height: 40px!important;
   497      color: #00bd50;
   498      border-bottom: solid 1px #00bd50;
   499  }
   500  .doc-content h2 {
   501      color: #00bd50;
   502  }
   503  .doc-content h3 {
   504      color: #00bd50;
   505  }
   506  .doc-content a, .doc-content a em, .doc-content em {
   507      font-style: normal!imporant;
   508      color: #00bd50!important;
   509  }
   510  .doc-content a:hover, .doc-content a em:hover, .doc-content em:hover {
   511      color: #999!important;
   512  }
   513  .doc-content pre, .doc-content code pre {
   514      color: #000!important;
   515      background-color: #f5f5f5!important;
   516  }
   517  .doc-content .admonition {
   518      padding: 10px;
   519      margin-bottom: 10px;
   520      border: solid 4px #00bd50;
   521  }
   522  .doc-content .admonition .admonition-title {
   523      font-size: 18px;
   524      font-weight: bold;
   525      line-height: 26px;
   526      text-indent: 50px;
   527  }
   528  .doc-content .warning  {
   529      border: solid 4px #F93;
   530  }
   531  .doc-content .warning .admonition-title {
   532      background: url(../img/glyphs.png) no-repeat;
   533  }
   534  .doc-content .note .admonition-title {
   535      background: url(../img/glyphs.png) no-repeat 0 -25px;
   536  }
   537  .doc-content .tip .admonition-title {
   538      background: url(../img/glyphs.png) no-repeat 0 -53px;
   539  }
   540  .doc-content .important .admonition-title {
   541      background: url(../img/glyphs.png) no-repeat 0 -81px;
   542  }
   543  .doc-content .hint .admonition-title {
   544      background: url(../img/glyphs.png) no-repeat 0 -108px;
   545  }
   546  .doc-content .attention .admonition-title {
   547      background: url(../img/glyphs.png) no-repeat 0 -135px;
   548  }
   549  .doc-content .caution .admonition-title {
   550      background: url(../img/glyphs.png) no-repeat 0 -160px;
   551  }
   552  .doc-content .danger .admonition-title {
   553      background: url(../img/glyphs.png) no-repeat 0 -186px;
   554  }
   555  .doc-content .error .admonition-title {
   556      background: url(../img/glyphs.png) no-repeat 0 -218px;
   557  }
   558  .docs-sidebar {
   559      position: absolute;
   560      right: 0;
   561      width: 195px!important;
   562      min-height: 600px;
   563      padding-bottom: 50px;
   564      margin-left: 105px!important;
   565  }
   566  .docs-sidebar .docs-border {
   567      margin: 145px 0 30px 0;
   568      border-top: 1px solid #999;
   569  }
   570  .docs-sidebar .toctree-l1 ul {
   571      display: none;
   572  }
   573  .docs-sidebar ul, .docs-sidebar li {
   574      margin: 0;
   575      list-style: none;
   576  }
   577  .docs-sidebar li.toctree-l1 {
   578      margin-bottom: 20px;
   579  }
   580  .docs-sidebar li.toctree-l1 a {
   581      color: #00bd50;
   582      text-decoration: none;
   583  }
   584  .docs-sidebar li.toctree-l2.current:before {
   585      content: "• ";
   586      color: #00bd50;
   587  }
   588  .docs-sidebar li.toctree-l2 {
   589      margin-top: 10px;
   590  }
   591  .docs-sidebar li.toctree-l2 a {
   592      font-size: 16px;
   593      color: #999;
   594      text-decoration: none;
   595  }
   596  .searchbox {
   597      width: 134px!important;
   598      height: 54px!important;
   599      padding-left: 50px!important;
   600      font-family: helvetica!important;
   601      font-size: 16px!important;
   602      font-weight: 300!important;
   603      color: white!important;
   604      background: url(../img/mag_glass.png) no-repeat 15px 21px #ccc!important;
   605      border: 0!important;
   606      border-left: 5px solid #00bd50!important;
   607      border-radius: 0!important;
   608      border-shadow: none!important;
   609  }
   610  table.docutils {
   611      border-spacing: 5px;
   612  }
   613  table.docutils td {
   614      padding: 5px;
   615  }
   616  #notfound {
   617      display: block;
   618      width: 175px!important;
   619      margin-top: 178px!important;
   620  }
   621  em {
   622      font-style: normal!important;
   623  }
   624  .mc_merge_var, .mc_signup_submit {
   625      float: left;
   626  }
   627  #mc_mv_EMAIL {
   628      width: 211px!important;
   629      height: 30px!important;
   630      margin-bottom: 0;
   631      font-family: helvetica!important;
   632      font-size: 12px!important;
   633      font-weight: 400!important;
   634      color: #333!important;
   635      border: 1px solid #ff135a;
   636  }
   637  .mc_merge_var input {
   638      font-family: helvetica!important;
   639      font-size: 12px!important;
   640      font-weight: 400!important;
   641      color: #333!important;
   642  }
   643  textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
   644      -webkit-box-shadow: none!important;
   645      -moz-box-shadow: none!important;
   646      box-shadow: none!important;
   647      -webkit-transition: none!important;
   648      -moz-transition: none!important;
   649      -o-transition: none!important;
   650      transition: none!important;
   651  }
   652  .mc_signup_submit {
   653      margin-top: 5px;
   654      margin-left: 10px;
   655  }
   656  #mc_signup_submit {
   657      width: 49px!important;
   658      padding: 6px 14px 4px 14px;
   659      margin-top: 2px!important;
   660      font-family: helvetica;
   661      font-size: 12px;
   662      color: #fff;
   663      background: #ff135a;
   664      border: 0;
   665  }
   666  .mailchimp form {
   667      margin-bottom: 0;
   668  }
   669  .mailchimp p {
   670      margin: 0;
   671  }
   672  #mc_message strong {
   673      font-family: helvetica;
   674      font-size: 12px;
   675      font-weight: 400!important;
   676      color: #333!important;
   677  }
   678  .mc_error_msg {
   679      font-family: helvetica;
   680      font-size: 12px;
   681      font-weight: 400!important;
   682      color: #333!important;
   683  }
   684  .mc_error_msg a {
   685      font-size: 12px;
   686      color: #ff135a;
   687  }
   688  .highlight-link {
   689      display: none;
   690  }
   691  .rtd-docs br {
   692      display: none!important;
   693  }
   694  @media(max-width:767px) {
   695      .main-fork {
   696      left: 1000px!important;
   697  }
   698  }@media(max-width:480px) {
   699      .main-fork {
   700      left: 1000px!important;
   701  }
   702  }