@okta-dfuhriman/okta-auth-js/samples/generated/express-embedded-sign-in-widget/web-server/assets/css/samples.css

The Okta Auth SDK

/*
 * Copyright (c) 2018, Okta, Inc. and/or its affiliates. All rights reserved.
 * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
 *
 * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *
 * See the License for the specific language governing permissions and limitations under the License.
 */

/* General ********************************************************************/

html, body {
  height: 100%;
}

a:link, a:visited, a:active {
  color: #4183C4;
}

#samples, #samples .ui.menu, #samples .ui.table {
  font-size: 15px;
}

#samples .ui.header {
  margin-top: 30px;
}

#samples form {
  max-width: 400px;
}

#samples .okta-sign-in-form {
  padding-left: 15rem;
  padding-top: 0;
}

/* Menu ***********************************************************************/

.menu button {
  cursor: pointer;
  border: none;
}

.menu button:hover {
  color: #fff !important;
}
/* Getting Started ************************************************************/

#getting-started {
  margin-bottom: 70px;
  font-weight: bold;
  color:#000 !important;
  padding-top: 12px;
  padding-bottom: 14px;
}

#getting-started a:link,
#getting-started a:visited,
#getting-started a:active {
  color: #000;
  text-decoration: underline;
}

#getting-started h3 {
  display: inline;
  font-size: 1.18rem;
  position: relative;
  top: 3px;
}

/* Documentation **************************************************************/

#content {
  padding-left: 15rem;
  padding-top: 0;
  height: 100%;
}

#doc {
  padding-left: 42px;
  padding-top: 29px;
}

#default-app-text {
  text-align: center;
  font-size: 20px;
  font-family: monospace;
}

.hljs {
  padding: 0;
}

.ui.segment {
  box-shadow: none;
  border-radius: 0;
  border-width: 1px 0;
}

.example h3 {
  margin-bottom: 0.5rem;
}

.example .segment {
  margin-top: 0.5rem;
}

.ui.table thead th {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

ol.ui.list li {
  padding-bottom: 19px;
}

.ui.mini.loader {
  height: 0.8rem;
  font-size: 1em;
  top: -2px;
}

.ui.orange.labels {
  padding: 20px 0 40px 0;
  text-align: center;
}

.ui.orange.labels .ui.label {
  text-transform: capitalize;
}

.sample-col {
  border-left: 3px solid #000;
  color: #F0EBD8;
}

.sample-col .ui.header {
  color: #F0EBD8;
}

.ui.grid>.sample-col.column,
.ui.grid>.sample-col.row,
.ui.grid>.row>.sample-col.column {
  background-color: #312F2F;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/* Profile Page ***************************************************************/

.profile {
  text-align: center;
}

.profile .ui.table {
  margin: 30px auto;
}

.profile .ui.table th {
  text-align: center;
}