DRev 0.0.1 → 0.0.1.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +102 -133
- data/bin/DRev +1 -1
- data/bin/test/style.css +215 -478
- data/lib/DRev/version.rb +1 -1
- data/lib/error.rb +13 -0
- data/lib/log.rb +1 -1
- data/lib/scanner.rb +32 -19
- metadata +2 -3
- data/bin/test/1.css +0 -350
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 4659b5e75277c266a4cad9d96aadd544e90e5a6f8e8808cdb7c03a9bc1b5f152
|
4
|
+
data.tar.gz: 8c4e684158e22beb78d187ef4ac12dd4102597f1fe8f214679c6aa5e549d31eb
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 26af1f1b213b3e71a1d09fbc41aa57a4dcbb9cc28c60ba179ba628ae82ba82edaf0f8d8bbb5e3a3cbca8f914bb455619836f7f46516b1c9389381804f838641d
|
7
|
+
data.tar.gz: 2c428eb707e17bf2088757c373fe107dd2a8072e211245efa5852ac6c58c289e00ce25b0596fd4c0281a36d41937f74a83c8638980de4204cf67757cf1f087fc
|
data/README.md
CHANGED
@@ -1,173 +1,127 @@
|
|
1
|
-
|
1
|
+
# Daniel Review Gem (DRev) [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/Dandush03/capstone-build-linter)
|
2
|
+
[![Gem](https://img.shields.io/gem/v/DRev?style=flat)](https://rubygems.org/gems/DRev)
|
3
|
+
[![License](https://img.shields.io/badge/License-MIT-green.svg)]()
|
4
|
+
![GitHub followers](https://img.shields.io/github/followers/Dandush03?label=Dandush03&style=social)
|
5
|
+
![Twitter URL](https://img.shields.io/twitter/url?label=d_laloush&style=social&url=https%3A%2F%2Ftwitter.com%2Fd_laloush)
|
2
6
|
|
3
|
-
|
7
|
+
> This is a Microverse Captsopne Project
|
4
8
|
|
5
|
-
|
9
|
+
> CSS Lint
|
6
10
|
|
7
|
-
|
8
|
-
|
9
|
-
> Subtitle or Short Description Goes Here
|
10
|
-
|
11
|
-
> ideally one sentence
|
12
|
-
|
13
|
-
> include terms/tags that can be searched
|
14
|
-
|
15
|
-
**Badges will go here**
|
16
|
-
|
17
|
-
- build status
|
18
|
-
- issues (waffle.io maybe)
|
19
|
-
- devDependencies
|
20
|
-
- npm package
|
21
|
-
- coverage
|
22
|
-
- slack
|
23
|
-
- downloads
|
24
|
-
- gitter chat
|
25
|
-
- license
|
26
|
-
- etc.
|
27
|
-
|
28
|
-
[![Build Status](http://img.shields.io/travis/badges/badgerbadgerbadger.svg?style=flat-square)](https://travis-ci.org/badges/badgerbadgerbadger) [![Dependency Status](http://img.shields.io/gemnasium/badges/badgerbadgerbadger.svg?style=flat-square)](https://gemnasium.com/badges/badgerbadgerbadger) [![Coverage Status](http://img.shields.io/coveralls/badges/badgerbadgerbadger.svg?style=flat-square)](https://coveralls.io/r/badges/badgerbadgerbadger) [![Code Climate](http://img.shields.io/codeclimate/github/badges/badgerbadgerbadger.svg?style=flat-square)](https://codeclimate.com/github/badges/badgerbadgerbadger) [![Github Issues](http://githubbadges.herokuapp.com/badges/badgerbadgerbadger/issues.svg?style=flat-square)](https://github.com/badges/badgerbadgerbadger/issues) [![Pending Pull-Requests](http://githubbadges.herokuapp.com/badges/badgerbadgerbadger/pulls.svg?style=flat-square)](https://github.com/badges/badgerbadgerbadger/pulls) [![Gem Version](http://img.shields.io/gem/v/badgerbadgerbadger.svg?style=flat-square)](https://rubygems.org/gems/badgerbadgerbadger) [![License](http://img.shields.io/:license-mit-blue.svg?style=flat-square)](http://badges.mit-license.org) [![Badges](http://img.shields.io/:badges-9/9-ff6799.svg?style=flat-square)](https://github.com/badges/badgerbadgerbadger)
|
29
|
-
|
30
|
-
- For more on these wonderful ~~badgers~~ badges, refer to <a href="http://badges.github.io/badgerbadgerbadger/" target="_blank">`badgerbadgerbadger`</a>.
|
31
|
-
|
32
|
-
***INSERT ANOTHER GRAPHIC HERE***
|
33
|
-
|
34
|
-
[![INSERT YOUR GRAPHIC HERE](http://i.imgur.com/dt8AUb6.png)]()
|
35
|
-
|
36
|
-
- Most people will glance at your `README`, *maybe* star it, and leave
|
37
|
-
- Ergo, people should understand instantly what your project is about based on your repo
|
38
|
-
|
39
|
-
> Tips
|
40
|
-
|
41
|
-
- HAVE WHITE SPACE
|
42
|
-
- MAKE IT PRETTY
|
43
|
-
- GIFS ARE REALLY COOL
|
44
|
-
|
45
|
-
> GIF Tools
|
46
|
-
|
47
|
-
- Use <a href="http://recordit.co/" target="_blank">**Recordit**</a> to create quicks screencasts of your desktop and export them as `GIF`s.
|
48
|
-
- For terminal sessions, there's <a href="https://github.com/chjj/ttystudio" target="_blank">**ttystudio**</a> which also supports exporting `GIF`s.
|
49
|
-
|
50
|
-
**Recordit**
|
51
|
-
|
52
|
-
![Recordit GIF](http://g.recordit.co/iLN6A0vSD8.gif)
|
53
|
-
|
54
|
-
**ttystudio**
|
55
|
-
|
56
|
-
![ttystudio GIF](https://raw.githubusercontent.com/chjj/ttystudio/master/img/example.gif)
|
11
|
+
![Recordit GIF](https://raw.githack.com/Dandush03/BLOB/master/DRev/Program.gif)
|
57
12
|
|
58
13
|
---
|
59
14
|
|
60
|
-
## Table of Contents
|
61
|
-
|
62
|
-
> If your `README` has a lot of info, section headers might be nice.
|
15
|
+
## Table of Contents
|
63
16
|
|
64
|
-
- [Installation](#
|
17
|
+
- [Installation](#Installation)
|
18
|
+
- [Set-Up](#Set-Up)
|
19
|
+
- [Install-Gem](#Installing-Gem)
|
65
20
|
- [Features](#features)
|
66
|
-
- [
|
67
|
-
- [
|
68
|
-
- [
|
69
|
-
- [
|
70
|
-
- [
|
71
|
-
|
72
|
-
|
73
|
-
---
|
74
|
-
|
75
|
-
## Example (Optional)
|
76
|
-
|
77
|
-
```javascript
|
78
|
-
// code away!
|
79
|
-
|
80
|
-
let generateProject = project => {
|
81
|
-
let code = [];
|
82
|
-
for (let js = 0; js < project.length; js++) {
|
83
|
-
code.push(js);
|
84
|
-
}
|
85
|
-
};
|
86
|
-
```
|
21
|
+
- [How to Use](#How-to-Use)
|
22
|
+
- [Built With](#Built-With)
|
23
|
+
- [Support](#Support)
|
24
|
+
- [Contributing](#Contributing)
|
25
|
+
- [Acknowledgments](#Acknowledgments)
|
26
|
+
- [License](#License)
|
27
|
+
- [Author](#Authors)
|
87
28
|
|
88
29
|
---
|
89
30
|
|
90
31
|
## Installation
|
32
|
+
|
33
|
+
- [Set-Up](#Set-Up)
|
34
|
+
- [Install-Gem](#Installing-Gem)
|
91
35
|
|
92
|
-
|
93
|
-
- Images of what it should look like
|
36
|
+
<img src="https://raw.githubusercontent.com/Dandush03/BLOB/master/DRev/Project.png" width=600></img>
|
94
37
|
|
95
|
-
###
|
38
|
+
### Set-Up
|
96
39
|
|
97
|
-
|
40
|
+
#### If you have already Install RUBY && GEMS Skip to [Install-Gem](#Installing-Gem) Section
|
98
41
|
|
99
|
-
|
42
|
+
- Let's start with updating our apt
|
100
43
|
|
101
|
-
|
44
|
+
```bash
|
45
|
+
sudo apt-get update
|
46
|
+
```
|
102
47
|
|
103
|
-
|
48
|
+
- Then we need to install Ruby
|
104
49
|
|
105
|
-
```
|
106
|
-
|
107
|
-
|
108
|
-
```
|
50
|
+
```bash
|
51
|
+
sudo apt-get install ruby-full
|
52
|
+
```
|
109
53
|
|
110
|
-
|
54
|
+
Let's verify it's working correctly by opening a text editor and save the following text as test.rb
|
111
55
|
|
112
|
-
```
|
113
|
-
|
114
|
-
|
115
|
-
```
|
56
|
+
```bash
|
57
|
+
#!/usr/bin/env ruby
|
58
|
+
puts "Hello world!"
|
59
|
+
```
|
116
60
|
|
117
|
-
|
61
|
+
In the terminal window, change directory to the directory where you saved test.rb. Run the command
|
62
|
+
```bash
|
63
|
+
chmod +x test.rb
|
64
|
+
./test.rb
|
65
|
+
```
|
118
66
|
|
119
|
-
|
67
|
+
Then you should see the message Hello world! displayed if Ruby is installed correctly.
|
120
68
|
|
121
|
-
|
122
|
-
## Usage (Optional)
|
123
|
-
## Documentation (Optional)
|
124
|
-
## Tests (Optional)
|
69
|
+
If it didn't work, check [Ruby Installation Page](https://www.ruby-lang.org/en/documentation/installation/)
|
125
70
|
|
126
|
-
-
|
127
|
-
- I utilized this nifty <a href="https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet" target="_blank">Markdown Cheatsheet</a> for this sample `README`.
|
71
|
+
- All that is left is to install Gem Package by typing in our Terminal
|
128
72
|
|
129
|
-
|
73
|
+
```bash
|
74
|
+
sudo apt-get install rubygems
|
75
|
+
```
|
130
76
|
|
131
|
-
|
77
|
+
### Installing Gem
|
132
78
|
|
133
|
-
|
79
|
+
#### After making sure you've all the [Set-Up](#Set-Up) Process Completed
|
134
80
|
|
135
|
-
|
81
|
+
- Let's start installing the bundle gem. (Skip this step if you already used Gems Before)
|
136
82
|
|
137
|
-
|
138
|
-
|
83
|
+
```bash
|
84
|
+
gem install bundler
|
85
|
+
```
|
139
86
|
|
140
|
-
-
|
141
|
-
- 👯 Clone this repo to your local machine using `https://github.com/joanaz/HireDot2.git`
|
87
|
+
- Now we can install DRev Gem by typing
|
142
88
|
|
143
|
-
|
89
|
+
```bash
|
90
|
+
gem install DRev
|
91
|
+
```
|
144
92
|
|
145
|
-
|
93
|
+
## Congratulation! Now You Can Start Using DRev
|
94
|
+
---
|
146
95
|
|
147
|
-
|
96
|
+
## Features
|
148
97
|
|
149
|
-
|
98
|
+
As far as this version release DRev will check the following issue:
|
150
99
|
|
100
|
+
- Extras/Unessesaries empty lines.
|
101
|
+
- Indentations (By Default and as far, for now, it will check indentations of 2).
|
102
|
+
- Last EoF Empty Line.
|
103
|
+
- Missing Closing or Opening Brackets.
|
151
104
|
---
|
152
105
|
|
153
|
-
##
|
154
|
-
|
155
|
-
> Or Contributors/People
|
106
|
+
## How to Use
|
156
107
|
|
157
|
-
|
158
|
-
| :---: |:---:| :---:|
|
159
|
-
| [![FVCproductions](https://avatars1.githubusercontent.com/u/4284691?v=3&s=200)](http://fvcproductions.com) | [![FVCproductions](https://avatars1.githubusercontent.com/u/4284691?v=3&s=200)](http://fvcproductions.com) | [![FVCproductions](https://avatars1.githubusercontent.com/u/4284691?v=3&s=200)](http://fvcproductions.com) |
|
160
|
-
| <a href="http://github.com/fvcproductions" target="_blank">`github.com/fvcproductions`</a> | <a href="http://github.com/fvcproductions" target="_blank">`github.com/fvcproductions`</a> | <a href="http://github.com/fvcproductions" target="_blank">`github.com/fvcproductions`</a> |
|
108
|
+
Essay and Simple! Just open the folder on your terminal witch you want to check and type the following command!
|
161
109
|
|
162
|
-
|
163
|
-
|
110
|
+
```bash
|
111
|
+
DRev
|
112
|
+
```
|
164
113
|
|
165
114
|
---
|
166
115
|
|
167
|
-
##
|
116
|
+
## Built With
|
168
117
|
|
169
|
-
-
|
170
|
-
|
118
|
+
- Bundle
|
119
|
+
- Ruby
|
120
|
+
- Bash
|
121
|
+
- Vim
|
122
|
+
- GitHub
|
123
|
+
- Gem
|
124
|
+
- Shields.io
|
171
125
|
|
172
126
|
---
|
173
127
|
|
@@ -175,18 +129,22 @@ $ bower install
|
|
175
129
|
|
176
130
|
Reach out to me at one of the following places!
|
177
131
|
|
178
|
-
-
|
179
|
-
- Twitter at
|
180
|
-
- Insert more social links here.
|
132
|
+
- LinkedIn at [Daniel Laloush](https://www.linkedin.com/in/daniel-laloush-0a7331a9)
|
133
|
+
- Twitter at [@d_laloush](https://twitter.com/d_laloush)
|
181
134
|
|
182
135
|
---
|
183
136
|
|
184
|
-
##
|
137
|
+
## Contributing 🤝
|
138
|
+
|
139
|
+
Contributions, issues, and feature requests are welcome!
|
185
140
|
|
186
|
-
|
141
|
+
Feel free to check the [issues page](./issues/).
|
142
|
+
---
|
187
143
|
|
188
|
-
|
144
|
+
## Acknowledgments
|
189
145
|
|
146
|
+
- Hat tip to anyone whose code was used
|
147
|
+
- Thanks to Microverse for it Support!
|
190
148
|
|
191
149
|
---
|
192
150
|
|
@@ -195,4 +153,15 @@ Reach out to me at one of the following places!
|
|
195
153
|
[![License](http://img.shields.io/:license-mit-blue.svg?style=flat-square)](http://badges.mit-license.org)
|
196
154
|
|
197
155
|
- **[MIT license](http://opensource.org/licenses/mit-license.php)**
|
198
|
-
- Copyright 2015 © <a href="http://fvcproductions.com" target="_blank">FVCproductions</a>.
|
156
|
+
- Copyright 2015 © <a href="http://fvcproductions.com" target="_blank">FVCproductions</a>.
|
157
|
+
|
158
|
+
## Author
|
159
|
+
|
160
|
+
**Danie Laloush**
|
161
|
+
|
162
|
+
- Portafolio: [dlaloush.me](https://dlaloush.me) (Comming Soon)
|
163
|
+
- Linkedin: [Daniel Laloush](https://www.linkedin.com/in/daniel-laloush-0a7331a9)
|
164
|
+
- Github: [@Dandush03](https://github.com/Dandush03)
|
165
|
+
- Twitter: [@d_laloush](https://twitter.com/d_laloush)
|
166
|
+
|
167
|
+
Give a ⭐️ if you like this project!
|
data/bin/DRev
CHANGED
@@ -18,7 +18,7 @@ files.each do |file|
|
|
18
18
|
counter += 1
|
19
19
|
puts msg.file_start(file, counter)
|
20
20
|
print init_read(file)
|
21
|
-
puts msg.file_end
|
22
21
|
print "\n NO ERRORS FOUND! GREAT JOB!\n" if init_read(file).split.empty? == true
|
22
|
+
puts msg.file_end
|
23
23
|
end
|
24
24
|
puts msg.init_end(counter)
|
data/bin/test/style.css
CHANGED
@@ -1,582 +1,319 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
display: grid;
|
4
|
-
grid-template-areas:
|
5
|
-
'header header header'
|
6
|
-
'left main rigth'
|
7
|
-
'left main rigth';
|
8
|
-
grid-template-rows: 50px 95vw;
|
9
|
-
min-width: 860px;
|
10
|
-
font-family: Roboto, Arial, sans-serif;
|
11
|
-
grid-template-columns: 2% 72% 25%;
|
12
|
-
background-color: whitesmoke;
|
13
|
-
margin: 0%;
|
14
|
-
|
15
|
-
}
|
16
|
-
|
17
|
-
.nav-bar {
|
18
|
-
grid-area: header;
|
19
|
-
display: grid;
|
20
|
-
text-align: center;
|
21
|
-
grid-template-columns: 15% 60% 25%;
|
22
|
-
height: 50px;
|
23
|
-
background-color: white;
|
24
|
-
}
|
25
|
-
|
26
|
-
.search-container div {
|
27
|
-
display: inline-flex;
|
28
|
-
width: 80%;
|
29
|
-
min-height: 30px;
|
30
|
-
}
|
31
|
-
|
32
|
-
.logo {
|
33
|
-
display: inline-flex;
|
34
|
-
height: auto;
|
35
|
-
min-width: 135px;
|
36
|
-
margin: 10px;
|
37
|
-
justify-content: center;
|
38
|
-
align-items: center;
|
39
|
-
}
|
40
|
-
|
41
|
-
.logo div {
|
42
|
-
display: inline-flex;
|
43
|
-
}
|
44
|
-
|
45
|
-
.search-container {
|
46
|
-
display: inline-flex;
|
47
|
-
justify-content: center;
|
48
|
-
align-items: center;
|
49
|
-
min-width: 400px;
|
50
|
-
}
|
51
|
-
|
52
|
-
.search-bar {
|
53
|
-
width: 90%;
|
54
|
-
min-width: 350px;
|
55
|
-
padding-left: 10px;
|
56
|
-
margin: 0%;
|
57
|
-
border: 1px solid rgb(200, 200, 200);
|
58
|
-
}
|
59
|
-
|
60
|
-
.search-button {
|
61
|
-
width: 10%;
|
62
|
-
min-width: 50px;
|
63
|
-
padding: 0%;
|
64
|
-
margin: 0%;
|
65
|
-
background-image: url("imgs/search.svg");
|
66
|
-
background-repeat: no-repeat;
|
67
|
-
background-position: center;
|
68
|
-
background-color: transparent;
|
69
|
-
border: 1px solid rgb(200, 200, 200);
|
70
|
-
border-left: transparent;
|
71
|
-
}
|
72
|
-
|
73
|
-
.menu-top {
|
74
|
-
display: inline-flex;
|
75
|
-
justify-content: center;
|
76
|
-
align-items: center;
|
77
|
-
}
|
78
|
-
|
79
|
-
.menu-top button {
|
80
|
-
width: 10%;
|
81
|
-
min-width: 25px;
|
1
|
+
body {
|
2
|
+
margin: 0;
|
82
3
|
padding: 0;
|
83
|
-
margin-left: 25px;
|
84
|
-
border-style: none;
|
85
|
-
background-color: transparent;
|
86
|
-
}
|
87
|
-
|
88
|
-
.menu-top img {
|
89
|
-
width: 25px;
|
90
|
-
}
|
91
|
-
|
92
|
-
.logo img {
|
93
|
-
width: 80px;
|
94
|
-
}
|
95
|
-
|
96
|
-
.main-video {
|
97
|
-
margin: 10px;
|
98
|
-
grid-area: main;
|
99
|
-
}
|
100
|
-
|
101
|
-
.video {
|
102
|
-
position: relative;
|
103
|
-
height: 60vh;
|
104
|
-
width: 100%;
|
105
4
|
}
|
106
5
|
|
107
|
-
|
108
|
-
|
109
|
-
height: 100%;
|
110
|
-
}
|
111
|
-
|
112
|
-
.info-video {
|
113
|
-
display: block;
|
114
|
-
font-family: Roboto, Arial, sans-serif;
|
115
|
-
}
|
116
|
-
|
117
|
-
.info-video-data {
|
118
|
-
margin-bottom: 2%;
|
119
|
-
}
|
120
|
-
|
121
|
-
.info-video a {
|
122
|
-
font-size: 8px;
|
123
|
-
}
|
124
|
-
|
125
|
-
.info-video button {
|
126
|
-
border-style: none;
|
127
|
-
background-color: transparent;
|
6
|
+
main>h6 {
|
7
|
+
display: none;
|
128
8
|
}
|
129
9
|
|
130
|
-
|
131
|
-
|
132
|
-
|
133
|
-
color: rgb(96, 96, 96);
|
134
|
-
font-weight: 500;
|
10
|
+
section>h6 {
|
11
|
+
display: none;
|
12
|
+
|
135
13
|
}
|
136
14
|
|
137
|
-
.
|
138
|
-
|
139
|
-
|
140
|
-
|
141
|
-
|
142
|
-
|
143
|
-
}
|
144
|
-
|
145
|
-
.info-video h2 {
|
146
|
-
margin: 0px;
|
147
|
-
}
|
148
|
-
|
149
|
-
.info-video h6 {
|
150
|
-
margin: 8px 0px;
|
151
|
-
font-size: 14px;
|
152
|
-
color: rgb(96, 96, 96);
|
153
|
-
font-weight: 400;
|
154
|
-
}
|
155
|
-
|
156
|
-
.wrapped-info-video {
|
15
|
+
.contents {
|
16
|
+
background-position: 50% 100%;
|
17
|
+
background-repeat: no-repeat;
|
18
|
+
width: 1440px;
|
19
|
+
min-height: 538px;
|
20
|
+
margin: 0 auto;
|
157
21
|
display: grid;
|
158
|
-
grid-template-
|
159
|
-
height: 30px;
|
160
|
-
align-items: center;
|
161
|
-
}
|
162
|
-
|
163
|
-
|
164
|
-
.info-video-data a {
|
165
|
-
margin: 0px;
|
166
|
-
color: rgb(42, 107, 228);
|
167
|
-
text-decoration: none;
|
168
|
-
font-size: 11px;
|
22
|
+
grid-template-areas: 'mc mc mc mc''s1 s2 s3 s4';
|
169
23
|
}
|
170
24
|
|
171
|
-
.info-video-data h2 {
|
172
|
-
margin: 0px;
|
173
|
-
font-size: 18px;
|
174
|
-
font-weight: 400;
|
175
|
-
}
|
176
25
|
|
177
|
-
.right {
|
178
|
-
float: right;
|
179
|
-
}
|
180
26
|
|
181
|
-
.
|
182
|
-
|
183
|
-
|
184
|
-
|
185
|
-
|
186
|
-
|
27
|
+
.main-content {
|
28
|
+
grid-area: mc;
|
29
|
+
background-image: url("https://web.archive.org/web/20140301004302im_/http://images.apple.com/v/home/as/images/your_verse_hero.jpg");
|
30
|
+
background-position: 50% 100%;
|
31
|
+
background-size: 100%;
|
32
|
+
background-repeat: no-repeat;
|
187
33
|
width: 100%;
|
34
|
+
height: 538px;
|
35
|
+
align-content: center;
|
188
36
|
display: grid;
|
189
|
-
|
190
|
-
'left1 bottom1 right1'
|
191
|
-
'left1 bottom1 right1';
|
192
|
-
grid-template-columns: fit-content(60px) 75% 20%;
|
193
|
-
}
|
194
|
-
|
195
|
-
.uploader-info a {
|
196
|
-
font-size: 8pt;
|
37
|
+
text-align: center;
|
197
38
|
}
|
198
39
|
|
199
|
-
.
|
200
|
-
|
201
|
-
margin
|
40
|
+
.contents>div {
|
41
|
+
align-self: center;
|
42
|
+
margin: 0 auto;
|
202
43
|
}
|
203
44
|
|
204
|
-
.
|
205
|
-
|
206
|
-
|
207
|
-
|
45
|
+
.ui {
|
46
|
+
position: absolute;
|
47
|
+
top: 2.5rem;
|
48
|
+
left: 50%;
|
49
|
+
transform: translate(-50%, -50%);
|
208
50
|
}
|
209
51
|
|
210
|
-
.
|
211
|
-
|
212
|
-
background-
|
213
|
-
|
52
|
+
.navbar {
|
53
|
+
display: flex;
|
54
|
+
background-attachment: scroll, scroll, scroll, scroll;
|
55
|
+
background-clip: border-box, border-box, border-box, border-box;
|
56
|
+
background-color: rgba(0, 0, 0, 0);
|
57
|
+
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.2)), color-stop(0.05, rgba(0, 0, 0, 0)), color-stop(0.97, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.45))), -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.2)), color-stop(0.002, rgba(0, 0, 0, 0)), color-stop(0.998, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.2))), -webkit-gradient(linear, 0 100%, 0 0, from(rgb(102, 102, 102)), color-stop(0.5, rgb(94, 94, 94)), color-stop(0.51, rgb(112, 112, 112)), to(rgb(128, 128, 128))), radial-gradient(transparent, white);
|
58
|
+
background-origin: padding-box, padding-box, padding-box, padding-box;
|
59
|
+
background-position-x: 0, 0, 50%, 0;
|
60
|
+
background-position-y: 0, 0, 50%, 0;
|
61
|
+
background-size: auto, auto, auto, auto;
|
62
|
+
border-bottom-left-radius: 4px;
|
63
|
+
border-bottom-right-radius: 4px;
|
64
|
+
border-top-left-radius: 4px;
|
65
|
+
border-top-right-radius: 4px;
|
66
|
+
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 2px 0;
|
67
|
+
color: rgb(51, 51, 51);
|
68
|
+
font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
|
214
69
|
font-size: 12px;
|
215
|
-
color: white;
|
216
|
-
padding: 8px;
|
217
|
-
border-radius: 2px;
|
218
|
-
}
|
219
|
-
|
220
|
-
.gridright input:hover {
|
221
|
-
cursor: pointer;
|
222
|
-
}
|
223
|
-
|
224
|
-
.gridright input:focus {
|
225
|
-
border: transparent;
|
226
|
-
}
|
227
|
-
|
228
|
-
.uploader-content {
|
229
|
-
grid-area: bottom1;
|
230
|
-
}
|
231
|
-
|
232
|
-
.uploader-user div {
|
233
|
-
display: inline-flex;
|
234
|
-
align-items: center;
|
235
|
-
}
|
236
|
-
|
237
|
-
.uploader-user h6 {
|
238
|
-
margin: 0px;
|
239
|
-
color: black;
|
240
70
|
font-style: normal;
|
241
|
-
font-
|
242
|
-
font-
|
243
|
-
|
244
|
-
|
245
|
-
|
246
|
-
|
247
|
-
|
248
|
-
|
249
|
-
|
250
|
-
|
251
|
-
|
252
|
-
|
253
|
-
|
254
|
-
|
255
|
-
|
256
|
-
|
257
|
-
margin: 0px;
|
258
|
-
font-size: 13px;
|
259
|
-
color: black;
|
260
|
-
font-size: 10px;
|
71
|
+
font-variant-caps: normal;
|
72
|
+
font-variant-east-asian: normal;
|
73
|
+
font-variant-ligatures: normal;
|
74
|
+
font-variant-numeric: normal;
|
75
|
+
font-weight: 400;
|
76
|
+
height: 36px;
|
77
|
+
line-height: 18px;
|
78
|
+
padding-bottom: 0;
|
79
|
+
padding-left: 0;
|
80
|
+
padding-right: 0;
|
81
|
+
padding-top: 0;
|
82
|
+
position: relative;
|
83
|
+
text-align: left;
|
84
|
+
top: 18px;
|
85
|
+
width: 980px;
|
86
|
+
z-index: 9998;
|
261
87
|
}
|
262
88
|
|
263
|
-
.
|
264
|
-
|
265
|
-
|
266
|
-
|
89
|
+
.navbar-btn {
|
90
|
+
display: flex;
|
91
|
+
flex-direction: row;
|
92
|
+
list-style-type: none;
|
93
|
+
margin: 0;
|
94
|
+
padding: 0;
|
95
|
+
width: 845px;
|
96
|
+
height: 36px;
|
97
|
+
align-items: center;
|
267
98
|
}
|
268
99
|
|
269
|
-
.
|
270
|
-
font-weight: 600;
|
271
|
-
font-size: 11px;
|
272
|
-
border: none;
|
100
|
+
.navbar-btn>li {
|
273
101
|
background-color: transparent;
|
274
|
-
|
275
|
-
|
276
|
-
|
277
|
-
|
278
|
-
|
279
|
-
|
280
|
-
grid-area: rigth;
|
281
|
-
margin: 2%;
|
102
|
+
width: 12.5%;
|
103
|
+
height: 30px;
|
104
|
+
align-items: center;
|
105
|
+
display: flex;
|
106
|
+
font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
|
107
|
+
color: white;
|
282
108
|
}
|
283
109
|
|
284
|
-
.
|
285
|
-
|
286
|
-
|
287
|
-
|
110
|
+
.cta>a {
|
111
|
+
display: inline-block;
|
112
|
+
margin: 0 18px 25px;
|
113
|
+
height: 29px;
|
288
114
|
}
|
289
115
|
|
290
|
-
.
|
291
|
-
height: 100%;
|
292
|
-
display: grid;
|
293
|
-
grid-template-areas: '1left 1center' !important;
|
294
|
-
grid-template-columns: 40% 60%;
|
295
|
-
margin: 2%;
|
116
|
+
.wrapper a {
|
296
117
|
text-decoration: none;
|
118
|
+
color: #08c;
|
297
119
|
}
|
298
120
|
|
299
|
-
.
|
300
|
-
display: inline-block;
|
301
|
-
}
|
302
|
-
|
303
|
-
.side-bar-img img {
|
121
|
+
.navbar-btn>li>a {
|
304
122
|
width: 100%;
|
305
123
|
}
|
306
124
|
|
307
|
-
.
|
308
|
-
|
309
|
-
|
310
|
-
|
311
|
-
|
312
|
-
|
313
|
-
|
314
|
-
color:
|
315
|
-
|
316
|
-
}
|
317
|
-
|
318
|
-
.side-bar h1 {
|
319
|
-
font-size: 14px;
|
320
|
-
margin: 0px 10px 0px 10px;
|
321
|
-
color: black;
|
322
|
-
word-break: break-word;
|
125
|
+
.css-img-nav {
|
126
|
+
background-image: url('https://web.archive.org/web/20140301004259im_/http:/images.apple.com/global/nav/images/globalnav_text.svg');
|
127
|
+
background-origin: padding-box;
|
128
|
+
background-position-x: 50%;
|
129
|
+
background-position-y: 0;
|
130
|
+
background-repeat: no-repeat;
|
131
|
+
background-size: auto;
|
132
|
+
color: rgb(0, 136, 204);
|
133
|
+
cursor: pointer;
|
323
134
|
display: block;
|
324
|
-
|
325
|
-
|
326
|
-
|
327
|
-
|
328
|
-
|
329
|
-
font-
|
330
|
-
|
331
|
-
|
332
|
-
height:
|
333
|
-
|
334
|
-
|
335
|
-
|
336
|
-
|
337
|
-
|
338
|
-
|
339
|
-
|
340
|
-
margin:
|
341
|
-
|
342
|
-
|
343
|
-
|
344
|
-
display: grid;
|
345
|
-
grid-template-columns: 50% 50%;
|
346
|
-
}
|
347
|
-
|
348
|
-
.side-bar-top-buttons div {
|
349
|
-
display: inline-flex;
|
350
|
-
align-items: center;
|
351
|
-
}
|
352
|
-
|
353
|
-
.side-bar-top-buttons p {
|
354
|
-
color: rgb(80, 80, 80);
|
135
|
+
font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
|
136
|
+
font-size: 12px;
|
137
|
+
font-style: normal;
|
138
|
+
font-variant-caps: normal;
|
139
|
+
font-variant-east-asian: normal;
|
140
|
+
font-variant-ligatures: normal;
|
141
|
+
font-variant-numeric: normal;
|
142
|
+
font-weight: 400;
|
143
|
+
height: 30px;
|
144
|
+
line-height: 18px;
|
145
|
+
list-style-image: none;
|
146
|
+
list-style-position: outside;
|
147
|
+
list-style-type: none;
|
148
|
+
margin-bottom: 3px;
|
149
|
+
margin-left: 0;
|
150
|
+
margin-right: 0;
|
151
|
+
margin-top: 3px;
|
152
|
+
text-align: left;
|
153
|
+
text-indent: -9999px;
|
154
|
+
width: 100%;
|
355
155
|
}
|
356
156
|
|
357
|
-
.
|
358
|
-
|
359
|
-
font-size: 16px;
|
157
|
+
.logo {
|
158
|
+
background-position-y: 0;
|
360
159
|
}
|
361
160
|
|
362
|
-
.
|
363
|
-
position:
|
364
|
-
display: inline-block;
|
365
|
-
width: 30px;
|
366
|
-
height: 11px;
|
161
|
+
.store {
|
162
|
+
background-position-y: -30px;
|
367
163
|
}
|
368
164
|
|
369
|
-
.
|
370
|
-
|
371
|
-
width: 0;
|
372
|
-
height: 0;
|
165
|
+
.mac {
|
166
|
+
background-position-y: -60px;
|
373
167
|
}
|
374
168
|
|
375
|
-
.
|
376
|
-
position:
|
377
|
-
cursor: pointer;
|
378
|
-
top: 0;
|
379
|
-
left: 0;
|
380
|
-
right: 0;
|
381
|
-
bottom: 0;
|
382
|
-
background-color: lightgray;
|
383
|
-
-webkit-transition: .4s;
|
384
|
-
transition: .4s;
|
169
|
+
.iPod {
|
170
|
+
background-position-y: -90px;
|
385
171
|
}
|
386
172
|
|
387
|
-
.
|
388
|
-
position:
|
389
|
-
content: "";
|
390
|
-
height: 13px;
|
391
|
-
width: 13px;
|
392
|
-
left: 2px;
|
393
|
-
bottom: -1px;
|
394
|
-
background-color: #eee;
|
395
|
-
-webkit-transition: .4s;
|
396
|
-
transition: .4s;
|
173
|
+
.iPhone {
|
174
|
+
background-position-y: -120px;
|
397
175
|
}
|
398
176
|
|
399
|
-
|
400
|
-
background-
|
177
|
+
.iPad {
|
178
|
+
background-position-y: -150px;
|
401
179
|
}
|
402
180
|
|
403
|
-
|
404
|
-
|
181
|
+
.iTunes {
|
182
|
+
background-position-y: -180px;
|
405
183
|
}
|
406
184
|
|
407
|
-
|
408
|
-
-
|
409
|
-
-ms-transform: translateX(13px);
|
410
|
-
transform: translateX(13px);
|
411
|
-
background-color: cornflowerblue;
|
185
|
+
.support {
|
186
|
+
background-position-y: -210px;
|
412
187
|
}
|
413
188
|
|
414
|
-
|
415
|
-
|
416
|
-
border-radius: 34px;
|
417
|
-
|
189
|
+
.search-nav {
|
190
|
+
align-self: center;
|
418
191
|
}
|
419
192
|
|
420
|
-
.
|
421
|
-
|
193
|
+
.search-nav:active {
|
194
|
+
width: 200px;
|
422
195
|
}
|
423
196
|
|
424
|
-
.
|
425
|
-
|
197
|
+
.search-nav form {
|
198
|
+
padding: 8px 13px;
|
426
199
|
}
|
427
200
|
|
428
|
-
.
|
429
|
-
|
430
|
-
|
431
|
-
|
432
|
-
|
433
|
-
.comment-interaction p {
|
434
|
-
font-size: 16px;
|
435
|
-
font-weight: 400;
|
436
|
-
}
|
437
|
-
|
438
|
-
.comment-interaction button {
|
439
|
-
border-style: none;
|
201
|
+
.search-nav input {
|
202
|
+
border-radius: 12px;
|
203
|
+
border-color: lightgray;
|
204
|
+
border-style: inset;
|
205
|
+
width: 106px;
|
440
206
|
background-color: transparent;
|
441
|
-
|
442
|
-
|
443
|
-
|
444
|
-
}
|
445
|
-
|
446
|
-
.comment-interaction button div {
|
447
|
-
display: inline-flex;
|
207
|
+
transition: 0.5s;
|
208
|
+
background-image: url(img/search-white.svg);
|
209
|
+
background-repeat: no-repeat;
|
448
210
|
}
|
449
211
|
|
450
|
-
.
|
451
|
-
width:
|
452
|
-
|
212
|
+
.search-nav input:focus {
|
213
|
+
width: 200px;
|
214
|
+
background-color: white;
|
215
|
+
border-radius: 12px;
|
216
|
+
border-color: transparent;
|
217
|
+
border-style: inset;
|
218
|
+
background-image: url(img/search.svg);
|
219
|
+
background-repeat: no-repeat;
|
220
|
+
outline: none;
|
221
|
+
padding-left: 20px;
|
453
222
|
}
|
454
223
|
|
455
|
-
.
|
456
|
-
width: 18px;
|
224
|
+
.main-content>h1 {
|
457
225
|
margin: 0;
|
458
226
|
}
|
459
227
|
|
460
|
-
.
|
461
|
-
|
462
|
-
|
463
|
-
background-color: transparent;
|
464
|
-
border-bottom: rgb(218, 218, 218) 1px solid;
|
465
|
-
height: 25px;
|
466
|
-
width: 100%;
|
228
|
+
.main-content>h2 {
|
229
|
+
margin: 0;
|
230
|
+
margin-bottom: 27px;
|
467
231
|
}
|
468
232
|
|
469
|
-
.
|
470
|
-
|
471
|
-
|
233
|
+
.cta {
|
234
|
+
height: 29px;
|
235
|
+
overflow: hidden;
|
472
236
|
}
|
473
237
|
|
474
|
-
.
|
475
|
-
|
238
|
+
.cta>a:hover {
|
239
|
+
margin-top: -32px;
|
476
240
|
}
|
477
241
|
|
478
|
-
.
|
479
|
-
|
480
|
-
|
481
|
-
|
482
|
-
|
483
|
-
'left-comment right-comment right-comment';
|
484
|
-
grid-template-columns: fit-content(60px) 88% 5%;
|
485
|
-
margin: 0px;
|
242
|
+
.s1,
|
243
|
+
.s2,
|
244
|
+
.s3,
|
245
|
+
.s4 {
|
246
|
+
margin: 0 !important;
|
486
247
|
}
|
487
248
|
|
488
|
-
.
|
489
|
-
grid-area:
|
490
|
-
margin-right: 10px;
|
249
|
+
.s1 {
|
250
|
+
grid-area: s1;
|
491
251
|
}
|
492
252
|
|
493
|
-
.
|
494
|
-
|
495
|
-
height: 50%;
|
496
|
-
grid-area: right-comment;
|
253
|
+
.s2 {
|
254
|
+
grid-area: s2;
|
497
255
|
}
|
498
256
|
|
499
|
-
|
500
|
-
|
501
|
-
.comment-user {
|
502
|
-
display: inline-flex;
|
503
|
-
grid-area: right-comment;
|
504
|
-
align-items: center;
|
505
|
-
height: 25px;
|
257
|
+
.s3 {
|
258
|
+
grid-area: s3;
|
506
259
|
}
|
507
260
|
|
508
|
-
.
|
509
|
-
|
510
|
-
font-weight: 600;
|
511
|
-
font-style: normal;
|
512
|
-
color: black;
|
261
|
+
.s4 {
|
262
|
+
grid-area: s4;
|
513
263
|
}
|
514
264
|
|
515
|
-
.
|
516
|
-
|
517
|
-
|
518
|
-
|
519
|
-
font-size: 8pt;
|
520
|
-
color: rgb(120, 120, 120);
|
265
|
+
.wrapper {
|
266
|
+
margin: 0 auto;
|
267
|
+
width: 1220px;
|
268
|
+
padding: 1em 0 2.6em;
|
521
269
|
}
|
522
270
|
|
523
|
-
.
|
524
|
-
|
525
|
-
|
526
|
-
|
527
|
-
|
528
|
-
|
529
|
-
grid-area: right-comment;
|
530
|
-
word-break: break-word;
|
531
|
-
overflow: hidden;
|
532
|
-
font-size: 14px;
|
533
|
-
}
|
534
|
-
|
535
|
-
.comment-content p {
|
271
|
+
.wrapper p {
|
272
|
+
float: left;
|
273
|
+
clear: both;
|
274
|
+
width: 49%;
|
275
|
+
padding-top: 20px;
|
276
|
+
text-align: left;
|
536
277
|
margin: 0;
|
278
|
+
color: #6e6e6e;
|
279
|
+
font-size: 0.8334em;
|
280
|
+
line-height: 1.2;
|
537
281
|
}
|
538
282
|
|
539
|
-
.
|
540
|
-
|
541
|
-
|
542
|
-
|
543
|
-
|
544
|
-
|
545
|
-
|
546
|
-
|
283
|
+
.wrapper ul {
|
284
|
+
float: right;
|
285
|
+
width: 51%;
|
286
|
+
padding: 0;
|
287
|
+
padding-top: 20px;
|
288
|
+
text-align: right;
|
289
|
+
margin: 0;
|
290
|
+
list-style: none outside;
|
547
291
|
}
|
548
292
|
|
549
|
-
.
|
550
|
-
|
293
|
+
.wrapper li {
|
294
|
+
float: left;
|
295
|
+
margin-left: 0.6em;
|
296
|
+
padding-left: 0.6em;
|
297
|
+
border-left: 1px solid #ccc;
|
298
|
+
font-size: 0.8334em;
|
299
|
+
line-height: 1.2;
|
551
300
|
}
|
552
301
|
|
553
|
-
.
|
554
|
-
|
555
|
-
|
302
|
+
.wrapper a:hover {
|
303
|
+
text-decoration: underline;
|
556
304
|
}
|
557
305
|
|
558
|
-
.
|
559
|
-
|
560
|
-
width: 18px;
|
306
|
+
.wraper ul .clear-left ul {
|
307
|
+
float: left;
|
561
308
|
}
|
562
309
|
|
563
|
-
.
|
564
|
-
|
565
|
-
font-size: 12px;
|
566
|
-
margin: 0;
|
310
|
+
.wrapper .clear-left {
|
311
|
+
width: fit-content;
|
567
312
|
}
|
568
313
|
|
569
|
-
.
|
570
|
-
|
314
|
+
.wrapper .piped {
|
315
|
+
float: left;
|
316
|
+
|
571
317
|
}
|
572
318
|
|
573
|
-
.view-replies {
|
574
|
-
font-size: 14px;
|
575
|
-
font-weight: 1500;
|
576
|
-
color: rgb(6, 95, 212);
|
577
|
-
letter-spacing: 0.007px;
|
578
|
-
}
|
579
319
|
|
580
|
-
.round {
|
581
|
-
border-radius: 50%;
|
582
|
-
}
|