graph-style.css (2762B)
1 /* 2 * MISC 3 * --------------------------------------------------------------------------------------------------------------------- 4 */ 5 *, *:before, *:after { 6 padding: 0; margin: 0; border: 0; 7 box-sizing: border-box; -moz-box-sizing: border-box; 8 -webkit-text-size-adjust: 100%; /* Making shure mobile devices dont scale up text */ 9 } 10 11 body, 12 input, 13 textarea, 14 select { 15 font-size: 13px; 16 font-family: arial, verdana, sans-serif; 17 color: #333; 18 line-height: 150%; 19 } 20 21 body { background: #E9EBEE; } 22 23 a { 24 color: #43609C; 25 text-decoration: none; 26 } 27 28 h1 { 29 margin-bottom: 30px; 30 color: #43609C; 31 line-height: 100%; 32 } 33 h2 { margin-bottom: 10px; } 34 h3 { margin-bottom: 5px; } 35 36 p { margin-bottom: 10px; } 37 p.example { 38 font-size: 12px; 39 color: #888; 40 } 41 42 ul { margin-left: 18px; } 43 li { padding-left: 5px; } 44 45 46 /* 47 * MAIN ELEMENTS 48 * --------------------------------------------------------------------------------------------------------------------- 49 */ 50 51 main { 52 width: 800px; 53 min-height: 200px; 54 margin: 0 auto; 55 margin-top: 30px; 56 margin-bottom: 20px; 57 border: 1px solid #DFE0E4; 58 border-top: 2px solid #43609C; 59 border-bottom: 2px solid #DFE0E4; 60 border-radius: 4px; 61 padding: 30px; 62 padding-bottom: 10px; 63 background: #fff; 64 } 65 66 section { 67 margin-bottom: 40px; 68 } 69 70 .search-type { 71 margin-bottom: 20px; 72 border-bottom: 1px solid #DFE0E4; 73 padding-bottom: 10px; 74 } 75 76 footer { 77 width: 800px; 78 margin: 0 auto; 79 margin-bottom: 40px; 80 padding: 0 20px; 81 text-align: center; 82 color: #888; 83 font-size: 11px; 84 } 85 86 @media screen and (max-width: 800px) { 87 88 main, 89 footer { 90 width: 100%; 91 } 92 } 93 94 95 /* 96 * INPUT FORMS AND BUTTONS 97 * --------------------------------------------------------------------------------------------------------------------- 98 */ 99 100 input, 101 select { 102 border: 1px solid #aaa; 103 padding: 3px 8px; 104 border-radius: 4px; 105 margin-right: 4px; 106 } 107 select { 108 padding: 4px 8px; 109 } 110 111 #input-username-or-uid { width: 160px; } 112 #input-friendlyname { width: 180px; } 113 114 .input-wrap { 115 line-height: 300%; 116 margin-bottom: 5px; 117 } 118 119 .loading { 120 vertical-align: middle; 121 display: none; 122 } 123 124 .button { 125 background: #43609C; 126 border-radius: 4px; 127 padding: 6px 8px; 128 cursor: pointer; 129 text-decoration: none; 130 color: #fff; 131 } 132 133 .link-remove { 134 color: #43609C; 135 cursor: pointer; 136 } 137 138 139 /* 140 * TABLE 141 * --------------------------------------------------------------------------------------------------------------------- 142 */ 143 144 table { 145 width: 100%; 146 margin-left: -2px; 147 } 148 149 th, 150 td { 151 padding: 5px 8px; 152 } 153 th { 154 background: #e8e8e8; 155 color: #666; 156 font-weight: normal; 157 text-align: left; 158 } 159 td { background: #F6F6F6; }